/********* COLORS ***********

		BLACK:			000000
		TURQOISE:		769EDD
		TURQOISE 2:		6DB0BF
		LIGHT BLUE: 	E2EFF4
		DARK TURQOISE:	004D62
*****************************/	

/******* 	GENERAL CLASSES	 	*******/
BODY				{
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	color:#000000;
	font-size:12px;
	line-height:15px;
	background-image: url(../images/bg1.jpg);
	background-repeat: repeat-x;
	background-color: #32578F;
}															
A 					{ color: #32578F; 		}												
A:hover 			{ text-decoration:none; }
										
TABLE				{ font-size:12px; 	 	}
TR					{ vertical-align:top;	}
UL 				{
	margin:5px 15px 5px 18px;
	padding:0px;
	list-style-image: url(../images/customBullet.jpg)
}
LI 				{ margin:0px 0px 10px 10px;	padding:0px 0px 0px 5px;	}
BLOCKQUOTE		{ margin:0px 0px 15px 33px;	padding:0px;					}
P 					{ margin-top:0px; margin-right:0px; margin-bottom:5px; margin-left:0px; padding-top:0px; padding-right:0px; padding-bottom:5px; padding-left:0px; }
HR					{ height:1px; border:0px; line-height:1px;  width:100%;		color:#e2eff4; background:#e2eff4; }
FORM				{ margin:0px 0px 0px 0px; 	padding:0px;						}

H3 { font-size: 12px; font-weight: bold; color: #367B8C; }
a img { border: none; }
html,body 				{ height: 100%;	}			/* used to allow tables to span 100% high */
#page-table 			{ height: 100%;	}

/******* 	CUSTOM TYPE CLASSES		********/
.pageTitle		{ font-size:22px;	font-weight:bold;	color:#000000;}				/* Should be used for Primary page title */
.titleText1		{
	font-size:13px;
	font-weight:bold;
	color:#4270B7;
}				/* Used for sub titles within page */
.titleText2		{
	font-size:13px;
	font-weight:bold;
	color:#4270B7;
}
.titleText3		{ color: #4270B7; font-size: 17px; font-weight: bold;}
.titleText4		{ color: #4270B7; font-size: 14px; font-weight: bold; margin:0 0 5px 0;}
.smallText 		{ font-size:11px;	line-height:12px;	}
.tinyText 		{ font-size:10px;	line-height:11px;	}
.errormsg 		{ font-size:11px; color:#E81600; } 

/*******	GENERAL HELPER CLASSES	******/
.whiteline 			{ background:#FFFFFF;	margin: 0;	padding: 0; border: 0px;	height:1px;	font-size:1px; line-height:1px; display: block;}
.bgline				{ background:#BBBBBC;	border:0px none;	height:1px;	}
.nowrap				{ white-space:nowrap;}
.spacer 				{ clear: both; visibility:hidden; height:0px; font-size:0px; line-height:0px;}			/* used to fix CSS float bugs */
.tableholder 		{ width:100%; 		 } 																						/* used to encapsulate tables that extend off a page */

/******* 	MAIN TEXT AREAS	*******/
.homeBody 		{ padding:16px 12px 7px 15px;	font-size:12px; line-height:15px;	   	color:#769EDD;  	width:100%;}	/* Used to position homepage body block */

/******* SUB PAGE LAYOUT *******/
#subPage			{ width: 442px; }
#subPageWide	{ width: 612px; }
#subHead  		{
	background-image: url(../images/bg_subpage_title.gif);
	background-repeat: repeat-x;
	height: auto;
	position:relative;
	top: -1px;
}
#subTitle 		{
	padding: 28px 0 10px 16px;
	color: #32578F;
	font-size: 17px;
	font-weight: bold;
	margin: 0px;
}		
#subTitle a 		{ text-decoration:none; color: #4270B7; font-size: 17px; font-weight: bold; margin: 0px;}		
#subTitle a:hover	{ color:#F38300; }
#subTitleLine  { padding-left: 16px; background-image: url(../images/gradient_line2.jpg); font-size:1px; line-height:1px; padding: 0 15px 0 15px; }
#subBody 		{ position:static; padding:10px 20px 40px 16px;	font-size:12px; 	color:#000000; 	}	/* Used to position subpage body block */
#subBodyBlock		{  padding:10px 10px 40px 16px;	font-size:12px; 	color:#000000; 	}	/* Used to position subpage body block */
#subBodyBlock	LI	{  margin:0px 0px 5px 10px;	padding:0px 0px 0px 5px;		}	


.footer 			{ padding:0px 12px 7px 15px;	 color:#88BDC8; font-size:11px;}	
.footer A 		{ color:#88BDC8;	}
#idHome	.footersub	{ border-top:none; }
.footersub		{ padding:10px 12px 7px 13px;	 color:#C7D6DB; font-size:11px; border-top:1px solid #E6F1F5;  }	
.footersub A	{ color:#C7D6DB;	}
.homeNews		{ color:#000000; font-size: 11px;  line-height:12px;			}
.homeNews a		{ color:#000000; text-decoration:none; 						}
.homeNews ul 	{ margin: 0 0 0 10px; 	padding: 0;	list-style-type: none;	} 
.homeNews li 	{ margin: 0 0 7px 0; padding:0;								} 
.morelink 		{ color:#FDBF56; text-decoration:underline;					}
.toplinks		{ text-align:right; padding:12px 25px 0 0; font-size: 11px; font-weight:bold;}
.toplinks a		{ color:#FFFFFF;}
.callout1 		{ float:right;		border:1px solid #CCCCCC;	margin:18px 18px 8px 28px;	padding:10px 12px 12px 12px;	width:185px;	
				  	  color:#696969;	font-size:11px;	line-height:14px;}


/*******	FORM CLASSES	class="fform" 
.fform INPUT 		{ padding:3px 3px 1px 3px;	margin:0px; 	font-size:11px;	height:16px;   color:#000000; background-color: #FFFFFF !important;		
				  	     border-top:#000000 1px solid;	border-left:#000000 1px solid;	border-bottom:#CCCCCC 1px solid;	border-right: #CCCCCC 1px solid;   }
.fform SELECT 		{ padding:3px 3px 1px 3px;	margin:0px; 	font-size:11px;	height:16px;   color:#000000;  background-color: #FFFFFF !important;		
				  	     border-top:#000000 1px solid;	border-left:#000000 1px solid;	border-bottom:#CCCCCC 1px solid;	border-right: #CCCCCC 1px solid;   }
.fform TEXTAREA	{ padding:3px;	margin:0px; 	font-size:12px;	  color:#000000; background-color: #FFFFFF !important;		
				  	     border-top:#000000 1px solid;	border-left:#000000 1px solid;	border-bottom:#CCCCCC 1px solid;	border-right: #CCCCCC 1px solid;   }  			  
.fform INPUT.checkbox	 	{ border:0px;	 margin:0px; 	padding:0px;}
.fform INPUT.formButton 	{ margin-bottom:1px; padding:3px; font-size:11px;	height:20px; text-transform:uppercase; font-weight:bold; color:#FFFFFF; background-color: #666666 !important;
				  					  border-top:#000000 1px solid;	border-left:#000000 1px solid;	border-bottom:#CCCCCC 1px solid;	border-right: #CCCCCC 1px solid;   }  			  
					 *******/				  
/*** FORM FIELDS ***/
.formButtonColumn input { padding: 0 3px 0 3px;	margin: 1px; height:18px; border-top: #EAECEF 1px solid; 
								border-bottom: #0A5984  1px solid;	border-left: #EAECEF 1px solid;    border-right: #0A5984 1px solid;
								font-size: 10px;    color: #FFFFFF;      background-color: #BBBBBC; }
.formButton 			{ 	line-height: normal;  padding: 1px 3px 2px 3px;	margin: 0; height:21px;
						 		border-top: #EAECEF 1px solid; border-bottom: #0A5984  1px solid;	border-left: #EAECEF 1px solid;    border-right: #0A5984 1px solid; 
						 	 	font-size: 12px;    color: #FFFFFF;       background-color: #367B8C; font-weight:bold;}
.formButtonSmall		{ 	line-height: normal;  padding: 1px 3px 3px 3px;	margin: 0; height:18px; 
								border-top: #EAECEF 1px solid; border-bottom: #0A5984  1px solid;	border-left: #EAECEF 1px solid;    border-right: #0A5984 1px solid;
								font-size: 10px;    color: #FFFFFF;      background-color: #BBBBBC; font-weight:normal;}
.formField 				{ 	line-height: normal; 	padding: 1px 2px 1px 3px;	margin: 0; 
								border-top: #BBBBBC 1px solid; border-bottom: #4F4F4E  1px solid;	border-left: #BBBBBC 1px solid;    border-right: #4F4F4E 1px solid; 
								 font-family: Arial, Helvetica, sans-serif, Verdana;		
								font-size: 12px;    color: #4F4F4E;      background-color: #FFFFFF;
								background-image:url('/common/images/form_input_shadow.gif'); }
.formPulldown			{  line-height: normal; 	padding: 0px 0px 0px 0px;	margin: 0; height:18px; 
								font-size: 12px;    color: #4F4F4E;       background-color: #FFFFFF; 
								border-top:  1px solid #BBBBBC; border-bottom:   1px solid #4F4F4E;	border-left:  1px solid #BBBBBC;     border-right:  1px solid #4F4F4E;}
.formPulldownSmall	{  line-height: normal; 	padding: 0px 0px 0px 3px;	margin: 0; height:18px; 
								border-top:  1px solid #BBBBBC; border-bottom:  1px solid #4F4F4E;	border-left: 1px solid #BBBBBC;    border-right:  1px solid #4F4F4E;
								font-size: 11px;    color: #4F4F4E;       background-color: #FFFFFF; }
									  

/* FOR SHOW HIDE */
tr.selectedrow 		{ /* set highlight options /// background:#FFFFFF; */}  
tr.hiddenrow  			{ display:none;  }
tr#hiddenrow-show  	{ display:table-row;   display:block;  }

/******* 	NAVIGATION/LAYERS CLASSES	 *******/
.navmenu 	ul			{	font-size:12px; line-height:13px;	font-weight:bold;	padding:0px;
								margin: 0; list-style-type: none;	} 
.navmenu 	li 		{	margin: 0; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; } 
.navmenu 	a  		{	display: block; width:100%; padding:1px 0 1px 2px;
								border-left: 1px solid #666666;		border-right: 1px solid #666666;	border-bottom: 1px solid #000000; 
								color: #46494B;		background: #EEF4F9;	text-decoration: none; 	} 
								
.navmenu 	a:link, .navmenu a:active, .navmenu a:visited 		{	color:#46494B;  background:#FFFFDD;		}
.navmenu 	a:hover 									 				 		{	color:#1595E8;	background:#FFFFFF;		} 

.navmenuon 	a:link, .navmenuon a:active, .navmenuon a:visited 	{	 color: #46494B; background:#FFFFFF;	}
.navmenuon 	a:hover 										  					{	 background:#FFFFFF;	color:#1595E8;		} 

.byline { padding: 0px 0 30px 30px;  font-style: italic;  }
#affiliations td { padding-bottom: 15px; color: #258498; }
#affiliations td a { font-size: 12px;}
#building { border-top: solid #FFFFFF 1px; }
#EmploymentApp { border: 1px solid #e2eff4; width: 100px; margin: 30px 0 0 0; text-align: center; padding: 10px;}
#EPAnews UL		{ margin:5px 15px 5px 18px;	padding:0px; list-style-image: url(../images/customBullet.gif)}
#EPAnews LI		{ margin:0px 0px 10px 0px;	padding:0px 0px 0px 0px;	}
#gradlinesub{	position:absolute; left:167px;}

#locations td {	padding: 5px 0 5px 0;}
#locations img {	margin: 0px 10px 0px 0px; }
#mapquest {	padding-top: 5px;}
#news td { padding: 0 0 15px 0;}
#offices {
	height: 70px;
	background-image: url(../images/bg_bottom.jpg);
}
#offices td { text-align: center; font-size: 11px; padding-top: 5px; }
#offices a { text-decoration: none; color: #ffffff; }
#projects td { padding-bottom: 15px;}
#subpagehead {  background-position: top; background-repeat: repeat-x;
					padding: 0px 0 0px 0px; position:relative;}

#topnav {
	border-bottom: solid #C5C3B1 1px;
}

#testimonials td {	padding: 0 0px 20px 0px;}
#testimonials a {	}

.left		{ padding-right: 50px;}
.employeethumb { padding-right: 10px; float: left;}
.employeetitle { padding: 0px 0 30px 15px;}
.communityLogo { float: right; padding: 0 0 5px 5px;}
.homebox {
	font-size: 11px;
	color: #000000;
	border-top: solid #E2EFF4 1px;
	padding:8px 0 20px 0;
	margin-top: 6px;
	text-align:left;
}
.homebox img { float: left; padding-right: 7px;}
.homebox 	a																	{ color: #4270B7; text-decoration: underline;}
.homebox 	a:link, .navmenu a:active, .navmenu a:visited 		{ color: #769EDD;}
.homebox 	a:hover 										  					{ color: #4270B7; text-decoration: none;}
.homebox li { line-height: 14px; padding: 0 0 0 0; margin: 0 0 7px 0;}
.homebox li	a																	{ color: #4270B7; text-decoration: none;}
.homebox li	a:link, .navmenu a:active, .navmenu a:visited 		{ color: #4270B7; text-decoration: none;}
.homebox li	a:hover 										  					{ color: #4270B7; text-decoration: underline;}
.homeboxText { width: 100px; float: right;}

.projTitle { float: left; width: 90%; padding-bottom: 10px;}
.projPhoto { float: right; width: 50%; padding: 0 0 20px 20px;}
.projLocation { float: right; width: 50%; padding-bottom: 10px;}
.projServices { position:relative; padding-bottom: 10px;}
.projServicesNoImage {  padding-bottom: 10px;}
.projThumb { float: left; padding-right: 10px; padding-bottom: 10px;}


.whiteborder {border-left: solid #FFFFFF 1px; border-right: solid #FFFFFF 1px;}	 



/******* 	SUBMENU *******/
.submenu ul {	font-size:12px; line-height:12px; 
					margin: 0; 	list-style-type: none;		text-align:right; padding:0;  list-style-image:none;} 
.submenu li {	margin: 0; padding:0px; list-style: none;  list-style-image:none;} 
.submenu a {	text-align: right;
					display: block; 
 					padding:7px 16px 7px 0px;
					_height:14px;
					color: #4658A4;		background: #FFFFFF;
					text-decoration: none; }
					
.submenu a:link, .submenu a:active, .submenu a:visited {	color: #005469; }
.submenu a:hover {
	background: #C5C3B1;
	color:#32578F;
} 

.mOn  {background: #fff9e8;	color:#4270B7;}
.mOn a:link,.mOn a:visited {background: #fff9e8;	color:#4270B7;}

.submenu li.on a:link, .submenu li.on a:active, .submenu li.on a:visited {	color: #005469; background: #F3F8FA; font-weight:bold;}
.submenu li.on a:hover {	background: #F3F8FA;		}  



a.submenuon:link, a.submenuon:active, a.submenuon:visited {	color: #4658A4;		background:#Ffffff;}


.submenutitle2 {
	text-align:right;
	color: #ffffff;
	font-size: 17px;
	font-weight: bold;
	padding: 25px 16px 10px 0;
	margin: 0;
	background-image: url(../images/bg_submenu.jpg);
	background-repeat: repeat-x;
}


#homelink	{ position:absolute; right:5px; bottom:8px;}

.tablepadding TD { padding: 0px 0 5px 0;} 


.navpop 		{ position:absolute; z-index:10; font-size:10px;  font-weight:normal;  
 padding:0px; margin:0px;
}
.navpop UL	{ list-style: none; list-style-image: none; padding:0px; margin:0px; text-align:center;  margin: 0px 3px 3px 0px; 
}
.navpop LI	{ padding:0px; margin:0px;  border-top:1px solid #7FA9B6; }

.navpop a 			{
	background: #32578F;
	color: #ffffff;
	text-decoration:none;
	display:block;
	padding:0px;
	margin:0px;
	line-height:19px;
	height:19px;
}
.navpop a:hover  	{
	background: #4270B7;
	color:#FFFFFF;
}

#popcompany			{ top:-2px; left:-1px; width:122px;}
#popservices		{ top:-2px; left:94px; width:166px;}
#popprojects   	{ top:-2px; left:229px; width:120px;}
#popresources  	{ top:-2px; left:344px; width:129px;}
#popcareers   		{ top:-2px; left:456px; width:138px;}
#popnews  			{ top:-2px; left:577px; width:93px;}
#popcontact   		{ top:-2px; left:665px; width:118px;}


#serviceTable td 		{ padding:0 1px 0 0 }

/*#serviceBox				{ margin: 10px 0px 0 0; position:relative;  width:584px;}
.serviceDesc			{ background:#F3F8FA;  position:absolute; visibility:hidden; width:100%; }
.serviceDescPad		{ padding: 8px 10px 10px 10px;}
.serviceDescTitle 	{ font-weight:bold; color:#769EDD;}*/

#serviceBox				{ width: 365px; float: left; }
#serviceSidebar		{ float: right; width: 220px;  }
#serviceSearch			{ margin-bottom: 10px; background: #EDEBDF; padding: 10px; font-size: 11px; }

.serviceDesc			{margin-bottom: 10px; }
.serviceDescPad		{ padding: 0 0 20px 0;}
.serviceDescTitle 	{
	font-weight:bold;
	color:#4270B7;
	margin-bottom: 5px;
}
 a .serviceDescTitle { text-decoration: none; }
.serviceImage			{   margin: 0 5px 5px 0; float: left; }

#servicesSearchResults li {margin: 0; padding: 0 0 15px 0; }

#jobBox			{ margin: 0px 0px 0 0; position:relative; height:550px;  }
#jobBox UL { margin: 0 10px 0 10px;}
#jobBox LI { margin: 3px 10px 3px 10px;}
.jobList			{ position:absolute; visibility:hidden;  }
.backbutton		{ position:absolute; right: 14px; bottom: 10px; font-size:11px; }

.empQuote { left:0; width:350px; font-style:italic; line-height:16px; font-size:13px; 	color:#4270B7; padding:3px 5px 0px 0px; position:absolute; visibility:hidden; }
.empName	 { text-align:right; margin: 10px 0 0 0; } 
.empMore  { position:relative; top:220px;  font-size:11px; padding:0px; }
.empImage { float:right; }

.cliQuote { left:0px; width:350px; font-style:italic; line-height:16px; font-size:13px; 	color:#4270B7;  padding:3px 5px 0px 0px; position:absolute; visibility:hidden; }
.cliName	 { text-align:right; margin: 10px 0 0 0; } 
.cliMore  { right:0; top:370px;   font-size:11px; padding:10px; position:absolute;}
.cliImage { float:left; }

.sideProjectTitle {
	background:#D6D2C7;
	color:#32578F;
	padding:2px 8px 2px 8px;
	margin: 10px 0 0px 0;
	font-weight:bold;
	font-size:11px;
}
.sideProject { float:right; font-size:11px; width:100%; background:#F3F8FA; padding:0px 0 0 0px; margin: 0px 0 10px 0; line-height:12px; } 
.sideProject a { color:#000000; text-decoration:none; display:block;  padding:5px 8px 5px 8px; clear:both;} 
.sideProject p { margin:0px; padding:0px; }
.sideProject a:hover  	{ background: #fff9e8;	color:#4270B7; }
.sideProject a:hover .titleText2 	{ background: #fff9e8;	color:#4270B7; }

.sideProject .titleText2 {  font-size:11px; } 

.sideProject img { float:left; margin: 0 5px 10px 0; }

#testimonialsDownload { border: 1px solid #e2eff4;  margin: 10px 5px 0 5px; text-align: left; padding: 4px; }
#testimonialsDownload  .title { font-weight:bold; color:#C6720F; text-align:center; font-size: 13px;} 
#testimonialsDownload UL { margin: 5px 0 5px 15px; padding:0px; font-size:11px; line-height:12px;}
#testimonialsDownload LI { margin: 5px 0 5px 10px; padding:0px}
#subTitleLineblack {
	font-size:12px;
	padding: 0 15px 0 16px;
}
#subTitleblack {
	padding: 28px 0 10px 16px;
	color: #32578F;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
}
