/* CSS Document */

body {
	position: relative;
	padding: 0;
	margin: 0;
	background: #1B3962 url(../images/bg_gradientblue.jpg) repeat-x left top;
	text-align: center;
	font-family: 'Lucida Grand', sans-serif;
	font-size: 76%;
	font-style: normal;
	line-height: 1.4em;
	font-weight: normal;
}

a { 
	color: #02618A;
	text-decoration: none; 
	}
	
a:hover { text-decoration: underline;}

a.dotted { 
	color: #02618A;
	border-bottom: 1px dotted #02618A; 
	}

a:hover.dotted { 
	color: #02618A;
	border-bottom: 1px solid #02618A;
	text-decoration: none; 
	}
	
a.external { 
	color: #02618A;
	border-bottom: 1px dotted #02618A;
	padding-right: 12px;
	background: url(../images/icn_external.gif) no-repeat top right;
	margin-right: 5px; 
	}

a:hover.external { 
	color: #02618A;
	border-bottom: 1px solid #02618A;
	text-decoration: none;
	}

a img { border: 0; }

p {
	margin: 0 0 20px 0;
	padding: 0;
}

p.small {
	font-size: 85%;
	color: #666;
}

h1 { font-size: 180%; }
h2 { font-size: 140%; }
h3 { font-size: 160%; }
h4 { font-size: 100%; }
h5 { font-size: 100%; }

h1 a{
	position: absolute;
	top: 25px;
	left: 20px;
	width: 254px;
	height: 66px;
	background: url(../images/logo.gif) no-repeat 0 0;
	overflow: hidden;
	text-indent: -2000em;
	padding: 0;
	margin: 0;
}

h2 {
	color: #A50202;
	font-weight: normal;
	padding-bottom: 0;
	margin-bottom: 5px;
	font-family: Georgia, serif;
}

h2.tagline {
	position: absolute;
	top: 52px;
	right: 16px;
	width: 220px;
	height: 30px;
	background: url(../images/tagline.gif) no-repeat 0 0;
	overflow: hidden;
	text-indent: -2000em;
	margin: 0;
	padding: 0;
}

h2.blue {
	color: #055485;
	font-weight: normal;
	font-size: 200%;
}

h2.long-text {
  font-size: 170%;
}


h3 {
	color: #3389AE;
	padding-top: 10px;
	border-top: 3px solid #A81836;
	font-weight: normal;
	margin: 0;
}

h3.blue {
	color: #3389AE;
	padding-top: 10px;
	border-top: 3px solid #fff;
	font-weight: normal;
	margin: 0 0 10px 0;
}

h4 {
	color: #3C3932;
	margin: 0;
	padding: 8px 0 4px 10px;
	background: #C3BE91;
	font-weight: normal;
}

h5 {
	color: #000;
	margin: 0;
	padding: 0;
}


/* ---- CONTAINERS ---- */

#divide{
width:460px;
float:left;
display:inline;
}

#container {
	position: relative;
	width: 844px;
	padding: 0 0 8px 0;
	margin: 0 auto;
	background-color: #fff;
	text-align: left;
}

#header {
	position: relative;
	margin: 0;
	padding: 0;
	height: 137px;
	background: url(../images/bg_menu.gif) no-repeat 712px 104px;
}

#banner {
	width: 824px;
	padding: 0 10px;
	margin: 0;
	position: relative;
}

#content {
	width: 824px;
	padding: 0 10px;
	margin: 8px 0 0 0;
	position: relative;
}

div.column {
	width: 230px;
	float: left;
	padding: 0;
	margin: 5px 0 25px 0;
}

div.column div {
	padding: 0 20px 0 15px;
	background: url(../images/divider_double.gif) repeat-y top right;
}

div.column div.nobg {
	padding: 0 20px 0 15px;
	background: none;
}

#beigecolumn {
	float: right;
	width: 354px;
	margin: 0;
	padding: 0;
	background: #F7F6EE url(../images/bg_beigegradient.jpg) repeat-x 0 0;
	min-height: 270px;
}

#beigecolumn div {
	padding: 10px 20px;
}

#opt{
	background:#c3be91;
	}
	
#footer {
	background: #F1F1E8 url(../images/bg_footer.jpg) repeat-x 0 0;
	height: 59px;
	clear: both;
	margin: 20px 0 0 0;
	border-top: 4px solid #3D8EC2;
	position: relative;
}

