body {
	background: url(images/bkg_stripe_red_v1.jpg) 0 112px repeat-x; 
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
}
	
#topBox {
	margin: 0;
	height: 80px;
	background: #fff url(custom/home/images/mei_logo_v1.gif) 0 0 no-repeat;
}
h1 {display:none;}
h2 em {
	font-style: normal;
}
.news {
	width: 150px;
	background-color: blue;
	float: right;
}
#radio_5, #radio_6 {
	border: none;
	width: auto;
}
.page {
	width: 760px;
	margin: 0 auto;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	background: #999 url(images/main_wrapper_bkg_v1.jpg) repeat-y scroll 0pt; 
	
}
.article .content {
	padding: 0 15px;
	margin: 0;
}
.article .content strong {
	color: #333;
	margin: 0 0 15px;
}
.article .content p{
	margin: 5px 0 15px;
}
.article .content ul li{
	list-style-type: disc;
	display: list-item;
	list-style-position: outside;
	margin: 0 0 0 45px;	
	color: #333;
	font-weight: bold;
}
.article .content ul{
	padding: 0;		
}

.mainArticle h2, .searchResults h2, .projects h2{
	border-color:#AA1224;
	border-style:solid;
	border-width:0pt 0pt 0pt 10px;
	font-size: 16px;
	color: #333;
	padding: 0 0 0 5px;
	margin: 15px;
}

.projects table td {
	border: 1px solid #999;
	padding: 5px;
}
.projects th{
	text-align: left;
}
.projects table {
	border-collapse: collapse;
}
.result {
	margin: 15px 12px;
}
.result p{
	margin: 0;
}

a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color:#333;
	text-decoration: none;

}
fieldset{
	border: none;
	margin: 0;
	padding: 0;
}
label{
	font-weight: bold;
	font-size: 12px;
	margin-top: 7px;
	width: 120px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 140px;
	margin: 5px;
	
}
 
.clearForm ul{
	float: right;
}
ol, ul, ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
display: inline;
}

/*------------------main nav container atributes-------------------------*/
div#nav {
  /*float: left;*/ 
  margin: 0;
  padding: 0;
  width: 760px;
  height: 28px;
  background-color: #fff;
  }
/*------------------main menu button atributes  -------------------------*/  
div#nav li.mainBtn {
  position: relative; 
  list-style: none;
  margin: 0 1px 0 0;
  float: left; 
  width: 94px;
  background: url(images/btn_v1.jpg) left top no-repeat;
  }   
div#nav li.mainBtn a {
  display: block; 
  width: 94px; 
  height: 18px;
  padding: 10px 0 0 0; 
  text-align: center;
  font: bold 10px/10px Verdana, Arial, sans-serif; 
  color: #fff; 
  text-decoration: none;
  text-transform: uppercase;
  }
div#nav li.home a,
div#nav li.services a,
div#nav li.contact a{
	padding: 11px 0 0 0;
	}  
div#nav li.mainBtn a:hover {
  color: #000;
  }  
/*------------------submenu atributes------------------------------------*/        
div#nav ul {
  margin: 0; 
  padding: 0;  
  }  
div#nav li {
  position: relative; 
  list-style: none; 
  margin: 0; 
  float: left; 
  width: 190px; 
  z-index: 100
  }   
div#nav li li.sub, div#nav li li.sub a {
  width: 190px;
  height: auto;
  text-align: left; 
  margin: 0; 
  padding: 5px 7px 5px 3px;
  display: block;
  }  
  

div#nav ul ul {
  position: absolute; 
  width: 200px;
  display: none;
  background: #b91328;
  } 
div#nav ul.level1 li.subMenu:hover ul.level2, 
div#nav ul.level2 li.sub:hover ul.level3 {
  display: block;
}
 
div#nav ul.level2 {
  top: 28px;
  left: 0;
  }
div#nav ul.level3 {
  top: 0; 
  left: 200px;
  }    
