/* CSS Document */
body{
color: black;
background-color: white;
margin: 10px;
line-height: 16px;

}
h1{
	font-size: 13px;
	text-transform: uppercase;
}
h2{
	font-size: 13px;
}
p{
	line-height: 17px;
}
img{
	border: 0px;
	margin: 0px;
}
#mainPageContainer{
width: 960px;
left: 50%;
margin-left: -480px;
position:absolute;
}
#globalHome{
width: 950px;
height: 570px;
left: 50%;
top: 50%;
margin-top: -285px;
margin-left: -470px;
position:absolute;
}
#mainPageBack{
width: 940px;
float: left;
background-image: url(../images/pageback.png);
background-repeat: repeat-y;
background-position: left;
padding: 0px 0px 0px 20px;
}
#PageHeader{
float: left;
width: 960px;
height: 120px;
text-align: rigth;
padding:0px 0px 0px 0px;


}
.contactInfo{
line-height: 25px;
font-size: 14px;
margin: 20px 0px 0px 0px;
text-align: right;
color: #121b52;


}
#PageMenu{
	float: left;
	width: 960px;
	height: 30px;
	padding: 0px 0px 0px 0px;
	background-color: #6d6e6f;
	}
#MainContent{
float: left;
width: 960px;
margin: 0px 0px 0px 0px;
background-color: white;
background-image: url(../images/pageBack.gif);
background-repeat: repeat-y;
}

#MainContentLeft{
float: left;
width: 140px;
margin: 10px 0 0 20px;
height: 425px;
text-align: left;
/*margin-left: 8px;*/
}
#MainContentRight{
	float: left;
	width: 777px;
	margin: 10px 0px 0px 10px;
	text-align: justify;
	}
#MainContentFooter{
	float: left;
width: 960px;
padding: 5px 0px 0px 0px;
height:25px; 
background-color: #1a2774;	
color: white;
font-size: 11px;


}
#sitecontentleft{
	float: left;
	width: 388px;
	padding: 0 0 0 0;
	margin: 0 25px 0 0; 
}	
#sitecontentleft2{
	float: left;
	width: 288px;
	padding: 0 0 0 0;
	margin: 0 25px 0 0; 
	color: #58585a;
}
#sitecontentleft2 h1{
font-size: 18px;
line-height: 22px;
margin: 0px 0px 24px 0px;
}
#sitecontentleft2 p{
font-size: 14px;
line-height: 18px;
text-align: left;
}
#sitecontentright{
	float: left;
	width: 130px;
	margin: 0 0 0 0px;
}
#Key-locations-Footer{
	float: left;
	width: 960px;
	padding: 15px 0px 10px 0px;
	color: white;
	background-color: #1a2774;
}
#EITfooter{
float: left;
width: 960px;
text-align: center;
color: #cccccc;
padding: 10px 0px 0px 0px;
/*background-color: #bd9fc6;*/
}
#EITfooter a:link{
text-decoration: none;
color: #cccccc;
	
}
#EITfooter a:active{
text-decoration: none;
color: #cccccc;
	
}
#EITfooter  a:visited{
text-decoration: none;
color: #cccccc;
	
}
#EITfooter a:hover{
text-decoration: underline;
color: #241200;

}
#searchLeft{
width: 300px;
float: left;
margin: 0px 25px 0px 0px;	
}
#searchRight{
	width: 575px;
	float: left;
	margin: 12px 0px 0px 0px;	

}
.epcTab{
	border: 1px solid black;
}
.epcHead{
	border-bottom: 1px solid black;
	background-color: #0073BB;
}
.epcGraph{
	border-bottom: 1px solid black;
}
.epcCurrent{
	border-left: 1px solid black;
	border-bottom: 1px solid black;
}
.epcPotential{
	border-left: 1px solid black;
	border-bottom: 1px solid black;
}
.epcFooter{
}
#map{
	float: right;
	width: 400px; 
	height: 400px;
	margin: 0px 0px 10px 0px;
}
#ContactCon{
	float: left;
	width: 350px;
}


.menu {
overflow: hidden; /* no idea why this works, but it fixes a FF problem */
float: left;
width: 960px;	
text-align: left;
margin: 0px 0px 0px 0px;
/*text-transform: uppercase;*/
}

.menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: left;
}

