/* 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; }	

/* base aesthetic */
body { font-family: trebuchet ms, sans-serif; font-size: small; color: #333; background: #fff url(/assets/main_background.jpg) center top repeat-y; }
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: tahoma, 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: 754px; padding: 0; margin: 0 auto; position: relative; }
div#head { width: 754px; height: 215px; }

img#logo { position: absolute; right: 8px; top: 10px; }
img#headerimage { position: absolute; left: 30px; top: 0; border-left: 10px solid #536585; }

#rightcolumn { float: right; margin: 15px 10px 0 0; width: 180px; padding: 0; }
html>body #rightcolumn { margin-right: 20px; }
#rightcolumn address { font-size: .9em; font-style: normal; color: #60793f; padding-top: 10px; margin-top: 10px; border-top: 1px solid #60793f; margin-left: 15px; }

#nav { padding: 0; margin: 0 0 0 -1px; }
#nav li { width: 140px; margin-bottom: 5px; }
#nav li a { display: block; width: 140px; color: #fff; font: 1.1em trebuchet ms; text-decoration: none; font-weight: bold; padding: 3px 0 3px 20px; }
#nav li a:hover { }
#nav li.on { background-color: #fff; border-right: 1px solid #737c61; }
#nav li.on a { color: #90a96f; }
#nav li.first { }
#nav li.last { }

#content { width: 754px; min-height: 480px; background: url(/images/bodybackground.jpg) repeat-y; margin: 0; padding: 0; }  

#head_image { margin-bottom: 15px; }

div.narrow { width: 480px; margin: 0 0 0 30px; padding-top: 15px; padding-bottom: 55px; background: url(/images/flourish.gif) no-repeat bottom left; }
div.wide { width: 700px; margin: 0 auto; }

#footer { width: 754px; height: 80px; background: url(/images/footerbackground.jpg) no-repeat; margin: 0; padding: 0 0 20px 0; }  

div#sitecredit { float: right; padding: 60px 20px 0 0; font-family: trebuchet ms, sans-serif; font-size: 10px; color: #60793f; }
div#sitecredit a { color: #60793f; text-decoration: none; }
div#sitecredit a:hover { text-decoration: underline; }

div#copyright { float: left; padding: 60px 0 0 30px;  font-family: trebuchet ms, sans-serif; font-size: 10px; color: #60793f; }
div#copyright a { color: #60793f; text-decoration: none; }
div#copyright 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 */