body { background-color: #2b2b2b; font-size: x-small; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 1.65em; background-image: url(../images/header.gif); background-repeat: repeat-x; text-align: center; margin: 0; padding: 0; }
#container { text-align: left; position: relative; width: 770px; margin: 0 auto; padding: 0; }

p { color: #c0c0c0; font-size: 120%; font-weight: normal; margin-top: 0; margin-bottom: 1.5em; }
h1 { margin-left: 20px; }
h2 { color: #fc9800; font-size: 150%; font-weight: normal; margin: 0 0 20px; }
h3 { color: #5bb3b3; font-size: 120%; font-weight: normal; margin: 0; }


span.intro { color: #3a3127; }
span.quiet { display: none }

a:link, a:visited { color: #fc9800; text-decoration: underline; }
a:hover, a:active { color: #fff; text-decoration: none; }

#pageHeader { height: 30px; float: left; margin: 45px 0 0; padding: 0; }
	#pageHeader h1 { background-color: transparent; background-image: url(../images/substructureLogo.gif); background-repeat: no-repeat; width: 205px; height: 30px; float: left; margin: 0 0 0 10px; }
	#pageHeader h1 span {display: none;}

#tagline { background-color: transparent; text-align: right; padding-top: 55px; padding-right: 20px; padding-left: 15px; }
	#tagline p { color: #dfeae8; font-size: 100% !important; }

#mainContainer { background-color: transparent; background-repeat: no-repeat; width: 770px; margin: 0; padding: 15px 20px 0 0; }
	#main { width: 450px; float: left; padding-top: 0; padding-right: 0; padding-bottom: 40px; }
	
	#main ul { font-size: 120% !important; margin-right: 20px; margin-left: 50px; padding-left: 10px; list-style-position: inside; }
	#main ul li { color: #c0c0c0; line-height: 1.25em; margin-bottom: 10px; list-style-image: url(../images/arrow.gif); list-style-position: outside; display: list-item; }

	#photoBox { width: 165px; float: left; margin-right: 20px; margin-bottom: 20px; padding: 0; border: solid 1px #494949; }
	#photoBox img { border-bottom: 1px solid #494949; }
	#photoBox p { color: #707173; font-size: 100%; line-height: 1.25em; margin: 0; padding: 5px 5px 8px; }
	
#sidebar { width: 232px; float: left; margin-right: 45px; margin-left: 15px; }
	#mainnav    { font-size: 110%; width: 212px; margin: 0 0 10px; padding: 0; border-bottom: 1px solid #494949; } 
	#mainnav li { vertical-align: middle; width: 212px; padding: 4px 4px 4px 0; border-top: 1px solid #494949; list-style-type: none; list-style-image: none; }
	#mainnav li a  { color: #707173; text-decoration: none; width: 100%; margin: 0; padding: 0 0 0 6px; display: block; }
	#mainnav li a:hover, #mainnav li a.selected     { color: #fff !important; background-color: #147273; text-decoration: none; vertical-align: middle; width: 210px; padding: 0 0 0 6px; border-left: 2px solid #fc9800; border-top-style: none; border-top-width: 0; display: block; }

	#subnav { margin-top: 5px; margin-bottom: 10px; margin-left: 0; padding-right: 0; padding-left: 0; border-top: 1px solid #494949; }
	#subnav li { line-height: 1.25em; vertical-align: middle; width: 180px; margin-left: 20px; padding: 0; border-top-style: none; border-top-width: 0; list-style-type: none; list-style-image: url(../images/arrow.gif); }
	#subnav li a { color: #5bb3b3; display: block; }
	#subnav li a:hover, #nav li a.selected  { color: #fff !important; background-color: transparent; text-decoration: none; vertical-align: middle; width: 190px; border-style: none; border-width: 0; }

#footer { background-color: #080808; width: 100%; height: 100px; float: left; clear: both; border-top: 1px solid #494949; }
	#footer p { color: #494949; font-size: 100% !important; line-height: 1.25em; text-align: center; padding-top: 15px; }
	#footer a:link { color: #494949; font-size: 100%; }
	#footer a:hover, #footer a:active { color: #afafaf !important; text-decoration: none; }
	#footer a:visited { color: #494949; }