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

html, body {
	background-color: #4D9999;
		font: 100% Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin:0 auto;  /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	position: relative;
}

#container{
	text-align:left; /* reset text alignment */ 
	margin:0 auto; /* for the rest */ 
	width:1296px; /* or a percentage, or whatever */ 
	height:auto;
	position: relative;
	overflow:hidden;
}

#leftmargin{
	width:153px;
	height:auto;

	background-repeat:no-repeat;
	float:left;
	margin-bottom:0px;
	background-position:bottom;
}

#rightmargin{
	width:153px;
	height:658px;
	background-image: url(images/rightMargin.jpg);
	background-repeat:no-repeat;
	float:right;
	background-position:bottom;
}

#header{
	width:990px;
	height:207px;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	float: left;
	margin-left: 0em;
	background-color: #FFFFFF;
	}
	
.logo{
	width:268px;
	height:auto;
	margin-top: 40px;
	margin-left: 30px;
	margin-bottom: 0em;
	float: left;
}

.strap1, .strap2{
	width:602px;
	height:70px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0em;
	float: right;
	margin-left: 0em;
}

.strap2{
	width:116px;
	height:137px;
}

.logos{
	width:300px;
	height:137px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0em;
	float: right;
	margin-left: 0em;
}

#mainContent{
	width:720px;
	height:auto;
	margin-top: 0em;
	margin-left:3em;
	margin-right: auto;
	margin-bottom: 0em;
	float: left;
	margin-left: auto;
	}
	
#main{
	width:990px;
	height:auto;
	float:left;	
	background-color: #FFFFFF;
	margin-bottom: 0em;
}
	
						#navcontainer
						{
						width: 22%;
						margin: 0 auto;
						padding: 1em 1em;
						font-family: verdana;
						font-size: 13px;
						text-align: left;
						float:left;
						}
						
						ul#navlist
						{
						text-align: left;
						border-top-width:2px;
						list-style: none;
						padding: 0;
						margin: 0 auto;
						width: 80%;
						}
						
						ul#navlist li
						{
						display: block;
						width: 100%;
						margin: 0;
						padding: 0;
						border-bottom-width:1px;
						border-bottom-style:  dotted;
						border-bottom-color:#4d9999;
						}
						
						ul#navlist li a
						{
						display: block;
						padding: 0.5em 0 0.5em 1.5em;
						color: #4d9999;
						text-decoration: none;
						border-bottom-width:1px;
						border-bottom-style:  dotted;
					
						
						}
			
						ul#navlist li a:hover
						{
						color: #333;
						background: transparent;
						border-bottom-width:1px;
						border-bottom-style:dotted;
						padding: 0.5em 0 0.5em 1.5em;
						border-bottom-color:#3c7777;
						text-decoration: none;					
}
	
	

#footer{
	width:990px;
	background-image: url(images/footerImg.jpg);
	height:216px;
	margin-left: 0em;
	margin-right: 0em;
	margin-top: 0em;
	float: left;
	overflow:hidden;}


						.footerNav, .footerNav1, .footerNav2{
							width:800px;
							margin-left: 5.8em;
							margin-right: 0em;
							margin-top: 11.5em;
							float: left;
							overflow:hidden;
							font-family: verdana;
							font-size: 11px;
							color: #4d9999;
							font-weight: bold;
							}	
							
						.footerNav1{
						margin-top: 1.5em;
						margin-left: 3.8em;
						color:#333333;
						}
						
						.footerNav2{
						margin-top: 1.7em;
						margin-left: 2.7em;
						color:#333333;
						font-weight: normal;
						font-size: 10px;
						}
						
						.footerNav a, .footerNav2 a{
						font-family: verdana;
						font-size: 11px;
						color: #4d9999;
						font-weight: bold;
						text-decoration: none;
						}
						
						.footerNav a:hover, .footerNav2 a:hover{
						font-family: verdana;
						font-size: 11px;
						color: #333333;
						font-weight: bold;
						text-decoration: none;
						}
						
						.footerNav2 a{
						font-size: 10px;
						color: #333;
						font-weight: bold;
						}		
						
						.footerNav2 a:hover{
						font-size: 10px;
						color: #4D9999;
						}		

#mainContent p, #mainContent h2{
	margin-top:0em;
	font-family: verdana;
	margin-bottom:1em;
	font-size: 11px;
	font-weight: normal;
	line-height:14px;
	color: #000000;
	text-decoration: none;
}

#mainContent h2{
	line-height:9px;
	font-size: 11px;
}

#mainContent h1 {
	font-family: verdana;
	font-size: 14px;
	font-weight: bold;
	line-height:13px;
	color: #4d9999;
	text-decoration: none;
}

h3{
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	line-height:13px;
	color: #4d9999;
	text-decoration: none;}

.leftText {
	width:260px;
	float:left;
	}
	
.bridgeImgHolder{
	width:447px;
	float:right;
	}
	
.bullet{
 color:#4d9999;
 font-size:11px;
}

.bluefont {
font-family: verdana;
color:#4d9999;
font-size:11px;
}

						.dottedLine{
						border-bottom-width:1px;
						border-bottom-style:dotted;
						border-bottom-color:#4d9999;
						}
						
						.dottedLineTop{
						border-top-width:1px;
						border-top-style:dotted;
						border-top-color:#4d9999;
						margin-top:0px;
						}

						.contactLinks{
						display:inline;
						font-size: 11px;
						color: #4D9999;
						font-weight: bold;
						text-decoration:none;
						}
						
						.contactLinks a{
						font-size: 11px;
						color: #4d9999;
						font-weight: bold;
						text-decoration:none;
						}		
						
						.contactLinks a:hover{
						font-size: 11px;
						text-decoration: none;
						color:#000;
						}
						
								.sitemapLinks{
								margin-left:2em;
								display:block;
								margin-top:1em;
								font-size: 11px;
								color: #000;
								font-weight: bold;
								padding-top:2px;
								text-decoration:none;
								}
								
								.sitemapLinks a{
								font-size: 11px;
								margin-top:1em;
								display:block;
								color: #000;
								text-decoration:none;
								font-weight: bold;
								}		
								
								.sitemapLinks a:hover{
								display:block;
								margin-top:1em;
								font-size: 11px;
								color: #4d9999;
								font-weight: bold;
								text-decoration:none;
								}