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

body {font-family:Arial, Helvetica, sans-serif; font-size:.8em; background-color:#000; color:#505050;}
h1 {color:#8a1e04; font-size:170%; margin-top:0px;font-weight:normal;}
/*--h2 {color:#8a1e04; font-size:120%; margin-top:0px;} chnged 12/1/09 requested by dm--*/
h2 {color:#525151; font-size:120%; margin-top:0px;}
h3 {color:#8a1e04; font-size:110%; margin-top:0px;}
a {color:#008cba; text-decoration:underline; font-weight:bold}
a:hover {color:#525151; text-decoration:none; font-weight:bold}

#container {width:934px; margin:0px auto; padding:8px; background-color:#fff; overflow:hidden;}

#header {width:933px; height:102px; background:url('../images/header.gif') top left no-repeat; margin-bottom:6px;}
	#logo {position:relative; left:10px; top:10px; width:200px;}
	#login {position:relative; left:810px; top:-40px; width:120px;}
	#topNav {position:relative; left:120px; top:20px; width:600px;}
	#search {position:relative; left:740px; top:-1px; width:190px; height:22px; margin:0px; padding:0px;}
		#search form {vertical-align:bottom;}
		#search input {width:135px; height:15px; margin:0px; padding:0px; border:1px solid #74838e; color:#505050;}
		.searchImg {border:1px solid red;}
		#searchResults {position:relative; left:10px; top:6px; margin:0px; padding:0px;}
		#searchResults form {vertical-align:bottom;}
		#searchResults h1 {color:#8a1e04;}
		#searchResults input {width:275px; margin:0px; padding:0px; border:1px solid #74838e; color:#505050;}
		#searchResults img { vertical-align:bottom;}
		#searchResults hr{ color:#D4D4D4; border-width:thin; }
	
	#searchDefault {position:relative; left:740px; top:-1px; width:190px; height:22px; margin:0px; padding:0px;}
		#searchDefault form {vertical-align:bottom;}
		#searchDefault input {width:135px; height:15px; margin:0px; padding:0px; border:1px solid #74838e; color:#505050;}	
		.searchImg {border:1px solid red;}	
		
#redBar {height:9px; background-color:#8a1e04; margin:6px 0px;}
#homepageContent {margin:8px 0px; padding:8px 0px; background:#ffffff url('../images/home_bg.gif') bottom left repeat-x; overflow:hidden;}
	#homepageContentLeft {width:525px; float:left; padding:10px 40px;}
	#homepageContentRight {width:265px; float:right; border-left:1px solid #999; padding:0px 30px; font-size:85%;}
		#homepageContentRight h3 {font-size:130%;margin:4px 0px 4px 45px;}
		.photo {clear:both; width:32px; float:left; padding-right:8px; padding-bottom:10px;}
		.item {width:220px; float:right; padding-bottom:10px;}
		#homepageContentRight a {color:#5196b6; text-decoration:none;}
		#homepageContentRight .date {color:#251a06; font-style:italic;}
#footer {clear:both; height:12px; padding:7px 10px; background-color:#251a06; color:#8c8c8c; font-size:85%;}
	#footerLeft {width:600px; float:left;}
	#footerRight {width:300px; float:right;}
	#footer ul {list-style-type:none;margin:0px; padding:0px;}
	#footer ul li {display:inline; padding:0px 10px; border-right:1px solid #8c8c8c;}
	#footer ul li.last {border-right:none;}
	#secondaryFooterLeft {width:590px; float:left; padding-left:160px;}
	#secondaryFooterRight {width:150px; float:right;}

#secondaryContent {clear:both; width:934px;margin-bottom:8px; padding:0px; overflow:hidden; background-color:#dcdcdc; }
#secondaryContentLeft {width:764px; float:left; background:#fafbfc url('../images/secondary_bg.gif') bottom left repeat-x;}
#secondaryContentRight {width:170px; float:right; font-size:80%;}
/* -------- Secondary Master Page without subRight content (feature projects and case studies), Randy Strohman, 9-1-09*/
#secondaryContentFull {clear:both; width:934px;margin-bottom:8px; padding:0px; overflow:hidden; background-color:#dcdcdc; }
#secondaryContentLeftFull {width:934px; float:left; background:#fafbfc url('../images/secondary_bg.gif') bottom left repeat-x;}
/* -------- Secondary Master Page with image and without subRight content (feature projects and case studies), Randy Strohman, 9-1-09*/
#secondaryContentFullwImage {clear:both; width:934px;margin-bottom:8px; padding:0px; overflow:hidden; background-color:#dcdcdc; }
#secondaryContentLeftFullwImage {width:934px; float:left; background:#fafbfc url('../images/secondary_bg.gif') bottom left repeat-x;}
/* -------- Secondary Master Page with nothing but top and bottom, Randy Strohman, 12-14-09*/
#secondaryContentEBlast {clear:both; width:934px;margin-bottom:8px; padding:0px; overflow:hidden; background-color:#dcdcdc; }

/*---To change any of the default red pages - this is the section to change ---*/
#subLeft {width:170px; float:left; font-size:90%;}
	#subLeft h2 {margin:15px 10px 0px 0px; padding-left:10px; border-bottom:1px solid #dbdbdb;}
	/*-- This h2 a tags were added for the top navigation ---*/
	#subLeft h2 a {color:#8a1e04; text-decoration:none}
	#subLeft h2 a:hover {color:#525151; text-decoration:none}
	#subLeft ul {margin-left:0px; padding:0px 10px 0px 20px; list-style-type:none; list-style-image:url('../images/raquo_red.gif');}
	#subLeft ul li {padding-bottom:5px;}
	#subLeft ul li a {color:#525151; text-decoration:none; font-weight:bold}/*#8a1e04 trihydro red.  Changed to dark grey as requested by Diane, 8-31-09*/
	#subLeft ul li a:hover {color:#8a1e04;}/*#525151 dark grey.  Changed to red as requested by Diane, 8-31-09*/
	#subLeft ul li ul {padding:5px 10px 0px 13px; list-style-type:none; list-style-image:url('../images/raquo_grey.gif');}
	#subLeft ul li ul li a {color:#747373; text-decoration:none; font-weight:bold}
	#subLeft ul li ul li a:hover {color:#8a1e04; font-weight:bold}/*#5196b6 blue.  Changed to red as requested by Diane, 8-31-09*/
	#subLeft ul .active {list-style-type:none; list-style-image:url('../images/raquo_red.gif');}
	#subLeft ul .active a {color:#8a1e04; font-weight:bold}
	
	
/* --------- Top nav styles */
#navmenu ul  		{width:600px; overflow:hidden; padding:0px; margin:0px;}
#navmenu li  		{float:left; list-style:none; margin-right:10px;}

#navmenu .companyTopNav a 	 		{background:url('../images/menu_company.png') no-repeat; height:14px; width:82px;}	
#navmenu .whatWeDoTopNav a 	 		{background:url('../images/menu_whatWeDo.png') no-repeat; height:14px; width:73px;}	
#navmenu .projectsMarketsTopNav a 	{background:url('../images/menu_projectsMarkets.png') no-repeat; height:14px; width:58px;}
/*width was 160px but we removed 'Projects And' from 'Projects And Markets', so the width is now 598px; Randy Strohman 12/7/09*/
#navmenu .careersTopNav a 			{background:url('../images/menu_careers.png') no-repeat; height:14px; width:55px;}	
#navmenu .newsEventsTopNav a   		{background:url('../images/menu_newsEvents.png') no-repeat; height:14px; width:103px;}
#navmenu .contactTopNav a   			{background:url('../images/menu_contact.png') no-repeat; height:14px; width:93px;}

#navmenu .page_item a 			{display:block; text-indent:-1200%; overflow:hidden; position:relative; }
#navmenu .current_page_item a   {background-position:0 -14px;}
#navmenu .page_item a:hover 	{background-position:0 -14px;}

	
#subContent {width:570px; float:right; border-left:1px solid #dbdbdb; padding:22px 8px 0px 15px;}
    #subContent .bar {margin-top:8px;}
	#subContentLeft {width:383px; float:left; padding:0px 0px;}
	#subContentRight {width:172px; float:right;}
	    .bar {height:10px; background-color:#8a1e04;}
		/* --.sideBar {background-color:#8a1e04; padding:10px 15px; margin-top:8px; color:#fff; font-style:italic; font-size:80%;}--*/
		.sideBar {background-color:#8a1e04; padding:10px 15px; margin-top:8px; color:#fff; font-style:normal; font-weight:bold; font-size:80%;}
	/*--currently not used - refer to top section of subleft and default h1, bar and sidebar tags ---*/
	#company {}
		#company h1 {color:#8a1e04;}
		#company .bar {height:10px; background-color:#8a1e04;}
		#company .sideBar {background-color:#8a1e04;}
		#company #subLeft h2 {color:#8a1e04;}
		#company #subLeft h2 a {color:#8a1e04; font-weight:bold}
		#company #subLeft h2 a:hover{color:#525151; font-weight:bold}
		
	/*--To use this section, you need to set the body id in master page to the tag name ex. <body id="whatWeDo"> ---*/	
	#whatWeDo {}
		#whatWeDo h1 {color:#566422;}
		#whatWeDo .bar {height:10px; background-color:#566422; padding:none;}
		#whatWeDo .sideBar {background-color:#566422;}
		#whatWeDo #subLeft h2 {color:#566422;}
		#whatWeDo #subLeft h2 a {color:#566422; font-weight:bold}
		#whatWeDo #subLeft h2 a:hover{color:#525151; font-weight:bold}
	
	/*--To use this section, you need to set the body id in master page to the tag name ex. <body id="projectsMarkets"> ---*/	
	#projectsMarkets {}
		#projectsMarkets h1 {color:#3a6f8f;}
		#projectsMarkets .bar {height:10px; background-color:#3a6f8f;}
		#projectsMarkets .sideBar {background-color:#3a6f8f;}
		#projectsMarkets #subLeft h2 {color:#3a6f8f;}
		#projectsMarkets #subLeft h2 a {color:#3a6f8f; font-weight:bold}
		#projectsMarkets #subLeft h2 a:hover{color:#525151; font-weight:bold}
		
	/*--currently not used - refer to top section of subleft and default h1, bar and sidebar tags ---*/
	#careers {}
		#careers h1 {color:#8a1e04;}
		#careers .bar {height:10px; background-color:#8a1e04;}
		#careers .sideBar {background-color:#8a1e04;}
		#careers #subLeft h2 {color:#8a1e04;}
		#careers #subLeft h2 a {color:#8a1e04; font-weight:bold}
		#careers #subLeft h2 a:hover{color:#525151; font-weight:bold}
		
		
	/*--To use this section, you need to set the body id in master page to the tag name ex. <body id="newsEvents"> ---*/		
	#newsEvents {}
		#newsEvents h1 {color:#b15c11;}
		#newsEvents .bar {height:10px; background-color:#b15c11;}
		#newsEvents .sideBar {background-color:#b15c11;}
		#newsEvents #subLeft h2 {color:#b15c11;}
		#newsEvents #subLeft h2 a {color:#b15c11; font-weight:bold}
		#newsEvents #subLeft h2 a:hover{color:#525151; font-weight:bold}
		
	/*--currently not used - refer to top section of subleft and default h1, bar and sidebar tags ---*/
	#contact {}
		#contact h1 {color:#8a1e04;}
		#contact .bar {height:10px; background-color:#8a1e04;}
		#contact .sideBar {background-color:#8a1e04;}
		#contact #subLeft h2 {color:#8a1e04;}
		#contact #subLeft h2 a {color:#8a1e04; font-weight:bold}
		#contact #subLeft h2 a:hover{color:#525151; font-weight:bold}		
		
#subRight {width:170px; float:left; font-size:80%;}
	.white {height:25px; background-color:#fafbfc;}
	#subRightContent {padding:15px 20px;}
	#subRightContent h3 {color:#8a1e04; font-size:120%;margin-left:-10px;}
	#subRightContent a {color:#008cba; text-decoration:underline; font-weight:bold}
	#subRightContent a:hover {color:#525151; text-decoration:none; font-weight:bold}
/*-------------- SubContent for full secondary page (excluding feature projects and case studies), Randy Strohman, 9-1-09*/
#subContentFull {width:740px; float:left; border-left:1px solid #dbdbdb; padding:22px 8px 0px 15px;}
    #subContentFull .bar {margin-top:8px;}
	#subContentLeftFull {width:553px; float:left; padding:0px 0px;}	
/*-------------- SubContent for full for EBlast, Randy Strohman, 12-14-09*/
#subContentEBlast {width:934px; float:left; padding:22px 8px 0px 15px;}
    #subContentEBlast .bar {margin-top:8px;width:910px; background-color:#8a1e04;}
	
	/*--currently not used - refer to top section of subleft and default h1, bar and sidebar tags ---*/
    #company {}
		#company h1 {color:#8a1e04;}
		#company .bar {height:10px; background-color:#8a1e04;}
		#company .sideBar {background-color:#8a1e04;}
		#company #subLeft h2 {color:#8a1e04;}
		#company #subLeft h2 a {color:#8a1e04; font-weight:bold}
		#company #subLeft h2 a:hover{color:#525151; font-weight:bold}
		
	/*--To use this section, you need to set the body id in master page to the tag name ex. <body id="whatWeDo"> ---*/
	#whatWeDo {}
		#whatWeDo h1 {color:#566422;}
		#whatWeDo .bar {height:10px; background-color:#566422; padding:none;}
		#whatWeDo .sideBar {background-color:#566422;}
		#whatWeDo # h2 {color:#566422;}
		#whatWeDo #subLeft h2 a {color:#566422; font-weight:bold}
		#whatWeDo #subLeft h2 a:hover{color:#525151; font-weight:bold}
		
	/*--To use this section, you need to set the body id in master page to the tag name ex. <body id="projectsMarkets"> ---*/	
	#projectsMarkets {}
		#projectsMarkets h1 {color:#3a6f8f;}
		#projectsMarkets .bar {height:10px; background-color:#3a6f8f;}
		#projectsMarkets .sideBar {background-color:#3a6f8f;}
		#projectsMarkets #subLeft h2 {color:#3a6f8f;}
		#projectsMarkets #subLeft h2 a {color:#3a6f8f; font-weight:bold}
		#projectsMarkets #subLeft h2 a:hover{color:#525151; font-weight:bold}
		
	/*--currently not used - refer to top section of subleft and default h1, bar and sidebar tags ---*/
	#careers {}
		#careers h1 {color:#8a1e04;}
		#careers .bar {height:10px; background-color:#8a1e04;}
		#careers .sideBar {background-color:#8a1e04;}
		#careers #subLeft h2 {color:#8a1e04;}
		#careers #subLeft h2 a {color:#8a1e04; font-weight:bold}
		#careers #subLeft h2 a:hover{color:#525151; font-weight:bold}
		
	/*--To use this section, you need to set the body id in master page to the tag name ex. <body id="newsEvents"> ---*/
	#newsEvents {}
		#newsEvents h1 {color:#b15c11;}
		#newsEvents .bar {height:10px; background-color:#b15c11;}
		#newsEvents .sideBar {background-color:#b15c11;}
		#newsEvents #subLeft h2 {color:#b15c11;}
		#newsEvents #subLeft h2 a {color:#b15c11; font-weight:bold}
		#newsEvents #subLeft h2 a:hover{color:#525151; font-weight:bold}
		
	/*--currently not used - refer to top section of subleft and default h1, bar and sidebar tags ---*/
	#contact {}
		#contact h1 {color:#8a1e04;}
		#contact .bar {height:10px; background-color:#8a1e04;}
		#contact .sideBar {background-color:#8a1e04;}
		#contact #subLeft h2 {color:#8a1e04;}
		#contact #subLeft h2 a {color:#8a1e04; font-weight:bold}
		#contact #subLeft h2 a:hover{color:#525151; font-weight:bold}
		
/*-------------- SubContent for full secondary page with photo (excluding feature projects and case studies), Randy Strohman, 9-1-09*/
#subContentFullwImage {width:740px; float:left; border-left:1px solid #dbdbdb; padding:22px 8px 0px 15px;}
    #subContentFullwImage .bar {margin-top:8px;}
	#subContentLeftFullwImage {width:515px; float:left; padding:0px 30px 0px 0px;}	
	#subContentRightFullwImage {width:172px; float:right;}
	    .bar {height:10px; background-color:#8a1e04;}
		/* --.sideBar {background-color:#8a1e04; padding:10px 15px; margin-top:8px; color:#fff; font-style:italic; font-size:80%;}--*/
		.sideBar {background-color:#8a1e04; padding:10px 15px; margin-top:8px; color:#fff; font-style:normal; font-weight:bold; font-size:80%;}
		
		/*--currently not used - refer to top section of subleft and default h1, bar and sidebar tags ---*/
	#company {}
		#company h1 {color:#8a1e04;}
		#company .bar {height:10px; background-color:#8a1e04;}
		#company .sideBar {background-color:#8a1e04;}
		#company #subLeft h2 {color:#8a1e04;}
		#company #subLeft h2 a {color:#8a1e04; font-weight:bold}
		#company #subLeft h2 a:hover{color:#525151; font-weight:bold}
	
	/*--To use this section, you need to set the body id in master page to the tag name ex. <body id="whatWeDo"> ---*/		
	#whatWeDo {}
		#whatWeDo h1 {color:#566422;}
		#whatWeDo .bar {height:10px; background-color:#566422; padding:none;}
		#whatWeDo .sideBar {background-color:#566422;}
		#whatWeDo #subLeft h2 {color:#566422;}
		#whatWeDo #subLeft h2 a {color:#566422; font-weight:bold}
		#whatWeDo #subLeft h2 a:hover{color:#525151; font-weight:bold}
	
	/*--To use this section, you need to set the body id in master page to the tag name ex. <body id="projectsMarkets"> ---*/	
	#projectsMarkets {}
		#projectsMarkets h1 {color:#3a6f8f;}
		#projectsMarkets .bar {height:10px; background-color:#3a6f8f;}
		#projectsMarkets .sideBar {background-color:#3a6f8f;}
		#projectsMarkets #subLeft h2 {color:#3a6f8f;}
		#projectsMarkets #subLeft h2 a {color:#3a6f8f; font-weight:bold}
		#projectsMarkets #subLeft h2 a:hover{color:#525151; font-weight:bold}
		
	/*--currently not used - refer to top section of subleft and default h1, bar and sidebar tags ---*/
	#careers {}
		#careers h1 {color:#8a1e04;}
		#careers .bar {height:10px; background-color:#8a1e04;}
		#careers .sideBar {background-color:#8a1e04;}
		#careers #subLeft h2 {color:#8a1e04;}
		#careers #subLeft h2 a {color:#8a1e04; font-weight:bold}
		#careers #subLeft h2 a:hover{color:#525151; font-weight:bold}
		
		
	/*--To use this section, you need to set the body id in master page to the tag name ex. <body id="newsEvents"> ---*/
	#newsEvents {}
		#newsEvents h1 {color:#b15c11;}
		#newsEvents .bar {height:10px; background-color:#b15c11;}
		#newsEvents .sideBar {background-color:#b15c11;}
		#newsEvents #subLeft h2 {color:#b15c11;}
		#newsEvents #subLeft h2 a {color:#b15c11; font-weight:bold}
		#newsEvents #subLeft h2 a:hover{color:#525151; font-weight:bold}
		
	/*--currently not used - refer to top section of subleft and default h1, bar and sidebar tags ---*/
	#contact {}
		#contact h1 {color:#8a1e04;}
		#contact .bar {height:10px; background-color:#8a1e04;}
		#contact .sideBar {background-color:#8a1e04;}
		#contact #subLeft h2 {color:#8a1e04;}
		#contact #subLeft h2 a {color:#8a1e04; font-weight:bold}
		#contact #subLeft h2 a:hover{color:#525151; font-weight:bold}
				
#contactInfo {padding:0px 0px 20px 0px; font-size:85%;}
	#contactInfo h3 {font-size:130%; color:#505050; margin:0px;}
	
#tagline {clear:both; margin:0px 0px 8px 180px;}
#taglineFull {clear:both; margin:0px 0px 8px 100px;}