/* 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: .9em; color: #545454; background-color: #85a749; background: url('/assets/page_background.gif') top center repeat-y; margin: 0; padding: 12px 0 0 0; }
a, p, dd, li, td { font-family: arial, sans-serif; }
label, input, textarea, select { font-family: arial, 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: georgia, sans-serif; font-weight: lighter; color: #a57c52; padding-bottom: .1em; }
p { padding-bottom: 1.5em; line-height: 1.4em; }
a { font-weight: bold; color: #988675; text-decoration: underline; }
a:hover { color: #c00; text-decoration: none; }
a:visited { color: #527ca5; }
.error { color: #c33; font-weight: bold; }
.smallcopy { font: xx-small arial, sans-serif; }

/* structure */
#wrap { position: relative; width: 880px; margin: 0 auto; padding: 0; background-color: #fff; }

#head { position: relative; margin: 0; height: 85px; padding: 0; }
#head #logo { position: absolute; top: 0; left: 7px; }
#head #home_link { position: absolute; top: 68px; left: 118px; }

#head #utility_nav { position: absolute; top: 25px; right: 10px; }
#head #utility_nav #utility li { float: left; padding: 10px 5px; margin: 0; color: #9a9a9a; }
#head #utility_nav #utility li a { padding: 10px 10px; margin: 0; font: 14px Georgia, "Times New Roman", Times, serif; color: #9a9a9a; text-decoration: none; text-transform: uppercase; }
#head #utility_nav #utility li a:hover { background: url('/assets/util_nav_item_background.gif') bottom center repeat-x; } 
#head #utility_nav #utility li.on a { background: url('/assets/util_nav_item_background.gif') bottom center repeat-x; } 

#primary_nav { position: relative; margin: 0; padding: 0 0 1px 0; background: url('/assets/animation_background.gif') bottom center repeat-x; text-align: center; }
#primary_nav #primary { margin: 0; padding: 8px 0; text-align: center; background: url('/assets/primary_nav_item_background.gif') bottom center repeat-x; }
#primary_nav #primary li { display: inline; padding: 0 20px; margin: 0 auto; }
#primary_nav #primary li a { display: inline; margin: 0; padding: 8px 10px; font: 24px Georgia, "Times New Roman", Times, serif; color: #818181; text-decoration: none; } 
#primary_nav #primary li a:hover { background-color: #fff; } 
#primary_nav #primary li.on a { background-color: #fff; } 

#secondary_nav { float: left; padding: 0; margin: 0; width: 230px; }

#secondary_nav #secondary li { padding: 3px; border-bottom: 1px dotted #988675; }
#secondary_nav #secondary li a { padding-left: 10px; font-family: trebuchet ms, sans-serif; font-size: 11px; color: #988675; text-decoration: none; }
#secondary_nav #secondary li a:hover { color: #c00; }

#secondary_nav #secondary li.on { background-color: #fff799; padding: 3px; border-bottom: 1px dotted #988675; }
#secondary_nav #secondary li.on a { padding-left: 10px; font-family: trebuchet ms, sans-serif; font-size: 11px; color: #988675; text-decoration: none; }
#secondary_nav #secondary li.on a:hover { color: #c00; }

#secondary_nav #secondary li.marker, #secondary_nav #secondary li.landing { background-color: #988675; padding: 6px 3px; }
#secondary_nav #secondary li.marker span { padding-left: 10px; font-family: georgia, serif; font-size: 13px; font-weight: bold; color: #fff; text-decoration: none; }
#secondary_nav #secondary li.landing a { padding-left: 10px; font-family: georgia, serif; font-size: 13px; font-weight: bold; color: #fff; text-decoration: none; }
#secondary_nav #secondary li.landing a:hover { color: #933; }

#secondary_nav #secondary li.last { border: none; }

#animation_container { position: relative; height: 279px; margin: 0; background: url('/assets/animation_background.gif') bottom center repeat-x; }
#animation_object { padding: 2px 0; }

#body { border-bottom: 1px dotted #c2c2c2; }
#content { margin-left: 0; }
#content #main { padding: 10px; background-color: #fff; width: 860px; }

#body_with_sidebar { background: url('/assets/interior_sidebar_background.gif') top center repeat-y; border-bottom: 1px dotted #c2c2c2; }
#content_with_sidebar { margin-left: 230px; }
#content_with_sidebar #main { padding: 30px; background-color: #fff; width: 590px; }

#foot { margin: 5px auto; padding: 0 0 5px 0; border-bottom: 1px dotted #c2c2c2; }  

div#copyright { float: left; width: 400px; font-family: trebuchet ms, sans-serif; font-size: 11px; color: #668039; padding: 4px; line-height: 14px; }
div#copyright a { color: #668039; font-family: trebuchet ms, sans-serif; text-decoration: none; }
div#copyright a:hover { color: #668039; text-decoration: underline; }

div#sitecredit { float: right; width: 400px; font-family: trebuchet ms, sans-serif; font-size: 11px; color: #c2c2c2; text-align: right; padding: 4px; }
div#sitecredit a { color: #c2c2c2; font-family: trebuchet ms, sans-serif; text-decoration: none; }
div#sitecredit a:hover { color: #c2c2c2; text-decoration: underline; }

div.form { width: 480px; float: right; padding: 20px; background-color: #f9f9f9; border: 1px solid #f0f0f0; }
div.form form { width: 440px; margin: auto; }
div.form p { float: left; font: 12px arial, sans-serif; color: #999; line-height: inherit; padding:  0 0 5px 0; }
div.form p.error { color: #c00; padding: 10px; margin: 5px 0; border: 1px solid #555; line-height: 1.6em; } 
div.form label { float: left; font-family: arial, sans-serif; font-size: .8em; border: 0; margin: 0; padding: 2px; margin-bottom: 5px; color: #777; }	
div.form label.req span { border-left: 2px solid #c00; padding-left: 3px; }	
div.form input { font-family: arial, sans-serif; font-size: .9em; background-color: #fff; border: 1px solid #777; color: #333; margin: 3px 0 0 0; padding: 4px; }
div.form select { font-family: arial, sans-serif; font-size: .9em; background-color: #fff; border: 1px solid #777; color: #333; margin: 3px 0 0 0; padding: 2px; }
div.form select.short { width: 190px; }
div.form textarea { font-family: arial, sans-serif; font-size: .9em; background-color: #fff; border: 1px solid #777; color: #333; margin: 3px 0 0 0; padding: 4px; }	
div.form select option { padding: 2px; }
div.form label.cb { width: 105px; }	
div.form input { margin-bottom: 5px; }
div.form input.short { width: 100px; color: #555; }
div.form input.wide { width: 200px; color: #555; }
div.form textarea.wide { width: 410px; height: 150px; color: #555; }
div.form .h { display: none; }
div.form div.cbrow { float: left; padding: 8px 4px; background-color: #efe7e0; }
div.form .cb { display: inline; border: none; vertical-align: middle; }			
div.form .bi, div.form .rb, div.form .cb { background: none; }
div.form .b { float: left; clear: both; margin-top: 10px; margin-bottom: 30px; font-size: 12px; font-weight: bold; background: #796f18		; 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; }


/* the clearfix hack */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

