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: 130%; font-weight: normal; margin: 0 0 10px; }
h3 { color: #5bb3b3; font-size: 120%; font-weight: normal; margin: 0; }

ol { color: #c0c0c0; font-size: 120%; font-weight: normal; margin-top: 0; margin-bottom: 1.5em; list-style-type: decimal; }
ol li { margin-bottom: 1.5em; }

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

a:link, a:visited { color: #5bb3b3; text-decoration: none; }
a:hover, a:active { color: #fff !important; 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: 475px; float: left; padding-top: 0; padding-right: 0; padding-bottom: 40px; }
	
	#main ul { font-size: 120% !important; background-image: none; margin-right: 20px; margin-left: 50px; padding-left: 10px; list-style: none inside; }
	#main ul li { color: #c0c0c0; line-height: 1em; background-image: none; vertical-align: middle; margin-bottom: 10px; margin-left: 0; padding: 0; list-style: none; display: list-item; }
	#main p.p1 { color: #707173; font-size: 100%; line-height: 1.25em; margin: 0; padding: 5px 5px 8px 0; }

html>body #main ul.services { font-size: 100% !important; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 5px 0.35em; width: 134px; margin: 0; border-left: 1px solid #494949; border-bottom: 1px solid #494949; border-right: 1px solid #494949; }
/* commented backslash hack v2 \*/
	#main ul.services { font-size: 100% !important; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 5px 0.5em; width: 134px; margin: 0; border-left: 1px solid #494949; border-bottom: 1px solid #494949; border-right: 1px solid #494949; list-style-image: none; }
/* end hack */


html>body #main ul.services li { color: #c0c0c0; line-height: 1.25em; background-image: none; margin: 0; padding-left: 10px; display: block; }
/* commented backslash hack v2 \*/
	#main ul.services li { color: #c0c0c0; line-height: 1.25em; background-image: none; margin: 0 0 0 -5px; padding-left: 0; display: block; }
/* end hack */


#back { line-height: 1.5em; background-image: url(../images/arrow2.gif); background-repeat: no-repeat; background-position: left top; margin: 0 0 5px; }
	#back a { color: #5bb3b3; font-size: 110%; text-decoration: none; padding-left: 15px; }
	#back a:hover { color: #fff; }

#main img {border: solid 1px #494949;}

.photoBox { width: 144px; float: left; margin-right: 8px; margin-bottom: 10px; padding: 0; border: solid 1px #494949; }
	.photoBox img { width: 144px; height: 65px; }

.photoBox3 { width: 144px; float: left; margin-right: 5px; margin-bottom: 10px; padding: 0; border: solid 1px #494949; }
	.photoBox3 img { width: 144px; height: 65px; border-bottom: 1px solid #494949; border-top-style: none; border-top-width: 0; border-right-style: none; border-right-width: 0; border-left-style: none; border-left-width: 0; }


#left { width: 215px; float: left; }
	#left p { font-size: 110%; line-height: 1.5em; padding-left: 5px; }
	#left h3 { color: #fff; background-color: #147273; width: 218px; margin-bottom: 8px; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; }
	#left a { background-image: url(../images/gray_arrow.gif); background-repeat: no-repeat; background-position: 0; margin-left: 2px; padding-left: 16px; }

#right { width: 220px; float: left; margin: 0 0 0 18px; padding: 0; }
	
	#right h4 { color: #fff; font-size: 120%; font-weight: normal; background-color: #147273; width: 220px; margin-bottom: 8px; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; }
	#right ul { font-size: 110% !important; margin: 0 0 0 15px; list-style-position: inside; }
	#right ul li { color: #c0c0c0; line-height: 1.25em; margin: 0; list-style-image: url(../images/gray_arrow.gif); display: list-item; }
	
#sidebar { width: 232px; float: left; margin-right: 45px; margin-left: 15px; padding-bottom:300px;  }
	#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-top: 5px; padding-right: 0; border-top: 1px solid #494949; padding-left: 20px; }
	#subnav li { line-height: 1.5em !important; vertical-align: middle; width: 180px; margin: 0; padding: 0; border-top-style: none; border-top-width: 0; list-style-image: url(../images/arrow.gif); display: list-item; }
	#subnav li a { color: #5bb3b3; margin: 0; padding: 0; display: list-item; }
	#subnav li a:hover, #nav li a.selected  { color: #fff !important; background-color: transparent; text-decoration: none; vertical-align: middle; width: 180px; margin: 0; padding: 0; border-style: none; border-width: 0; display: list-item; }

#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; }