@charset "UTF-8";
/* CSS Document */

body  {
	font: 100% Arial, Verdana, sans-serif;
	background: #000000;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #000000;
}
#container {
	position: relative;
	width: 950px;
	min-height: 718px; /* Min-height so container background doesn't get cut off. */
	background: #faf5ea;
	background-image: url(../img/leftCurveDirt.gif);
	background-repeat: no-repeat;
	background-position: 0 233px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}  
#header {
	position: relative;
	height: 208px;
}
#divLogo {
	position: absolute; /* Instead of float */
	top: 0;
	left: 0;
	width: 280px; /* the actual width of this div */
	height: 208px;
	margin: 0; 
	padding: 0;
	border: 0;
}
/*#divLogo img, #divLogo img a {
	border-style: none;
}*/
img {
	border-style: none;
	}
div#divSlideshow {
	position: absolute;
	top: 0;
	left: 280px;
	width: 670px;
	height: 208px;
	background: #3f2e23;
	padding: 0;
	text-align: center;
} 
object#divSlideshow {
	position: absolute;
	top: 0;
	left: 280px;
	width: 670px;
	height: 208px;
	background: #3f2e23;
	padding: 0; 
	text-align: center;
} 
div#divSlideshow p {
	text-align: center;
	color: #faf5ea;
} 
#content {
	margin: 0 35px 0 325px;
	}
#content-wide {
	margin: 0 35px 0 35px;
	padding-bottom: 60px;
	}
.bodyExpertise #content {
	margin-top: 22px;
	}
#leftCol {
	position: absolute;
	top: 268px;
	left: 25px;
}
.bodyExpertise #leftCol {
	top: 290px;
}
#footer {
	position: relative;
	bottom: 0;
	width: 100%;
	display: block;
	clear: both;
	padding: 20px;
	text-align: center;
	}
/*  NAVIGATION MENU   NAVIGATION MENU   NAVIGATION MENU   NAVIGATION MENU  */
#divNav {
	position: relative;
	top: 0px;
	margin: 0;
	padding: 0;
	height: 60px;
	width: 950px;
	}
#nav {
	position: absolute; /*relative to containing divNav. */
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	height: 60px;
	width: 950px;
	background: url(../img/nav-background.gif) repeat-x;
	}
#nav li ul {
	margin: 0;
	padding: 0;
	}
#nav a {
	text-decoration: none;
	}
#nav li { /*float the main list items*/
	margin: 0;
	float: left;
	display: block;
	/*padding-right: 15px;*/
	}

#nav li ul { /*Hide the subnav and put it below*/
	display: none;
	position: absolute;
	top: 27px;
	left: 0;
	background: #f0e0c1;
	height: 27px;
	width: 950px;	/*padding-left: 50px;*/
	}

	
	/*#nav li:hover ul, #nav li.over ul { for ie (version?) Changed from #nav li.on:hover ul, #nav li.over ul 
		background: #224d6f;
	} DON'T DELETE. PUT BACK IN LATER? Seems to hover the entire sub ul, which I don't want.*/

#nav li a {
	color: #960;
	font-weight: bold;
	display: block;
	width: 80px;
	padding: 0; /* Wider buttons given more left right padding below.*/
	}
#nav #liExpertise a {
	padding: 0 19px 0 19px;
	}
#nav #liHistory a {
	padding: 0 10px 0 10px;
	}
#nav #liPeople a, #nav #liContact a {
	padding: 0 25px 0 25px;
	}
#nav #liCommunity a {
	padding: 0 24px 0 24px;
	}
#nav li ul a { /*Changed from #nav li.on ul a, #nav li.off ul a */
	border: 0;
	float: left; /*ie doesn't inherit the float*/
	color: #960;
	width: auto;
	/*margin-right: 15px;*/
	}

	/*#nav li.on:hover ul a, #nav li.over ul li a { for ie (version?) - the specificity is necessary
		background: #224d6f;
	} DON'T DELETE. PROBABLY PUT BACK IN LATER?*/


