/* == Global CSS == */
#imageThumbs img{ border:1px solid #000000; margin-right:5px; margin-bottom:5px;}
.contactBox{
padding:5px 5px 5px 5px; color:white; background:#92222F; text-align:center; 
}
.contactBox a{ color:white; }
body{
	background      : #DEDEDE;
	width           : 100%;
	height          : 100%;
	font-family     : Verdana, Helvetica, "Trebuchet MS", Arial, sans-serif;
	font-size       : 12px;
	margin          : 0;
	padding         : 0;
}
/* == General Styles */
div.clear{
	clear           : both;
	line-height     : .1;
	visibility      : hidden;
}
img { border: 0; }
a{
    color:#405280;
}
/* == Container Styles */
#frame{
	width           : 780px;
	margin-left     : auto;
	margin-right    : auto;
	background: #EFEFEF;
    border-left     : 1px solid #111111;
	border-right    : 1px solid #111111;
	border-bottom   : 1px solid #111111;
	font-family     : Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif;
	text-align      : left;
	margin-bottom:25px;
	
}
#portalFrame{
   width:100%;
   height:600px;
   border:0;
   padding:0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}
.leftGreen{
	background: url(../images/leftback.jpg) left repeat-y;
	float:left;	
}
.leftGreen-200{
	background: url(../images/leftback_200.jpg) left repeat-y;
	float:left;	
}
#top{		
	height          : 90px;
	width           : 780px;
	margin-left     : auto;
	margin-right    : auto;
	padding:0;
	background      : transparent;    
	overflow        : hidden;
	
}
#topBack{
	position:absolute;
	height:100px;
	background:url(../images/crane.jpg) 0px 0px no-repeat;	
}
#topBackEarth{
	position:absolute;
	height:100px;
	background:url(../images/earth.jpg) 0px 0px no-repeat;	
}
#topBackPortal{
	position:absolute;
	height:100px;
	background: #000000 url(../images/earth.jpg) center center no-repeat;	
}
/*
#topBackPortal{
	position:absolute;
	height:100px;
	background:url(../images/portalBlue.jpg) 0px 0px repeat-x;	
}*/
#topLinks{	
	width           : 780px;	
	padding         : 0;
	font-size       : 10px;		
	text-align      : right;
}
#topLinks .bar{	
	margin:0px 0px 56px 0px; 
	padding:0;
	background: url(../images/cleartile_small.png) repeat;  float:right;
	height:16px;
}

* html #topLinks .bar { width:140px; height:16px; background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="includes/images/cleartile.png", sizingMethod="scale");  }

#topLinks .bar a{
	color:#FFFFFF;     
	position:relative;
	text-decoration:none;
	padding:1px 10px 1px 10px;
}
#topLinks .bar a:hover{
	text-decoration:none;    
	background: url(../images/redtile_50.png) repeat;
}

#topMenuBar{   
    height         : 30px; 
	width		   : 780px;
	background     : url(../images/cleartile.png) repeat; 	
	z-index:1000px;
}
* html #topMenuBar { width:780px; height:30px; background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="includes/images/cleartile.png", sizingMethod="scale");  }

.logo{
	padding:0;
	margin:0;
}
.logo img{
    position    : absolute;
	margin-top  :-67px;
	margin-left :-3px;	
}

/* == Banners == */
#mainBanner{ 
	margin-top:10px;
	
}
#servicesBanner{
	margin:0; padding:0; float:left;
		border-bottom:1px solid #000000;
}
/* == Navigation Styles == */
.menu{
	float:right;	
}
.menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 500px;	
	font-size:11px;
	font-weight:normal;	
	
}
.menu ul li {
	position: relative;
	width:95px;
}
.menu ul li.wider {
	width:120px !important;
}
.menu ul li.wider li{
	width:120px;
}
.menu li.wider ul {
	width:120px !important;
}
.menu li ul {
	position: absolute;
	width:95px;
	left: 0px;
	top: 25px;
	display: none;			
	margin:0;
	padding:0;
	background: url(../images/cleartile_single.png) repeat;
}
* html .menu li ul {
	background: none;
}
.menu li.submenu ul {
	position: absolute;
	width:95px;
	left: 95px;
	top: 0px;
	display: none;	
}
.menu ul li a {
	position:relative;
	display: block;	
	text-decoration: none;	
	padding: 6px 6px 6px 6px;	
	height:30px;
		color:#EFEFEF;
	text-align:center; 
	
}