/*---------------------submenu bkd rollover atributes-----------------------*/


div#nav ul.level1 li ul.level2 li.sub:hover {
  background: #CCC;
  width: 190px;
  }   
  div#nav li li.sub a:hover{
  color: #000;
  } 
  
  .project {
  clear: both;
  }
  .project p{
  	padding: 40px 0 0 210px;
  }
 .project img {
 	float: left;
 	display: block;
 	padding: 10px 0;
 }
 .project h2{
 	display: none;
 }
 /*---------------------login form-----------------------*/
#login_form{
	margin: 0 0 0 475px;
	padding: 0 0 10px 0;
	padding-left: 65px; /*width of left column containing the label elements*/
	width: 212px;
	background:#D1D1D1 url(images/login_curve_v1.gif) no-repeat scroll left bottom;
}

#login_form label{
	font-weight: bold;
	color:#8A8A8A;
	font-size:10px;
	float: left;
	margin-left: -65px; /*width of left column*/
	margin-top: 7px;
	text-align: right;
	width: 60px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
#login_form input{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 155px;
	margin: 5px;
	font-size:11px;
	height:14px;
	margin:2px 0pt 0pt;
}
#login_form #login_submit {
	background:#D1D1D1 url(images/go_btn2.gif) no-repeat 0 0;
	display: block;
	height:21px;
	border: none;
	cursor: pointer;
   	cursor: hand;
	width: 27px;
	float: right;
	margin:-30px 15px 0pt 0pt;
}
#login_form p{
	margin: 0 0 0 -50px;
	padding: 0 20px 10px 0;
}
#login_form .error {
	color: #F00;	
}
#login_form .error p {
	margin: 0;	
	padding: 0;
}
#topBox ul{
	float: right;
	margin: -40px 15px 0 0;
}

#topBox a.logoutLink { 
	background: transparent;
	display: inline;
	padding: 0;
	margin: 0;
}
#topBox ul .continue{
	display: none;
}


#search_form label{
	display:none;
}
#search_form {
	background-color:#D1D1D1;
	margin:10px 0pt 10px 15px;
	padding: 0px;
	width: auto;
}
#searchBox{
	width:240px;
}
#search_form #search_submit {
	background:#D1D1D1 url(images/search_btn3.gif) no-repeat 0 0;
	height: 17px;
	width:60px; 
	border: none;
	margin:0px 0pt -1px;
	cursor: pointer;
   	cursor: hand;
}

#searchBox ul{
	float: right;
	margin: -30px 2px 0 0;
}
#search_form input{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 152px;
	margin: 5px;
	font-size:11px;
	height:13px;
	margin:1px;
}
 /*---------------------common divisions -----------------------*/
#fullwidth{
    margin: 0 0 0 0;
	float: left;
    background-color: #fff;
	border: 1px solid #999;
	border-width: 0;
	min-height:300px;
    background: #999 url(images/main_wrapper_bkg_v2.jpg) repeat-y scroll 0pt; 
    width:100%;
}
#fullwidth #services_header{
    margin: 0 0 0 8px;
}
#leftColumn {
	margin: 0 0 0 0;
	float: left;
	width: 492px;
	background-color: #fff;
	border: 1px solid #999;
	border-width: 0 0 0 8px;
	min-height:300px;
}
#rightColumn {
	float: left;
	width: 260px;
	background: url(images/right_column_bkg_v1.jpg) top left repeat-y;
	background-color: #999;
	}
#rightColumn .photoCaption h2{
	color:#333333;
	font-size:12px;
	font-weight:bold;
	line-height:13px;
	margin:10px 0pt 0pt;
	padding:5px 15px;
}

#rightColumn .photoCaption .content p{
	padding: 0 0 5px 0;
	margin: 0;
	color:#000;
	font-size:10px;
}
.photoCaption{
	background:transparent url(images/h3_bkg_v1.jpg) repeat-y scroll left top;
}
#rightColumn .content p strong{
	margin: 0;
	padding: 5px 0  0 0;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	}