#nav li:hover ul, #nav li.over ul {
	display: block;
	z-index: 6000;
	}

/*do the image replacement*/

#nav li span {
	position: absolute;
	left: -9384px;
	}

#liHome a, #liExpertise a, #liHistory a, #liPeople a, #liMedia a, #liCommunity a, #liContact a {
	display: block;
	position: relative;
	height: 27px;
	background: url(../img/nav-dropdownMap2.gif) no-repeat; /*contains all hover states*/
	}
#nav #liHome li a, #nav #liExpertise li a, #nav #liHistory li a, #nav #liPeople li a, #nav #liMedia li a, #nav #liCommunity li a, #nav #liContact li a {
	/*sub buttons*/
	display: block;
	position: relative;
	height: 20px;
	padding: 7px 13px 0 13px;
	}

/*first, put the initial states in place*/

#liHome a {
	background-position: -15px 0;
	}
#liExpertise a {
	background-position: -107px 0;
	}
#liHistory a {
	background-position: -225px 0;
	}
#liPeople a {
	background-position: -320px 0;
	}
#liMedia a {
	background-position: -465px 0;
	}
#liCommunity a {
	background-position: -560px 0;
	}
#liContact a {
	background-position: -701px 0;
	}

/*subnav formatting*/

#nav li ul a { 
	display: block;
	background: #f0e0c1;
	color: #960;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	}		

/*ACTIVE AREA  - now based on a body class*/

.bodyHome #liHome a {
 	background-position: -15px -39px;
	}
.bodyExpertise #liExpertise a {
 	background-position: -107px -39px;
	}
.bodyHistory #liHistory a {
 	background-position: -225px -39px;
	}
.bodyPeople #liPeople a {
 	background-position: -320px -39px;
	}
.bodyMedia #liMedia a {
 	background-position: -465px -39px;
	}
.bodyCommunity #liCommunity a {
 	background-position: -560px -39px;
	}
.bodyContact #liContact a {
 	background-position: -701px -39px;
	}

/*ACTIVE SUBNAV BAR AND HOVERS  - now based on a body class*/

.bodyHome #liHome ul, .bodyExpertise #liExpertise ul, .bodyHistory #liHistory ul, .bodyPeople #liPeople ul, .bodyMedia #liMedia ul, .bodyCommunity #liCommunity ul, .bodyContact #liContact ul  {
 	display: block;
	background: #f0e0c1;
	}
.bodyHome #liHome ul a:hover, .bodyExpertise #liExpertise ul a:hover, .bodyHistory #liHistory ul a:hover, .bodyPeople #liPeople ul a:hover, .bodyMedia #liMedia ul a:hover, .bodyCommunity #liCommunity ul a:hover, .bodyContact #liContact ul a:hover { 
	background: #f8f0e0;
	}
	
/* ACTIVE SUBNAV BUTTON - based on body ID. */

#bodyEarth #nav li ul #liEarth a, #bodyUtil #nav li ul #liUtil a, #bodyDeepFound #nav li ul #liDeepFound a, #bodyShoring #nav li ul #liShoring a, #bodyStructCon #nav li ul #liStructCon a, #bodyIndustrial #nav li ul #liIndustrial a, #bodyArch #nav li ul #liArch a, #bodySustain #nav li ul #liSustain a  {
	background: #f8f0e0;
	}
	
/*hover states*/

#liHome a:hover, #liHome:hover a, #liHome.over a, .bodyHome #liHome a:hover, .bodyHome #liHome:hover a, .bodyHome #liHome.over a { 
	/*Match specificity of active area code above*/
	background-position: -15px -78px;
	}
#liExpertise a:hover, #liExpertise:hover a, #liExpertise.over a, .bodyExpertise #liExpertise a:hover, .bodyExpertise #liExpertise:hover a, .bodyExpertise #liExpertise.over a { 
	/*Match specificity of active area code above*/
	background-position: -107px -78px;
	}