.menu ul li a:hover, .menu li.over ul{	  
	color:#E5C200; background: url(../images/cleartile_single.png) repeat; 
}	
* html .menu li.over ul{ background:none;}
* html .menu li:hover ul, * html li.over ul{ background:none; }
* html .menu .navback{
background-image:none; height:100px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="includes/images/cleartile_single.png", sizingMethod="scale");  
}

* html .menu ul li a:hover{
	background:none;background-image:none; height:10px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="includes/images/cleartile_single.png", sizingMethod="scale");  
    cursor:pointer;
	color:#E5C200;
}
.menu ul li { float: left; position:relative;}
.menu ul li a { height: 1%; position:relative;}
.menu li:hover ul, li.over ul { display: block;}
.menu li.submenu:hover ul { display: block; }



/* == LEFT NAV == */
.leftNavPortal{ 
	width:190px; 
	float:left;
    margin:0px 0px 10px 0px;
	padding:0px 0px 0px 10px;

}
.leftNavPortal a{
color:white;
}
.leftNav{
	width:169px; 
	float:left;
	margin:0px 0px 10px 0px;
	padding:0;
	text-align:left;
	background: transparent url(../images/texture2.jpg) no-repeat;	
	color:#EEEEEE;
	font-size:12px;
	border:1px solid #000000;
	border-left:0; border-top:0;
}
.leftNav h1{
	font-size:14px;
	background: url(../images/darkgreentile_50.png) repeat;
	padding: 10px 10px 10px 10px;
	height:auto;
	width:auto;
	margin:0;
	font-weight:normal;
	color:#EEEEEE;
}
* html .leftNav h1{background:none; height:2px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="includes/images/darkgreentile_50.png", sizingMethod="scale");  }

.leftNav h1 a{
	color:#EEEEEE;
	font-size:14px;
	text-decoration:none; display:block; background:none;	position:relative;
}
.leftNav h1 a:hover{
	color:#E5C200;
}
.leftNav ul li a{
	display:block;
	padding:10px 10px 10px 10px;
	list-style:none;
	text-decoration:none;
	color: #ffffff;
}

.leftNav li.selected ul{   display:block; }
.leftNav ul{  list-style: none; margin:0; padding:0; }
.leftNav li ul     {display:none;  }

.leftNav ul li a:hover{
	background: url(../images/blacktile_20.png) repeat; 
}
* html .leftNav ul li a:hover{
    background-image:none;
	height:10px;
	cursor:pointer;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="includes/images/blacktile_20.png", sizingMethod="scale"); 
}
.leftNav .navBack{
	background: url(../images/blacktile_20.png) repeat;
}
* html .leftNav .navBack{
    background-image:none;
	height:100px; width:150px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="includes/images/blacktile_20.png", sizingMethod="scale"); 
}


.leftNav ul li.selected ul li a{
     background: url(../images/blacktile_20.png) repeat; 
}
.leftNav ul li.selected ul li a:hover{
     background: url(../images/blacktile_30.png) repeat; 
}
.leftNav ul li.selected ul li.selected a{
     background: url(../images/blacktile_30.png) repeat; 
}
.leftNav ul li.selected a{
    background: url(../images/blacktile_50.png) repeat; 
}
.leftNav ul li.selected a:hover{
    background: url(../images/blacktile_60.png) repeat; 
}
* html .leftNav ul li.selected ul li a{
    background:none;  
	height:2px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="includes/images/blacktile_20.png", sizingMethod="scale");
}
* html .leftNav ul li.selected ul li a:hover{
    background:none;  
	height:2px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="includes/images/blacktile_30.png", sizingMethod="scale");
}
* html .leftNav ul li.selected ul li.selected a{
    background:none;  
	height:2px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="includes/images/blacktile_30.png", sizingMethod="scale");
}
* html .leftNav ul li.selected a{
    background:none;  
	height:2px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="includes/images/blacktile_50.png", sizingMethod="scale");
}
* html .leftNav ul li.selected a:hover{
    background:none;  
	height:2px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="includes/images/blacktile_60.png", sizingMethod="scale");
}
.leftNav ul li ul li a{
	padding:5px 5px 5px 20px; font-size:11px;
}