.menu ul li {
	display: inline;
	float: left;
	width: 160px;
		margin:0px;
	padding: 0px;
	
}

.menu ul li a {
float: left;
	margin:0px;
	padding: 0px;
	text-decoration:none;
	font-size: 14px;
	font-weight: bold;	
	line-height: 30px;	
	text-align: center;
	color: white;
	width: 160px;
background-color: #1a2774;

	 
}
.menu ul li a.m1{
float: left;
	margin:0px;
	padding: 0px;
	text-decoration:none;
	font-size: 14px;
	font-weight: normal;
	line-height: 30px;	
	text-align: center;
	color: white;
	width: 160px;
background-color:  #1a2774;
}
.menu ul li a.m2{
float: left;
	margin:0px;
	padding: 0px;
	text-decoration:none;
	font-size: 14px;
	font-weight: normal;	
	line-height: 30px;	
	text-align: center;
	color: white;
	width: 160px;
background-color: #153e84
}
.menu ul li a.m3{
float: left;
	margin:0px;
	padding: 0px;
	text-decoration:none;
	font-size: 14px;
	font-weight: normal;
	line-height: 30px;	
	text-align: center;
	color: white;
	width: 160px;
background-color: #115192;
}
.menu ul li a.m4{
float: left;
	margin:0px;
	padding: 0px;
	text-decoration:none;
	font-size: 14px;
	font-weight: normal;
	line-height: 30px;	
	text-align: center;
	color: white;
	width: 160px;
background-color: #0c63a0;
}
.menu ul li a.m5{
float: left;
	margin:0px;
	padding: 0px;
	text-decoration:none;
	font-size: 14px;
	font-weight: normal;
	line-height: 30px;	
	text-align: center;
	color: white;
	width: 160px;
background-color: #067cb3;
}
.menu ul li a.m6{
float: left;
	margin:0px;
	padding: 0px;
	text-decoration:none;
	font-size: 14px;
	font-weight: normal;
	line-height: 30px;	
	text-align: center;
	color: white;
	width: 160px;
background-color: #0486bb;
}
.menu ul li a:hover {

background-color: #121b52;
}
#rgtImg{
	float: right;
	margin: 0px 0px 0px 10px;
}
.rgtImg{
	float: right;
	margin: 0px 0px 0px 10px;
}

.newsScrollTxt{
	color: white;
	font-size: 16px;
	
}
#lftImg{
	float: left;
}
.lftImg{
	float: left;
}

.Furni{
	float: right;
	margin: 0px 0px 0px 10px;
}
#menu-top {
overflow: hidden; /* no idea why this works, but it fixes a FF problem */
float: left;
width: 100%;	
text-align: left;
margin: 0px 0px 10px 0px;
}

#menu-top ul {
	margin: 0 20px -1px 5px;
	padding: 13px 0 0 0;
	list-style: none;
	text-align: left;
}

#menu-top li {
	display: inline;
	float: left;
	margin: 0px 2px 0px 0px;
}

#menu-top a  {
float: left;
	background: url(../images/menuBackLeft.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 8px;
	text-decoration:none;
	font-size: 13px;
	font-weight: normal;
	line-height: 16px;
	text-align: left;
	background-color: #045523;
		 
}

#menu-top a span {
	background: transparent url(../images/menuBackRight.gif) no-repeat right top;
	padding:2px 12px 4px 4px;
	display: block;
	float: left;
	cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
	font-weight: normal;

}
#menu-top a.menuActive {
float: left;
	background: url(../images/menuBackLeft.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 8px;
	text-decoration: none;
	font-weight: normal;
	font-size: 13px;
	line-height: 14px;
	text-align: right;
	 
}

#menu-top a.menuActive span {
	background: transparent url(../images/menuBackRight.gif) no-repeat right top;
	padding:2px 12px 4px 4px;
	display: block;
	float: left;
	cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
	font-weight: normal;


}

 #menu-top a.menuActive { background-position:0% -22px; 	color: #045523; text-decoration: underline; }
 #menu-top a.menuActive span {	background-position:100% -22px; color: #045523; }
 
 #menu-top a:hover { background-position:0% -22px; 	color: #045523; text-decoration: underline; }
 #menu-top a:hover span {	background-position:100% -22px; color: #045523;}
 
  .resNav{
	float: left;
	width: 790px;
	
}
.request-val{
margin: 25px 0px 0px 0px;
}