#liHistory a:hover,  #liHistory:hover a, #liHistory.over a, .bodyHistory #liHistory a:hover, .bodyHistory #liHistory:hover a, .bodyHistory #liHistory.over a { 
	/*Match specificity of active area code above*/
	background-position: -225px -78px;
	}
#liPeople a:hover, #liPeople:hover a, #liPeople.over a, .bodyPeople #liPeople a:hover, .bodyPeople #liPeople:hover a, .bodyPeople #liPeople.over a { 
	/*Match specificity of active area code above*/
	background-position: -320px -78px;
	}
#liMedia a:hover, #liMedia:hover a, #liMedia.over a, .bodyMedia #liMedia a:hover, .bodyMedia #liMedia:hover a, .bodyMedia #liMedia.over a {
	/*Match specificity of active area code above*/
	background-position: -465px -78px;
	}
#liCommunity a:hover, #liCommunity:hover a, #liCommunity.over a, .bodyCommunity #liCommunity a:hover, .bodyCommunity #liCommunity:hover a, .bodyCommunity #liCommunity.over a { 
	/*Match specificity of active area code above*/
	background-position: -560px -78px;
	}
#liContact a:hover, #liContact:hover a, #liContact.over a, .bodyContact #liContact a:hover, .bodyContact #liContact:hover a, .bodyContact #liContact.over a {
	/*Match specificity of active area code above*/
	background-position: -701px -78px;
	}
#nav li ul a:hover {
	background: #f8f0e0;
	} /*Hovers for inactive subnavs*/
	
/* END NAVIGATION */ 

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearleft { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:left;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* TYPOGRAPHY */
a {
	}
a:link {
	color: #996600;
	}
a:visited {
	color: #666666;
	}
a:hover {
	text-decoration: none;
	}
a:active {
	color: #cc3300;
	}
h2 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.2em; /* All font-sizes units are supported in flir 1.2b2 */
	line-height: 1.2em;
	color: #32312c;
	margin: 0 0 0.5em 0;
}
h2.hasManualBreaks {
	line-height: 1.1em;
}
p + h2, ul + h2, small + h2 {
	margin-top: 1em; /* An h2 that follows anything should get some top margin*/
}
h3 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.9em; /* All font-sizes units are supported in flir 1.2b2 */
	line-height: 1.2em;
	color: #32312c;
	margin: 0 0 0.5em 0;
}
h3.hasManualBreaks {
	line-height: 1.1em;
}
p + h3, ul + h3, small + h3 {
	margin-top: 1em; /* An h3 that follows anything should get some top margin*/
}
/*br + span.flir-replaced, br + span.flir-span {
	display: block !important;
	padding-top: 4px !important;  To allow for headings with br line breaks in the html NO LONGER NEEDED AFTER ADDING hasManualBreaks CLASS
	} */
p {
	font-size: 0.8em;
	line-height: 1.4em;
	color: #32312c;
	text-align: justify;
	margin: 0;
	}
p + p {
	text-indent: 1.2em;
	}
.p_bigger {
	font-size: 0.9em;
	line-height: 1.5em;
	margin-bottom: 0.4em;
	}
p.emailLines {
	text-indent: 0;
	margin-bottom: 0.6em;
	}
p.affiliations {
	text-align: left;
	text-indent: 0;
	font-style: italic;
	margin-bottom: 0.3em;
	}
#content ul {
	list-style: url(../img/kissbullet.gif) disc; /* To include both a bullet image and fallback disc */
	padding-left: 0;
	color: #32312C;
	font-size: 0.8em; 
	line-height: 1.4em;
	margin: 0em 0em 0.5em 1.5em;
	}
/*#content p + ul {
	margin-top: -0.5em;
	}*/
small{
	font-size: 0.7em;
	line-height: 1.2em;
	font-weight: lighter;
	color: #32312c;
	}
p + small {
	margin-top: 0.5em;
	}