/* CSS Document */

* html a:hover {visibility:visible}

.billpay {position: relative; font-family: sans-serif; background-image:  url(images/menu/bill_pay_over.jpg); background-repeat: no-repeat; white-space: nowrap; display: block; width: 70px; height: 23px; margin: 0; padding: 0;}
.billpay a { display: block; color: #000000; font-size: 11px; width: 70px; height: 23px; display: block; float: right; color: black; text-decoration: none;}
.billpay img {width: 70px; height: 23px; border: 0; }
.billpay a:hover img{visibility:hidden}

.career {position: relative; font-family: sans-serif; background-image:  url(images/menu/career_center2_over.jpg); background-repeat: no-repeat; white-space: nowrap; display: block; width: 109px; height: 23px; margin: 0; padding: 0;}
.career a { display: block; color: #000000; font-size: 11px; width: 109px; height: 23px; display: block; float: right; color: black; text-decoration: none;}
.career img {width: 109px; height: 23px; border: 0; }
.career a:hover img{visibility:hidden}

.groups2 {position: relative; font-family: sans-serif; background-image:  url(images/menu/bus_services_over.jpg); background-repeat: no-repeat; white-space: nowrap; display: block; width: 133px; height: 23px; margin: 0; padding: 0;}
.groups2 a { display: block; color: #000000; font-size: 11px; width: 133px; height: 23px; display: block; float: right; color: black; text-decoration: none;}
.groups2 img {width: 133px; height: 23px; border: 0; }
.groups2 a:hover img{visibility:hidden}

.join {position: relative; font-family: sans-serif; background-image:  url(images/menu/join_us_over.jpg); background-repeat: no-repeat; white-space: nowrap; display: block; width: 71px; height: 23px; margin: 0; padding: 0;}
.join a { display: block; color: #000000; font-size: 11px; width: 71px; height: 23px; display: block; float: right; color: black; text-decoration: none;}
.join img {width: 71px; height: 23px; border: 0; }
.join a:hover img{visibility:hidden}

.savings {position: relative; font-family: sans-serif; background-image:  url(images/menu/savings_checking2_over.jpg); background-repeat: no-repeat; white-space: nowrap; display: block; width: 183px; height: 39px; margin: 0; padding: 0;}
.savings a { display: block; color: #000000; font-size: 11px; width: 183px; height: 39px; display: block; float: right; color: black; text-decoration: none;}
.savings img {width: 183px; height: 39px; border: 0; }
.savings a:hover img{visibility:hidden}

.links {position: relative; font-family: sans-serif; background-image:  url(images/menu/helpful_links_over.jpg); background-repeat: no-repeat; white-space: nowrap; display: block; width: 182px; height: 39px; margin: 0; padding: 0;}
.links a { display: block; color: #000000; font-size: 11px; width: 182px; height: 39px; display: block; float: right; color: black; text-decoration: none;}
.links img {width: 182px; height: 39px; border: 0; }
.links a:hover img{visibility:hidden}

.news {position: relative; font-family: sans-serif; background-image:  url(images/menu/news_events_over.jpg); background-repeat: no-repeat; white-space: nowrap; display: block; width: 183px; height: 39px; margin: 0; padding: 0;}
.news a { display: block; color: #000000; font-size: 11px; width: 183px; height: 39px; display: block; float: right; color: black; text-decoration: none;}
.news img {width: 183px; height: 39px; border: 0; }
.news a:hover img{visibility:hidden}

.rates {position: relative; font-family: sans-serif; background-image:  url(images/menu/rates_over.jpg); background-repeat: no-repeat; white-space: nowrap; display: block; width: 212px; height: 39px; margin: 0; padding: 0;}
.rates a { display: block; color: #000000; font-size: 11px; width: 212px; height: 39px; display: block; float: right; color: black; text-decoration: none;}
.rates img {width: 212px; height: 39px; border: 0; }
.rates a:hover img{visibility:hidden}

html, body {
	padding: 0 0 0 0;
	margin: 0;
	background-image: url(images/bg.jpg)}
	
body { font: normal 10px "Arial", "Helvetica", "Verdana", sans-serif; color: #333333;}
	
a { color: #831e3b; text-decoration: underline;}
a:hover { color: #666666; text-decoration: underline;}
a:active { color: #000000; text-decoration: underline;}

.ratestext { font: normal 10px "Arial", "Helvetica", "Verdana", sans-serif;	color: #333333;	font-weight:bold; line-height: 12px;}
	
.ratestext a { font-weight: bold; color: #831e3b; text-decoration: underline;}
.ratestext a:hover { font-weight: bold; color: #666666; text-decoration: underline;}
.ratestext a:active { font-weight: bold; color: #000000; text-decoration: underline;}

.bannertext { font: normal 10px "Arial", "Helvetica", "Verdana", sans-serif; color: #333333; line-height: 14px; }
.bannertext a { color: #831e3b; text-decoration: underline;}
.bannertext a:hover { color: #666666; text-decoration: underline;}
.bannertext a:active { color: #000000; text-decoration: underline;}

.sidemenutext { font: normal 10px "Arial", "Helvetica", "Verdana", sans-serif; color: #333333; line-height: 17px; letter-spacing: 1px;}
.sidemenutext a { color: #831e3b; text-decoration: underline;}
.sidemenutext a:hover { color: #666666; text-decoration: underline;}
.sidemenutext a:active { color: #000000; text-decoration: underline;}

.menutext { font: normal 10px "Arial", "Helvetica", "Verdana", sans-serif; color: #333333; line-height: 14px;}
.menutext a { color: #333333; text-decoration: none;}
.menutext a:hover { color: #831e3b; text-decoration: none;}
.menutext a:active { color: #000000; text-decoration: none;}

.nametitle { font: normal 12px "Arial", "Helvetica", "Verdana", sans-serif; color: #831e3b; line-height: 17px; letter-spacing: 1px;}
.nametitle strong { font: normal 15px "Arial", "Helvetica", "Verdana", sans-serif; font-weight: bold; color: #333333; line-height: 17px; letter-spacing: 1px;}

.boardtitle { font: normal 12px "Arial", "Helvetica", "Verdana", sans-serif; color: #831e3b; line-height: 17px; letter-spacing: 1px;}
.boardtitle strong { font: normal 12px "Arial", "Helvetica", "Verdana", sans-serif; font-weight: bold; color: #333333; line-height: 17px; letter-spacing: 1px;}

.datetext { font: normal 13px "Arial", "Helvetica", "Verdana", sans-serif; color: #ffffff;}

.maincontent { font: normal 11px "Arial", "Helvetica", "Verdana", sans-serif; color: #333333; line-height: 17px;}
.maincontent strong { font-weight: bold; color: #333333;}
.maincontent a { color: #831e3b; text-decoration: underline;}
.maincontent a:hover { color: #666666; text-decoration: underline;}
.maincontent a:active { color: #000000; text-decoration: underline;}

.contactsmredtext { font: normal 10px "Arial", "Helvetica", "Verdana", sans-serif; color: #333333; line-height: 17px; font-weight: bold; color: #831e3b;}

.contactsmtext { font: normal 10px "Arial", "Helvetica", "Verdana", sans-serif; color: #333333; line-height: 17px;}
.contactsmtext a { color: #831e3b; text-decoration: underline;}
.contactsmtext a:hover { color: #666666; text-decoration: underline;}
.contactsmtext a:active { color: #000000; text-decoration: underline;}

.subheadings { font: normal 13px "Arial", "Helvetica", "Verdana", sans-serif; font-weight: bold; color: #333333; line-height: 17px;}
	
.footer { font: normal 10px "Arial", "Helvetica", "Verdana", sans-serif; color: #333333; line-height: 14px;}
.footer a { color: #831e3b; text-decoration: underline;}
.footer a:hover { color: #666666; text-decoration: underline;}
.footer a:active { color: #000000; text-decoration: underline;}
.footer strong { font: normal 12px "Arial", "Helvetica", "Verdana", sans-serif; font-weight: bold;	color: #333333;}

.ratecat {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #999999;
	line-height: 14px;
	padding: 4px;
}

.ratecat a:link {  color: #ffffff; text-decoration: underline}
.ratecat a:visited {  color: #ffffff; text-decoration: underline}
.ratecat a:hover {  color: #ffffff; text-decoration: underline}
.ratecat a:active {  color: #ffffff; text-decoration: underline}

.gridhead {
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	line-height: 11px;
	padding: 4px;
}

.gridrow {
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 4px;
}

.smtext {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	letter-spacing: 1px;
	line-height: 14px;
	padding: 4px;
}
	
/* Padding */

.outsidepadding {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;}

.rightsidepadding {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;}
	
.insiderightsidepadding {
	padding-top: 0px;
	padding-right: 18px;
	padding-bottom: 0px;
	padding-left: 0px;}
	
.insidebodysidepadding {
	padding-top: 27px;
	padding-right: 18px;
	padding-bottom: 10px;
	padding-left: 0px;}
	
.titlepadding {
	padding-top: 5px;
	padding-right: 9px;
	padding-bottom: 5px;
	padding-left: 9px;}
	
.leftsidepadding {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;}
	
.ratesborderleft {
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 8px;}
	
.sidebannerpadding {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;}
	
.sidemenupadding {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;}

.ratesborder {
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #cdcdd7;
	padding-top: 4px;
	padding-right: 3px;
	padding-bottom: 4px;
	padding-left: 4px;}
	
.rates-home-equity-width {
	width:175px !important}

/* Headings H1-H6 */
h1 { }

	.maincontent h1 { /* Blog entry titles */
		font: normal 13px "Arial", "Helvetica", "Verdana", sans-serif;
		color: #ffffff;
		letter-spacing: 1px;
		font-weight: bold}
		
		/*.maincontent h1 strong { /* Blog entry titles */
		/*font: normal 14px "Arial", "Helvetica", "Verdana", sans-serif;
		color: #373f97;
		letter-spacing: 1px;
		font-weight: bold}*/
		
ul.no-indent {
  /* ie fudge begins */
    margin-left: 15px;
; list-style-position: outside;
    }
    html>body ul.no-indent {
    margin-left: 0px;
    padding-left: 15px;
  /* ie fudge ends */
}

#hometextlinks {
    font: normal 10px "Arial", "Helvetica", "Verdana", sans-serif;	color: #333333; margin: 0;
    padding-left: 15px;
    padding-right: 15px;
	padding-bottom: 15px;
    padding-top: 0px;
	line-height: 16px }
    
    #hometextlinks ul {
    margin: 0;
	list-style-position: outside;
	padding-left: 15px;
    padding-right: 0px;
	padding-bottom: 0px;
    padding-top: 0px;}
    
    #hometextlinks ul li {
    padding-top: 2px;
    padding-bottom: 2px;}
	
	#hometextlinks a { color: #333333; text-decoration: underline;}
	#hometextlinks a:hover { color: #831e3b; text-decoration: underline;}
    #hometextlinks a:active { color: #000000; text-decoration: underline;}
	
#spacer_1 {
	height: 1px;}