/* 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: small; color: #7c5c38; background: #121450 url(/assets/polkadot.gif) repeat-x; }
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: #555; padding-bottom: .1em; }
p { padding-bottom: .5em; line-height: 1.4em; }
a, a:visited { color: #c30; text-decoration: underline; }
a:hover { text-decoration: none; }
.error { color: #c33; font-weight: bold; }
.smallcopy { font: xx-small arial narrow, sans-serif; }

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

div#head { height: 158px; margin: 0 auto; }
div#mainnav { height: 60px; margin: 0 auto; background: url(/assets/main_nav_background.gif) no-repeat; }

div#mainnav ul.mainnav { position: absolute; top: 175px; left: 50px; }
div#mainnav ul.mainnav li { float: left; margin-right: 40px; }
div#mainnav ul.mainnav li.first { }
div#mainnav ul.mainnav li.last { margin-right: none; }

div#content { float: left; width: 759px; margin: 0 auto; background: url(/assets/body_background.gif) repeat-y; }

div#main { float: left; padding: 10px 40px; }
div#subnav { float: left;  padding: 10px 10px; width: 200px; }
div#subnav ul { padding-left: 20px; margin-top: 30px; }
div#subnav ul li { font-size: 1.1em; line-height: 2em; color: #d1954c; margin-bottom: 5px; }
div#subnav ul li img { display: inline; }
div#subnav ul li a { display: block; width: 150px; color: #006e3a; text-decoration: none; padding: 3px; border-left: 2px solid transparent; }
div#subnav ul li a:hover { color: #d1954c; color: #fff; border-left: 2px solid #ec008c; }
div#subnav ul li.on a { color: #d1954c; color: #fff; border-left: 2px solid #ec008c; }


div#footer { float: left; width: 759px; height: 80px; margin: 0 auto; padding: 0; background: url(/assets/footer_background.gif) bottom left; }  

div#sitecredit { float: right; padding: 15px 15px 0 0; font-family: arial, sans-serif; font-size: 10px; color: #c4bda7; }
div#sitecredit a { color: #c4bda7; text-decoration: none; }
div#sitecredit a:hover { text-decoration: underline; }

div#copyright { float: left; padding: 15px 0 0 15px;  font-family: arial, sans-serif; font-size: 10px; color: #c4bda7; }
div#copyright a { color: #c4bda7; text-decoration: none; }
div#copyright a:hover { text-decoration: underline; }

div#callout { margin-left: 10px; background-color: #f2fff2; border: 1px solid #e2efe2; padding: 10px; }
div#callout a { color: #060; text-decoration: none; }
div#callout a:hover { text-decoration: underline; }

div.form { width: 448px; float: left; clear: both; margin: 10px 0; }
form dl { float: left; }
form dt { width: 200px; margin: 0 0 10px 0; float: left; clear: both; }
form dd { width: 240px; margin: 0 0 10px 0; float: left; }
input.px200 { width: 220px; }

#contactform { width: 300px; float: right; padding: 20px; background-color: #fbe7ff; }
#contactform label { font-weight: bold; color:#993366; }
#contactform input { font: small arial, sans-serif; color:#993366; width: 280px; margin-bottom: 10px; }
#contactform textarea { font: small arial, sans-serif; color:#993366; width: 280px; height: 100px; margin-bottom: 10px; }
#contactform .button { width: auto; margin-bottom: 10px; color:#333; }


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


/* hacks to remember */
	
selector {
	property: value for Explorer 5 Mac
}
/*
	First comment. Explorer 5 Mac misses the end-of-comment
	because of the backslash
\*/
selector {
	property: value for all other browsers
}
/*
	Second comment. Explorer 5 Mac sees the end of this
	comment as the end of the previous one
*/

/* http://www.tantek.com/CSS/Examples/boxmodelhack.html */