#footer p {
	color: #A5A497;
	font-size: 90%;
	padding: 15px 30px;
}

#footer a {
	color: #02618A;
	font-weight: normal; 
}

/* ---- NAVIGATION ---- */

#topNav {
	position: absolute;
	top: 6px;
	right: 7px;
	margin: 0;
	list-style-type: none;
}
	
	#topNav a {
		padding: 0 0 0 10px;
		margin: 0;
		background: url(../images/icn_arrow_red.gif) no-repeat 0 50%;
		color: #224656;
		font-size: 80%;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
	}
	
	#topNav a:hover { border-bottom: 1px dotted #BCBBBB  }
	
	#topNav li {
		height: 10px;
		padding: 0 12px 0 3px;
		margin: 0;
		float: left;
	}
	
#mainNav {
	position: absolute;
	left: 10px;
	top: 104px;
	padding: 0;
	margin: 0;
	list-style-type: none;
	overflow: hidden;
	background-color: #fff; 
}
	
	#mainNav li {
		position: relative;
		height: 26px;
		padding: 0;
		margin: 0 2px 0 0;
		float: left;
		text-indent: -2000em;
		overflow: hidden;
	}
	
	
	#mainNav a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	
	#homepage { width: 116px; }  
 		#homepage a { background: url(../images/menu.gif) no-repeat 0 0; }
		#homepage a:hover { background-position: 0 -27px; } 
		#homepage a.selected { background-position: 0 -27px; }
	
	#personal { width: 116px; }  
 		#personal a { background: url(../images/menu.gif) no-repeat -118px 0; }
		#personal a:hover { background-position: -118px -27px; } 
		#personal a.selected { background-position: -118px -27px; } 
	
	#business { width: 115px; }   
		#business a { background: url(../images/menu.gif) no-repeat -239px 0; }  
		#business a:hover { background-position: -239px -27px; }
		#business a.selected { background-position: -239px -27px; }
	
	#mortgage { width: 116px; }   
		#mortgage a { background: url(../images/menu.gif) no-repeat -357px 0; }
		#mortgage a:hover { background-position: -357px -27px; }
		#mortgage a.selected { background-position: -357px -27px; }  
	
	#financial { width: 223px; }   
		#financial a { background: url(../images/menu.gif) no-repeat -476px 0; }
		#financial a:hover { background-position: -476px -27px; }
		#financial a.selected { background-position: -476px -27px; }    
	
	#aboutwmcb { width: 126px; }   
		#aboutwmcb a { background: url(../images/menu.gif) no-repeat -702px 0; }
		#aboutwmcb a:hover { background-position: -702px -27px; }
		#aboutwmcb a.selected { background-position: -702px -27px; }
	


/* ---- LIST ---- */

#content ul, #mainContentint ul {
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
}

#content ul li, #mainContentint ul li{
	line-height: 1.6em;
	margin: 0;
	padding-left: 12px;
	list-style: none;
	text-align: left;
	background: url(../images/icn_doublearrows.gif) no-repeat 0 5px;
}

#mainContentint ul {
	margin: 0 0 20px 0;
	border-left: 4px solid #3D8EC2;
	padding-left: 15px;
}

#mainContentint ul.pdf li{
	line-height: 1.9em;
	margin: 0;
	padding-left: 18px;
	background: url(../images/icn_pdf.gif) no-repeat 0 3px;
	list-style: none;
}

#mainContentint ul.pdf {
	margin: 0 0 20px 0;
	border-left: 4px solid #3D8EC2;
	padding-left: 15px;
}

#mainContentint ul.contactlist {
	margin: 0 0 15px 0;
	border-left: none;
	padding: 0;
}

#beigecolumn p {
	color: #333333;
}

#beigecolumn a {
	color: #A50202;
	font-weight: bold;
	font-size: 90%;
}

.right {
	float: right;
	margin: 0 10px 10px 0;
}

.left {
	float: left;
	margin: 0 10px 10px 0;
}

#footer .ehl {
	position: absolute;
	top: 7px;
	right: 45px;
}

#footer .fdic {
	position: absolute;
	top: 4px;
	right: 4px;
}

#note {
font-size:11px;
line-height:120%;
}

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-9979083-3");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>