#rightColumn .content p{
	padding: 0 0 0 5px;
	font-size: 12px;
	color: #fff;
	}
#rightColumn .content img{
	float: right;
}
#rightColumn .photoCaption .content img{
	float: none;
}
/*-----------------------------------Footer--------------------------------*/
.footer {
	width: 760px;
	height: 50px;
	background: #fff url(images/bottom_curve_v3.jpg) top left no-repeat;
}
.footer p{
	color:#333333;
	font-size:9px;
	margin:0pt;
	padding:25px 0pt 0pt;
	text-align:center;
	
}
.footerfull {
	width: 760px;
	height: 50px;
	background: #fff url(images/bottom_curve_full_v3.jpg) top left no-repeat;
}
.footerfull p{
	color:#333333;
	font-size:9px;
	margin:0pt;
	padding:25px 0pt 0pt;
	text-align:center;
	
}
.behind {
	
	clear:both;
}
.clear{
	display: block;
	clear: both;
	visibility: hidden;
}
.adminOptionsClear{
	display: block;
	clear: both;
	visibility: hidden;
	padding:0;margin:0;
	height:0;
}
.clearFixTopRule {
	border-color:#000000;
	border-style:solid;
	border-width:5px 0pt 0pt;
	clear:both;
	margin:0pt;
}
/*-----------------------------------user form--------------------------------*/
.forms p{
	padding:0pt 15px;
}

.userForm{
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 100px; /*width of left column containing the label elements*/
	width: 300px;
	border: none;
}
.userForm label{
	font-weight: bold;
	float: left;
	margin-left: -100px; /*width of left column*/
	margin-top: 7px;
	text-align: right;
	width: 95px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	color: #000;
}
.userForm label.radioLabel{
	font-weight: normal;
	float: none;
	margin: 3px;
	text-align: left;
	width: auto;	
}
.userForm input, .userForm textarea{
	width: 150px;
	margin: 2px;
	border: 1px solid #333;
}
.userForm fieldset{
	border: none;
}
.userForm [type=submit]{
	width: 60px;
}

#projects_header{
	width: 492px;
	height: 72px;
	background: #fff url(images/projectsheader.jpg) top left no-repeat;
}
#services_header{
	width: 492px;
	height: 72px;
	background: #fff url(images/servicesheader.jpg) top left no-repeat;
}
#about_header{
	width: 492px;
	height: 72px;
	background: #fff url(images/aboutheader.jpg) top left no-repeat;
}
#divisions_header{
	width: 492px;
	height: 72px;
	background: #fff url(images/divisionsheader.jpg) top left no-repeat;
}
#safety_header{
	width: 492px;
	height: 72px;
	background: #fff url(images/safetyheader.jpg) top left no-repeat;
}
#training_header{
	width: 492px;
	height: 72px;
	background: #fff url(images/trainingheader.jpg) top left no-repeat;
}
#contact_header{
	width: 492px;
	height: 72px;
	background: #fff url(images/contactheader.jpg) top left no-repeat;
}
#datacom_header{
	width: 492px;
	height: 72px;
	background: #fff url(images/datacomheader.jpg) top left no-repeat;
}
#eca_header{
	width: 492px;
	height: 72px;
	background: #fff url(images/eca.jpg) top left no-repeat;
}
#history_header{
	width: 744px;
	height: 72px;
	background: #fff url(images/historyheader.jpg) top left no-repeat;
    margin: 0 0 0 8px;
}
.history #searchBox{
    float: right;
    padding: 3px 15px;
}


#ocp_header{
	width: 492px;
	height: 72px;
	background: #fff url(images/ocpheader.jpg) top left no-repeat;
}
.content a.readmoreLink{
	margin: 0;
}