/* == CENTER CONTENT == */

#myImage{
border: 1px solid black;
}

#centerContentContainer{	
	margin-top:10px;	
}
.centerContent{ 
    width:610px;		
	float:left;
	line-height:1.4em;	
	padding:0px 0px 0px 0px;			
	margin:0px;
}
.centerContentText{
	padding:10px 15px 15px 15px;
	margin:0px;

}
.centerContent H1{ 
	text-align     : justify;
	letter-spacing : normal;
	padding        : 5px 5px 5px 5px;
	margin         : 0px 0px 0px -1px;
	border:1px solid #BF0000;
	color:#BF0000;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;  

}
.centerContent H2{ clear:both; font-size:12pt;  border-bottom:1px solid #000000; }
.centerContent H2 a{ text-decoration:none; color:#000000; }
.centerContent H2 a:hover{ text-decoration:none; }

.centerContent H3{ clear:both; font-size:11pt; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; padding:4px 4px 4px 4px;  border: 1px solid #000000; background:#405A80; color:#ffffff; }
.centerContent H3 a{ text-decoration:none; color:#FFFFFF; }
.centerContent H3 a:hover{ text-decoration:none; }

.centerContent H4 { font-size:13pt; }
a.learnMore{	
	background:#405A80;
	color:#FFFFFF;
	padding:2px 3px 2px 3px;
	text-decoration:none;
	float:right;
	border:1px solid white;	
}

.centerContent a.readmore{
	color:#000000;
	text-decoration:underline;
	float:right; 
	
}
.centerContent .sample-project{
	text-decoration: underline;
}
.centerContent a.readmore:hover{
	text-decoration:none;
}
.centerContent .description{
	margin: 0;
	padding: 5px 0px 0px 0px;
}
.centerContent .requirements{
	margin: 0;
	padding: 0px 0px 5px 0px;
}
.centerContent .applynow{
	text-align:center; font-size:14pt; font-weight:bold;
}
.centerContent .label{
    background:#CCCCCC; font-weight:bold; padding: 1px 1px 1px 3px; font-size:12pt;
}
.centerContent .requirements ul{
	list-style-type:square;
	list-style-position:inside;
	margin-left:5px;
	padding:0;
}
.centerContent ul{
list-style-type:square;
	list-style-position:inside;
	margin-left:15px;
	padding:0;
}
.careers-main { 
width:560px; background:none;
margin: 10px 0px 10px 0px;
}
.careers-main .bg{
	height:105px;
	background: url(../images/123.png) left top no-repeat; 
}
* html .careers-main .bg{ height:105px; background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="includes/images/123.png", sizingMethod="image");  }

.careers-main p{ 
	width:28%; float:left; display:block;  margin-right: 10px; padding-right:15px; font-size:13px; padding-top:120px; margin-top:-110px; text-align:center; height:100px;
}


.careers-main span {text-decoration:underline; font-weight:bold; font-size:16px; width:100%; display:block; text-align:center; margin-bottom:50px;}

.startbrowsing{
	text-align:right;  font-size:14px;
}
.startbrowsing a:hover{ text-decoration:none; }

/* NEWS ITEM STUFF */
.articlebody{
}

h2.articlebody{
 	font-size:12px;
	border-bottom:1px solid #000000;
}
span.smalltext{
	font-size:9pt;
	font-style:italic;
	color:#444444;
}


/* == CONTENT == */
div.dottedDivs{
    width:100%;
	margin-left:auto;
	margin-rigth:auto;
	
}
div.dottedDiv{
	float        : left;	
	height       : 600px;
	width        : 220px;
	/*background:url(../images/dot.gif) top right repeat-y;*/
	padding:2px 10px 2px 10px;
	font-size    : 11px;	
	border-right : 3px dotted #CCCCCC;
}
div.dottedDiv p{
	padding      : 5px 5px 5px 5px;
	margin       : 0;
}
div.dottedDiv h1{
	text-align     : center;
	letter-spacing : normal;
	padding        : 5px 5px 5px 5px;
	margin         : 0;
	background:#800000;
	color:#FFFFFF;
	text-decoration:none;
	border:1px solid white;
	font-weight:100;
}
div.dottedDiv img{ padding:5px 0px 5px 1px; }
div.dottedDiv a{
	padding:5px 5px 5px 5px;
	display:block;
	font-style:italic;
	font-size:10pt;
	color:#2593E1;
	text-decoration:underline;
	margin-bottom:20px;
}
div.dottedDiv a:hover{
	text-decoration:none;
}

/* == Windows == */
.Window{
	font-size:12px;
	line-height:1.4em;	
	margin:0; padding:0;
	color: #ffffff;
    margin-left:0px;
    height: auto;
}
.Window .body{
	margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px;     
}
* html .Window .body{
   height:70px;
}
.greentop{
	background: url(../images/menu/green/top.png) no-repeat;
}
* html .greentop{
background:none; 
height:100px;
width:100px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="includes/images/menu/green/top.png", sizingMethod="image");
}
* html .greenbody{
background:none; 
height:100px;
width:100px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="includes/images/menu/green/body.png", sizingMethod="image");
}
.greenbody{
    background: url(../images/menu/green/body.png) repeat-y;
}
.Window .top{
	margin:0px;
	padding:10px 10px 10px 6px;	

}
.Window .top H1{
	margin:0px 0px 5px 0px; 
	padding:5px 5px 10px 5px;	
	color:#ffffff;
	font-size:12px;
	text-align:center;
	border-bottom:1px solid #ffffff;
	
}
.Window .top p{
	 padding:5px 5px 5px 5px; margin:0;
}
.Window .top a.readMore{	
	background:#800000;
	color:#FFFFFF;
	padding:2px 5px 2px 5px;
	text-decoration:none;
	float:right;
	border:1px solid white;	
	font-size:11px;
}

.Window .top .readMore img{  vertical-align:baseline; margin:0px 0px 0px 0px;}

.Window .footer{
    margin:0;
    padding: 0px 0px 0px 0px;
    height:40px;
}


/* == RIGHT CONTENT == */
.rightContent{ 
	width:190px; 
	float:right;
	padding:10px 5px 15px 5px;
	
}


#breadCrumb{
	padding:4px 4px 4px 4px;
	font-size:9px;
	background:#804040;
	color:#EEEEEE;
}
#breadCrumb a{
	color:#EEEEEE;
	text-decoration:none;  
	text-transform:uppercase;
}
#breadCrumb a:hover{
	color:#FFFFFF;
    text-decoration:underline; 
}
/* == FOOTER == */
#footer{
	background: #0F68A9;
	margin-top:10px;
	text-align:center;
	padding:5px 10px 5px 10px;
	color:#EEEEEE;
	margin:0;
	font-size:10px;
	border-top:1px solid #222222;
}

