html{background-color:#fff;color:#1a1a1a}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,p{margin:0;padding:0}
img{border:0 none}
li{list-style-image:none;list-style-position:outside;list-style-type:none}
h1,h2,h3{font-size:100%}
body{font: 12px verdana}

h1 { color:#002f63; font-family: Tahoma,Verdana,Sans-serif; font-size:18px; margin: 0 0 14px 0; font-weight: bold }
h1 span { font-weight: normal; font-size: 16px }
h2 { color:#002f63; font-family: Tahoma,Verdana,Sans-serif; font-size:12px }

a, a:visited { color: #002f63; text-decoration: none }
a:hover { text-decoration: underline }
	a.skip { position: absolute; left: 0; top: -999999px; background-color: #fff }
	a.skip:focus { display: block; top: 5px; }
p { margin-bottom: 12px; }

#wrapper { width: 800px; margin: 0 auto; font-family: sans-serif, verdana, helvetica; }
#header { padding: 10px 0 20px 0 }
#content { padding-bottom: 20px } 
#article { width: 600px; float: right;  font-size: 17px; line-height: 24px; }
#aside { width: 180px; float: left; padding: 4px 10px 10px; font-size: 13px; line-height: 17px }
	#aside li { margin-bottom: 12px }
#footer li { display: inline; padding-right: 8px; color: #c1c1c1; }


.clients { margin-bottom: 12px; font-size: 15px; line-height: 20px; }
.cartoon-copy { display: block; text-align: right; font-size: 12px; }

dt { font-weight: bold; color: #002f63 }
dd { padding: 0 0 4px 6px }
dd ul { margin-left: 20px; }
dd ul li { list-style: square;  }
dd ul li a { text-decoration: underline; }
dd ul li a:hover { text-decoration: none; }
.clients span { color: #c1c1c1; font-size: 11px; }

.geo { display: none; }

.clearfix:after,
#content:after,
#footer:after {content:".";display:block;height:0;clear:both;visibility:hidden }

* html .clearfix,
* html #content,
* html #footer {height:1%;overflow:visible }

*:first-child+html .clearfix,
*:first-child+html #content,
*:first-child+html #footer {min-height:1px }

@media only screen and (min-width: 386px) and (max-width: 820px) {
	#wrapper { width: 96%; margin: 0 2%; }
	#article { width: 100%; float: none;   }
	#article img { width: 100%; }
	#aside { width: 180px; float: none; }
	html #aside { width: 100%; float: none; padding: 12px 0 0 0; margin-top: 24px; border-top: 1px solid #002F63 }
	html #aside li { float: left; margin-right: 24px }
}

@media only screen and (max-width: 385px) {
	#wrapper { width: 96%; margin: 0 2%; }
	#article { width: 100%; float: none; }
	#article img { width: 100%; }
	html #aside { width: 100%; float: none; padding: 12px 0 0 0; margin-top: 24px; border-top: 1px solid #002F63 }
	#header img { width: 100%; }
}

@media print {
	#wrapper,
	#header { width: 620px; margin: 0 auto }
	#content { width: 620px; margin: 0 auto }
 	#article { width: 620px; float: none; padding: 0 0 12px 0; margin-bottom: 12px; border-bottom: 1px solid #002F63 }
	#aside { width: 620px; float: none }	#aside li { float: left; margin-right: 24px }
	#footer { display: none }
	a:link,	a:visited,
	a:hover,
	a:active { color:#000 }
}

.cartoon { width: auto; max-width: 100%; }