/* 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: century gothic, new century gothic, helvetica, sans-serif; font-size: small; color: #333; background: #004cbd url(/assets/psaw_bg_pattern.jpg) top repeat-x;  }
a, p, dd, li, td { font-family: century gothic, new century gothic, helvetica, sans-serif; }
label, input, textarea, select { font-family: century gothic, new century gothic, helvetica, 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: century gothic, new century gothic, helvetica, 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 century gothic, new century gothic, helvetica, sans-serif; }

/* structure */
div#wrap { width: 800px; padding: 0; margin: 0 auto; position: relative; }
div#head { width: 800px; height: 110px; background: #004cbd url(/assets/psaw_header_background.jpg) top center no-repeat; }

img#logo { float: left; padding: 9px 0 0 71px; }

#content { width: 800px; margin: 0; padding: 0; background: #004cbd url(/assets/psaw_main_background.jpg) center top repeat-y; }  

div.subnav { float: right; width: 154px; margin-right: 39px; padding: 0 10px 100px 10px; background: url(/assets/psaw_subnav_background.jpg) top left no-repeat; }
html>body div.subnav { margin-right: 78px; }

div.subnav ul li { display: block; width: 150px; text-align: center; margin-bottom: .5em; }
div.subnav ul li.on { border-top: 1px solid #aa4; border-bottom: 1px solid #aa4; }

div.subnav ul li a { color: #886; padding: 2px; text-decoration: none; text-transform: uppercase; font: .95em century gothic, new century gothic, helvetica, sans-serif; font-weight: bold; }
div.subnav ul li a:visited { color: #886; text-decoration: none }
div.subnav ul li a:hover { color: #553; text-decoration: none; } 
div.subnav ul li.on a { color: #903816; text-decoration: none; } 
div.subnav ul li.on a:visited { color: #903816; text-decoration: none }
div.subnav ul li.on a:hover { color: #553; text-decoration: none; } 

div.subnav ul li.on ul li { display: block; width: 150px; text-align: center; margin-bottom: .25em; border: none; }
div.subnav ul li.on ul li span { margin: 0 auto; padding-top: .5em; display: block; width: 90px; font-size: .8em; color: #664; text-transform: uppercase; border-bottom: 1px solid #b9b05a; }
div.subnav ul li.on ul li.on { display: block; width: 150px; text-align: center; margin-bottom: .25em; border: none; }
div.subnav ul li.on ul li.first { border-top: 1px solid #b9b05a; padding-top: .25em; }

div.subnav ul li.on ul li a { color: #886; padding: 1px; text-decoration: none; text-transform: uppercase; font: .75em century gothic, new century gothic, helvetica, sans-serif; font-weight: bold; }
div.subnav ul li.on ul li a:visited { color: #886; text-decoration: none }
div.subnav ul li.on ul li a:hover { color: #553; text-decoration: none; } 
div.subnav ul li.on ul li.on a { color: #903816; text-decoration: none; }
div.subnav ul li.on ul li.on a:visited { color: #903816; text-decoration: none }
div.subnav ul li.on ul li.on a:hover { color: #553; text-decoration: none; } 


div.body { float: left; width: 404px; margin-left: 37px; padding: 0 24px; background: url(/assets/psaw_body_background.jpg) top center no-repeat; }
html>body div.body { width: 402px; margin-left: 75px; }

#footer { width: 800px; height: 156px; background: url(/assets/psaw_footer_background.jpg) top center no-repeat; margin: 0; padding: 0; }  

div#sitecredit { float: right; padding: 125px 30px 0 0; century gothic, new century gothic, helvetica, sans-serif; font-size: 10px; color: #116aee; }
div#sitecredit a { color: #116aee; text-decoration: none; }
div#sitecredit a:visited { color: #116aee; text-decoration: none; }
div#sitecredit a:hover { text-decoration: underline; }

div#copyright { float: left; padding: 125px 0 0 30px;  font-family: century gothic, new century gothic, helvetica, sans-serif; font-size: 10px; color: #116aee; }
div#copyright a { color: #116aee; text-decoration: none; }
div#copyright a:visited { color: #116aee; text-decoration: none; }
div#copyright a:hover { text-decoration: underline; }


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