.job_listing{	text-align:left; font-size:10pt; width:100%; border-collapse:collapse;}
.job_listing .altrow{ background:#CCCCCC; }
.job_listing a {text-decoration:none; }
.job_listing a:hover {text-decoration:underline;}


.login label {width:70px; display:block; float:left; padding:2px 2px 2px 2px;}
.login input, .login select, .login textarea, .login password{ width:150px; }
input.loginButton {width:auto; margin-top:10px; float:right; clear:left;}
.centerContent .login{ width:235px;}
.centerContent .login H3 {text-decoration:none; font-weight:bold; font-size:11pt; margin:0; padding:2px 2px 2px 2px; background:none; color:#000000; border:0;}

.contactEmail label {width:100px; display:block; float:left; padding:2px 2px 2px 2px;}
.contactEmail input, .login select,  .login password{ width:150px; }
.login textarea{ width:250px; height:100px; }
input.loginButton {width:auto; margin-top:10px; float:right; clear:left;}
.centerContent .contactEmail{ width:265px;}
.centerContent .contactEmail {text-decoration:none;  margin:0; padding:2px 2px 2px 2px;}





.centerContent .halfpane {width:250px; float:left;}
.registration { width:510px;  }
.registration label {width:150px; display:block; float:left; padding:2px 2px 2px 2px;}
.registration  input, .registration  select,  .registration  textarea, .registration  password{ width:200px; }
input.registrationButton {width:auto; margin-top:10px; padding:0; margin-right:50px; float:right; clear:left;}
.errors {color:red; padding:10px 10px 10px 10px; margin-bottom:10px; font-size:10px; border:1px solid red; width:auto;} 
.success {color:green; padding:10px 10px 10px 10px; margin-bottom:10px; font-size:10px; border:1px solid green; width:auto;} 
.message {color:black; padding:10px 10px 10px 10px; margin-bottom:10px; font-size:10px; border:1px solid black; width:auto;} 

.blue { color:blue; }

.contactEmailForm{
	width:48%; float:left; padding-left:10px;
}
.contactPhoneNumbers{
	width:48%; float:left; padding-right:10px;
}
.mapPopUp{
padding:0px 5px 10px 5px;
text-align:left;
}
.mapPopUp .image{
	text-align:center;
}
.mapPopUp h2{
  padding-bottom:0px; margin-bottom:8px;
}
.frontImg{
background:  url(../images/mei_250.png) left top no-repeat;
position:absolute;
width:250px;
height:200px;
z-index:-999;
padding-top:0px;
}
* html .frontImg{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="includes/images/mei_285.png", sizingMethod="scale"); 
}
.mapPopUp img{
padding-left: auto;
padding-right: auto;
clear:both;
border:1px solid #000000;
}


.portal{
 text-align:center;
}
.portal a{
 text-decoration:none;
}
 

.message_item{
	background:#EDEDED;
	border:1px solid #444444;
	text-align:center;
	padding:5px 5px 5px 5px;
}

p.item {
    width:24%;
	float:left; 
	display:block;
	text-align:center;
	margin:5px 0px 10px 0px;
	height:110px;
	
}
.cal_button{ 
margin-top:-2px;
margin-left:5px;
}
p.item a{ 
  display:block;
  padding:10px 0px 10px 0px;
  border:2px solid #EFEFEF;
}
p.item a:hover{	
	border:2px inset #800000;
}
p.item a img:hover{
	text-decoration:none;
}
p.item a img{	
	text-decoration:none;
}

div.wrapper{ width:160px; }
.wrapper .Window H1{
font-size:11pt;
}
.wrapper .Window a{
display:block;
margin:4px 2px 4px 2px;
font-size:8pt;
}
.centerContentText div.divisionImage{
   float:left; margin-right:10px; border:1px solid #000000;
}

.centerContentText .dataTable{
   font-size:9px;
   border-collapse: collapse;
}
.centerContentText .dataTable th{
   font-weight:bold;
}
.loading{  position:absolute; top:45%; left:45%; background:#BFE4FF url(../jobs/img/ajax-loader.gif) no-repeat 50% 30%; border:1px solid #80C9FF; color:#000000; padding:40px 40px 10px 40px; font-weight:bold; text-align:center; font-size:12px;}

#mbox{ border:0}
#mbm{font-family:sans-serif;font-weight:bold;float:right;padding-bottom:5px;}
#ol{background-image: url(../jobs/j/overlay.png); }
.dialog {display:none}
* html #ol{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="j/overlay.png", sizingMethod="scale");}
                

.projectHead{
	font-weight:bold;
}