body {
	background: url(../images/BG.jpg) repeat-x #FFF;
	margin: 10px 0 0 0;
	font: 12px Arial, Helvetica, sans-serif;
	color:#636363;
}
img{
	border:0px;	
}
h2 {
  font: bold 18px Arial, Helvetica, sans-serif;
  color:#0058a6;
}
h3 {
  font: bold 14px Arial, Helvetica, sans-serif;
  font-style:italic;
  color:#0058a6;
}
#BGtop{
	width:800px; 
	height:18px;
}


/* HEADER */
#header{
	width:762px; 
	height:80px; 
	margin-left:19px;
}
	#headerLeft{
		float:left; 
		height:80px; 
		width:417px;
	}
	#headerRight{
		float:right; 
		height:80px; 
		width:212px; 
		text-align:right;
	}
		#search{
			width:212px; 
			height:24px;
		}
			#searchBox{
				float:left; 
				width:187px; 
				height:24px; 
				background-image:url(../images/searchBG.gif);
			}
		#searchBtn{
			float:left; 
			width:25px; 
			height:24px;
		}
	#onlineBanking{
		width:212px; 
		height:56px; 
		text-align:right;
	}
	

/* MENU */
#menu{
	width:762px; 
	height:39px; 
	background:url(../images/menuBG.gif); 
	margin-left:19px; 
	color:#fff; 
	font: 16px Calibri, monospace, Arial, serif;
}
	#menuLinks{
		width:742px; 
		height: 25px; 
		padding: 7px 0 0 10px; 
		text-align:center;
	}
	#menuLinks a:link{ font: bold  14px Arial, serif; color:#fff; text-decoration:none }
	#menuLinks a:active{ font: bold 14px Arial, serif; color:#fff; text-decoration:none }
	#menuLinks a:visited{ font: bold 14px Arial, serif; color:#fff; text-decoration:none }
	#menuLinks a:hover{ font: bold 14px Arial, serif; color:#f7c642; text-decoration:none }
	#menuLinks a:visited:hover{ font: bold 14px Arial, serif; color:#f7c642; text-decoration:none }
	
	
/* SLIDESHOW */
#slideshow{
	width:762px; 
	height:291px; 
	margin-top:13px; 
	margin-left:19px;
}
	#interiorSlideshow{
		width:778px; 
		height:170px; 
		margin-top:13px; 
		margin-left:11px;
	}


/* INDEX BOTTOM */
#indexBottom{
	width:762px; 
	margin-top:30px; 
	margin-left:19px;
}
	#indexBottom h2{
		color: #333333; 
		font: bold 24px "Calibri",monospace;
		margin:0 0 10px 0;
	}
	#indexBottom a:link{ font: bold 12px Arial, Helvetica, sans-serif; color:#0058a6; text-decoration:none }
	#indexBottom a:active{ font: bold 12px Arial, Helvetica, sans-serif; color:#0058a6; text-decoration:none }
	#indexBottom a:visited{ font: bold 12px Arial, Helvetica, sans-serif; color:#0058a6; text-decoration:none }
	#indexBottom a:hover{ font: bold 12px Arial, Helvetica, sans-serif; color:#000; text-decoration:none }
	#indexBottom a:visited:hover{ font: bold 12px Arial, Helvetica, sans-serif; color:#000; text-decoration:none }
	
	.indexBottomDivider{
		width:inherit; 
		height:1px; 
		background-color:#b4b4b4; 
		margin:15px 0 15px 0;
	}
	
	
/* INDEX BOTTOM - WHATS NEW */
#whatsNew{
	float:left; 
	width:240px; 
	min-height:310px;
}
	.whatsNewBody{
		display:inline-block;
		margin-top:9px;
	}
	
	
/* INDEX BOTTOM - COMMUNITY CORNER */
#communityCorner{
	float:left; 
	width:240px; 
	min-height:310px; 
	margin-left:21px;
}


/* INDEX BOTTOM - INTEREST RATES */
#interestRates{
	float:left; 
	width:240px; 
	min-height:310px; 
	margin-left:21px;
}
	.interestRateContainer{
		width:240px; 
		min-height:24px;
		display:inline-block;
	}
		.interestRateLeft{
			float:left; 
			width:160px;
		}
		.interestRateRight{
			float:left; 
			width:80px; 
			font: bold 24px Arial, Helvetica, sans-serif; 
			color:#0058a6; 
			text-align:right;
		}
		
		
/* INTERIOR */
#interiorBody{
	width:762px; 
	margin-top:30px; 
	margin-left:19px; 
	display:inline-block;
}
	#interiorLeft{
		float:left; 
		width:157px;
	}
		#leftNav{
			width:157px; 
			line-height:28px;
			margin: 0 0 10px 0;
		}
		
		#leftNav a:link{ font: bold 12px Arial, Helvetica, sans-serif; color:#0058a6; text-decoration:none }
		#leftNav a:active{ font: bold 12px Arial, Helvetica, sans-serif; color:#0058a6; text-decoration:none }
		#leftNav a:visited{ font: bold 12px Arial, Helvetica, sans-serif; color:#0058a6; text-decoration:none }
		#leftNav a:hover{ font: bold 12px Arial, Helvetica, sans-serif; color:#000; text-decoration:none }
		#leftNav a:visited:hover{ font: bold 12px Arial, Helvetica, sans-serif; color:#000; text-decoration:none }
		
		
	#interiorMain{
		float:right; 
		width:574px;
		line-height:22px;
	}
		#interiorMain h2{
			color: #333333; 
			font: bold 24px "Calibri",monospace;
			margin:0 0 10px 0;
		}
		
		#interiorMain h3{
			color: #333333; 
			font: bold 18px "Calibri",monospace;
			margin:0 0 5px 0;
		}

        #interiorMain p
        {
            margin:0px;
            padding:0px;
		}
		
		#interiorMain a:link{ font: bold 12px Arial, Helvetica, sans-serif; color:#0058a6; text-decoration:none }
		#interiorMain a:active{ font: bold 12px Arial, Helvetica, sans-serif; color:#0058a6; text-decoration:none }
		#interiorMain a:visited{ font: bold 12px Arial, Helvetica, sans-serif; color:#0058a6; text-decoration:none }
		#interiorMain a:hover{ font: bold 12px Arial, Helvetica, sans-serif; color:#000; text-decoration:underline }
		#interiorMain a:visited:hover{ font: bold 12px Arial, Helvetica, sans-serif; color:#000; text-decoration:underline }
		
/* FOOTER */
#footer{
	width:800px; 
	height:30px; 
	font: 11px Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
}
	#footerLeft{
		float:left; 
		width:501px; 
		margin: 19px 0 0 19px;
	}
		#footerLeft a:link{ font: 11px Arial, Helvetica, sans-serif; color:#636363; text-decoration:none }
		#footerLeft a:active{ font: 11px Arial, Helvetica, sans-serif; color:#636363; text-decoration:none }
		#footerLeft a:visited{ font: 11px Arial, Helvetica, sans-serif; color:#636363; text-decoration:none }
		#footerLeft a:hover{ font: 11px Arial, Helvetica, sans-serif; color:#0058a6; text-decoration:none }
		#footerLeft a:visited:hover{ font: 11px Arial, Helvetica, sans-serif; color:#0058a6; text-decoration:none }
		
	#footerRight{
		float:left; 
		width:261px; 
		text-align:right; 
		margin: 19px 0 0 0;
	}