/* reset everything */
img	{ display: block; border: 0; }
body, div, table, th, td { border: 0; padding: 0; margin: 0; }	
a, ul, ol, li, dl, dt, dd, input, textarea, label, select { padding: 0; margin: 0; }	
div.cb { height: 0; width: 0; clear: both; }

/* base aesthetic */
body { font-family: trebuchet ms, sans-serif; font-size: .8em; color: #626366; background: #abd07f url('/assets/background.gif') repeat-x; padding-bottom: 30px; }
a, p, dd, li, td { font-family: trebuchet ms, sans-serif; }
label, input, textarea, select { font-family: trebuchet ms, sans-serif; }
th, dt { font-weight: bold; }
td { vertical-align:top; }
li { list-style: none; }
form, input, textarea, label { display: block; }
h1, h2, h3, h4, h5, h6, p {	margin: 0; padding:0; }
h1, h2, h3, h4, h5, h6 { font-family: trebuchet ms, sans-serif; font-weight: normal; color: #98ba6e; padding-bottom: .1em; }
p { padding-bottom: 1.5em; line-height: 1.4em; }
a { color: #69c; text-decoration: underline; }
a:hover { text-decoration: none; }
a:visited { color: #c69; }
.error { color: #c33; font-weight: bold; }
.smallcopy { font: xx-small verdana, sans-serif; }

/* structure */
#wrap { position: relative; margin: 0 auto; width: 754px; padding: 0; }

#head { position: relative; margin: 0 auto; width: 754px; height: 198px; padding: 0; }
#head #logo { position: absolute; left: 10px; top: 2px; }

#head #main_nav { position: absolute; top: 175px; left: 30px; }
#head #main_nav li { display: block; float: left; margin-right: 30px; padding-left: 4px; height: 21px; }
#head #main_nav li.last { margin-right: 0; }
#head #main_nav li a { float: left; display: block; color: #fff; font: 11px trebuchet ms, sans-serif; text-decoration: none; padding-top: 3px; padding-right: 4px; }
#head #main_nav li.on { float: left; background: url('/assets/navbg_left.png') top left no-repeat; }
#head #main_nav li.on a { float: left; display: block; height: 21px; background: url('/assets/navbg_right.png') top right no-repeat; }

#head #util_nav { position: absolute; top: 4px; right: 12px; }
#head #util_nav li { display: block; float: left; margin-right: 6px; padding-left: 4px; height: 21px; }
#head #util_nav li.last { margin-right: 0; }
#head #util_nav li a { float: left; display: block; color: #fff; font: 11px trebuchet ms, sans-serif; text-decoration: none; padding-top: 3px; padding-right: 4px; }
#head #util_nav li.on { float: left; background: url('/assets/navbg_left.png') top left no-repeat; }
#head #util_nav li.on a { float: left; display: block; height: 21px; background: url('/assets/navbg_right.png') top right no-repeat; }

#content { float: left; margin: 0 auto; width: 754px; padding: 0; background: url('/assets/main_body.gif') 0 0 repeat-y; }

#content #nav_section { float: left; width: 168px; }
#content #nav_section ul { float: left; margin: 9px 0 0 5px; width: 150px; }
html>body #content #nav_section ul { margin-left: 9px; }
#content #nav_section ul li {  background-color: #98b971; padding: 3px 3px 3px 20px; }
#content #nav_section ul li.first { background: #98b971 url('/assets/sub_nav_first.gif') top center no-repeat; padding-top: 20px; }
#content #nav_section ul li.last { background: #98b971 url('/assets/sub_nav_last.gif') bottom center no-repeat; padding-bottom: 20px; }
#content #nav_section ul li a { display: block; width: 110px; padding: 4px; color: #fff; text-decoration: none; font: 11px trebuchet ms, sans-serif; }
#content #nav_section ul li a:hover {  background-color: #7daa41; }
#content #nav_section ul li.on a { background-color: #7daa41; }
#content #nav_section ul li.on a:hover { }

#content #nav_section dl { float: left; margin: 9px 0 0 5px; width: 150px; }
html>body #content #nav_section dl { margin-left: 9px; }
#content #nav_section dl dt { background: #abd07f url('/assets/quote_first.gif') top center no-repeat; padding: 20px 6px 3px 10px; color: #3c6d00; font-size: 12px; }
#content #nav_section dl dd {  background-color: #abd07f; padding: 3px 3px 3px 16px; color: #4c7d10; }
#content #nav_section dl dd.last { background: #abd07f url('/assets/quote_last.gif') bottom center no-repeat; padding-bottom: 20px; }

#content #main { margin: 20px 0 0 198px; width: 525px; }

#contact input, #contact select, #contact textarea, #contact label { display: block; font-size: 1em; border: 0; margin: 0; padding: 2px; }	
#contact select, #contact option { padding: 2px; }	
#contact input, #contact select, #contact textarea { background-color: #fff; border: 1px solid #908fb2; padding: 4px; }	
#contact input { background: url('/assets/formshade.gif') top repeat-x; }	
#contact textarea { background: url('/assets/formshade.gif') top repeat-x; }	
#contact label { float: left; margin-bottom: 5px; color: #777; }	
#contact label.cb { width: 105px; }	
#contact input { margin-bottom: 5px; }
#contact input.short { width: 300px; color: #555; }
#contact input.wide { width: 450px; color: #555; }
#contact textarea.wide { width: 450px; height: 150px; color: #555; }
#contact .h { display: none; }
#contact div.cbrow { float: left; padding: 8px 4px; background-color: #efe7e0; }
#contact .cb { display: inline; border: none; vertical-align: middle; }			
#contact .bi, #contact .rb, #contact .cb { background: none; }
#contact .b { float: left; clear: both; margin-top: 10px; margin-bottom: 30px; font-size: 12px; font-weight: bold; background: #889; color: #fff; padding: 5px; }

div#error { color: #c33; padding: 5px; margin: 10px 0; border: 1px solid #ddd; width: 450px; } 

#thumbs { margin: 0; width: 260px; float: left; padding-left: 20px; }
#thumbs img { float: left; padding: 10px; }

#key { margin: 0 0 10px 0; width: 480px; float: left; text-align: right; }
#key img { display: inline; }

img#embossed { float: left; margin-top: 30px; }

#info { padding: 20px; color: #999; }

#foot { float: left; margin: 0 auto; width: 754px; height: 84px; padding: 0; background: url('/assets/main_foot.gif') 0 0 no-repeat; }  

div#copyright { float: left; padding: 62px 0 0 50px; font-family: verdana, sans-serif; font-size: .8em; color: #598621; }
div#copyright a { color: #598621; font-family: verdana, sans-serif; text-decoration: none; }
div#copyright a:hover { color: #fff; }

div#sitecredit { float: right; padding: 62px 2px 0 0; font-family: verdana, sans-serif; font-size: .8em; color: #85b150; }
div#sitecredit a { color: #85b150; font-family: verdana, sans-serif; text-decoration: none; }
div#sitecredit a:hover { color: #598621; }