body {
margin: 0;
padding: 0;
color: #002668;
font: 11pt/14pt arial, sans-serif;
text-align:center;
background: #15335f url(../images/bg.jpg) repeat-x;
}

a:link {	
	text-decoration: underline;
	color:#476fb5;
	}
a:visited {	
	text-decoration: underline;
	color:#476fb5;
	}
a:hover, a:active {
	text-decoration: none;
	color:#476fb5;
	}
a img { border: none; }
h1 {
	font: 14pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	color: #b62222;
	margin:0 0 0 -1px;
}
h2 {
	font: 11pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	color: #002469;
	margin:0 0 0 -1px;
}

#calccontent h1, #calccontent  h1 center {
	text-align: left;
	font: 11pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	color: #002469;
	margin:0 0 0 -1px;
}

h3 {
	font: 10pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	color:#002469;
	margin:4px 0 2px 0;
}
h4 {
	font:9pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	color: #516290;
	font-weight:bold;
	margin: 0 0 5px 0;
	padding:0;
}
p { font:8pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	color:#002668;
	line-height:15px;
	margin: 10px 0 10px 0px;
}
ul li { list-style-image: url(../images/li.gif); }
ul {
	margin:-5px 0 0 -25px;
}
li {
	margin:4px 0 0 0;
}

table {	font-size: 100%; /* IE inheritance fix */ }


/****** =LAYOUT *******/
.container {
	width: 768px;
	margin: 0 auto;
	font: 8pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	text-align: left;
	color:#002668;
	border-left:1px solid #e9e1c8;
	border-right:1px solid #e9e1c8;
	border-bottom:1px solid #e9e1c8;
	background: #fff url(../images/bg.gif) repeat-y;
}
* html .container {
	width: 770px;
	margin: 0 auto;
	font: 8pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	text-align: left;
	color:#333;
	border-left:1px solid #e9e1c8;
	border-right:1px solid #e9e1c8;
	border-bottom:1px solid #e9e1c8;
	background: #fff url(../images/bg.gif) repeat-y;
}
.clear, .clearfloat {
height: 1px;
clear: both;
}
.clear0 {
height: 0;
clear: both;
}
.leftCol {
	float:left;
	width:155px;
	background:#deddc5;
}
.leftCol ul li { 
	list-style-type:none;
	list-style-image:none;
}
.leftCol ul {
	margin: 8px 0 0 11px; padding:0;
}
.leftCol li {
	color:#002469;
	margin:0 0 4px 0;
}
.leftCol li a:link, .leftCol li a:visited {
	font: 9pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	color:#002469;
	text-decoration: none;
}
.leftCol li a:hover, .leftCol li a:active {
	font: 9pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	color:#002469;
	text-decoration: underline;
}
.rightCol {
	float:right;
	width:613px;
	background:#fff;
}
.header {
	height:94px;
	width:100%;
	background: #fff url(../images/bg_header.jpg) repeat-x;
}
.utility ul li { 
	list-style-type:none;
	font: 9pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	display:inline;
	color:#00225d;
}
.utility {
	height:20px;
	width:300px;
	float:right;
	margin:8px 8px 0 0;
}
.utility ul {
	margin:0; padding:0;
	text-align:right;
}
.utility li {
	margin:0;
}
.utility li a:link, .utility a:visited {
	font: 9pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	color:#00225d;
	text-decoration: none;
}
.utility li a:hover, .utility a:active {
	font: 9pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	color:#00225d;
	text-decoration: underline;
}
/****** =PersonalLOGIN *******/
.onlineBanking {
	display:inline;
	float:left;
	height:177px;
	width: 155px;
	padding: 0;
	background: #fff url(../images/bg_personal.jpg) no-repeat;
}
.olb {
	text-align:left;
	padding:35px 0 0 0px;
}
.olbNav {
	margin:-8px 0 0 13px;
}
*:first-child+html body.home .olbNav {
	margin:-27px 0 0 13px;
}
*:first-child+html .olbNav {
	margin:0 0 0 13px;
}
* html .olbNav {
	margin:0 0 0 13px;
}
* html body.home .olbNav {
	margin:-27px 0 0 13px;
}

.olbNav a:link, .olbNav a:visited {
	font: 7pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	color:#002740;
	text-decoration: none;
}
.olbNav a:hover, .olbNav a:active {
	font: 7pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	color:#002740;
	text-decoration: underline;
}
.formfield {
	background:#e4edf6;
	border:1px solid #a09e74;
	height:14px;
	width:125px;
	margin:-2px 0 0 0;
	padding:3px 0 0 3px;
	font-size:9pt;
}
* html .formfield {
	background:#e4edf6;
	border:1px solid #a09e74;
	height:19px;
	width:125px;
	margin:-2px 0 0 0;
	padding:3px 0 0 3px;
	font-size:9pt;
}
.loginBtn {
	margin:8px 0 0 2px;
}
*:first-child+html .loginBtn {
	margin:4px 0 0 2px;
}
* html .loginBtn {
	margin:4px 0 0 2px;
}
.loginBtnBus {
	margin:42px 0 0 15px;
}
.formsContainer {
	margin:0 0 2px -4px;
}	

/****** =BusinessLOGIN *******/
.businessBanking {
	display:inline;
	float:left;
	height:69px;
	width: 155px;
	padding: 0;
	background: #fff url(../images/bg_business.jpg) no-repeat;
}
.olb {
	width:140px;
	text-align:left;
	padding:35px 0 0 15px;
}

/****** =Search *******/
.searchfield {
	background:#e4edf6;
	border:1px solid #393939;
	height:14px;
	width:90px;
	margin:0 6px 9px 10px;
	padding:4px 0 0 0;
	font-size:9pt;
}
* html .searchfield {
	height:20px;
	margin:0 6px 9px 10px;
	padding:4px 0 0 0;
	font-size:9pt;
}
.searchBtn {
	margin:7px 0 0 -4px;
}



/****** =NAVIGATION *******/
.nav {
	float:right;
	height:32px;
	width:613px;
	margin:26px 0 0 0;
}
.nav ul li { 
	list-style-type:none;
	display:inline;
}
.nav ul {
	margin:0; padding:0;
}
.nav li {
	margin:0 0 0 -2px;
}

/****** =CONTENT *******/
.content {
	margin:15px 0 25px 25px;
}
.smallPromo {
	width:165px;
	float:left;
	margin:0 31px 0 0;
}
.smallPromo3{
	margin-right: 0 !important;
}
.smallPromo h3 {
color:#b62222;
}
.smallPromo a:link, .smallPromo a:visited {
	font: 8pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	color:#b62222;
	text-decoration: underline;
}
.smallPromo a:hover, .smallPromo a:active {
	font: 8pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	color:#b62222;
	text-decoration: none;
}
/****** =FOOTER *******/
.footer {
	height:55px;
	width:100%;
	background: #0e2c62 url(../images/bg_footer.jpg) repeat-x;
}
.footer img {
	float:right;
	vertical-align:middle;
	margin:15px 20px 0 0;
}
.footernav {
	float:left;
	height:20px;
	width:215px;
	margin:22px 0 0 15px;
}
* html .footernav {
	float:left;
	height:20px;
	width:215px;
	margin:22px 0 0 8px;
}
.footernav ul {
	margin:0; padding:0;
	text-align:right;
	list-style-type:none;
}
.footernav li {
	margin:0;
	display:inline;
	color:#fff;
}
.footernav a:link, .footernav a:visited {
	font: 8pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	color:#fff;
	text-decoration: none;
}
.footernav a:hover, .footernav a:active {
	font: 8pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	color:#fff;
	text-decoration: underline;
}
/****** =BACKPAGE *******/
.onlineBankingBack {
	display:inline;
	float:left;
	height:126px;
	width: 155px;
	padding: 0;
	background: #fff url(../images/bg_personal_back.jpg) no-repeat;
}
* html .onlineBankingBack {
	margin:-3px 0 0 0;
}
.loginBtnBack {
	margin:17px 0 0 2px;
}
.contentContainerBack {
	background: #fff url(../images/bg_contentback.jpg) repeat-x;
	height: 100%;
}
.contentBack {
	padding:10px 20px 20px 25px;
}
.contentBack h3 {
	margin:8px 0 2px 0;
}
.contentBack  ul {
	margin:10px 0 0 -25px;
}
*:first-child+html  .contentBack ul {
	margin:10px 0 0 15px;
}
* html  .contentBack ul {
	margin: 4px 0 4px 15px;
}
* html  .contentBack li {
	margin-left: 15px;
}
.hed {
	margin:40px 0 0 10px;
}
.sectionNavContainer {
	float:right;
	margin:0 0 0 10px;
}
* html .sectionNavContainer {
	float:right;
	margin:0;
}
.sectionNavContainer h3 {
	color:#e41e1b;
	padding:15px 0 0 15px;
}
.sectionNav {
	width:197px;
	margin:-5px 0 0 0;
	background:#a8c7f3;
}
*:first-child+html .sectionNav {
	width:197px;
	margin:-3px 0 0 0;
	background:#a8c7f3;
}
* html .sectionNav {
	width:197px;
	margin:-3px 0 0 0;
	background:#a8c7f3;
}
.sectionNav ul {
	margin:0 0 0 17px; 
	padding:0;
	text-align:left;
}
.sectionNav li {
	margin:0 0 4px 0;
	list-style-image:none;
	list-style-type:none;
}
.sectionNav li a:link, .sectionNav a:visited {
	font: 8pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	color:#02236a;
	text-decoration: none;
}
.sectionNav li a:hover, .sectionNav a:active {
	font: 8pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	color:#02236a;
	text-decoration: underline;
}
.boxBottom {
	margin:0;
}
*:first-child+html  .boxBottom {
	margin:0 0 -3px 0;
}
* html  .boxBottom {
	margin:0 0 -3px 0;
}

/********************************************************************TABLE STYLES******/
th {
	background-color:#002668;
	font: 9pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
}
.tableheader {
	background-color:#d7ceb0;
	font: 9pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
}
.tablecontent1 {
	background-color:#f9f9f1;
	font: 9pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	color:#000;
	padding:0 4px 0 4px;
	vertical-align:top;
}
.tablecontent2 {
	background-color:#faf8f2;
	font: 9pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	color:#000;
	vertical-align:top;
}

.faqQ {
	background-color:#fff;
	font: 8pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	color:#003698;
}
.faqA {
	background-color:#fff;
	font: 9pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	color:#666;
}
.disclaimer {
	background-color:#fff;
	font: 7pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	color:#999;
}
.required {
	background-color:#fff;
	font: 8pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	color:#cc0000;
}
.appfield1 {
		font: 8pt Arial, Geneva, Verdana, Helvetica, sans-serif;
		border:1px solid #003698;
}
.appfield2 {
	font: 8pt Arial, Geneva, Verdana, Helvetica, sans-serif;
	border:1px solid #666;
}


#ex_dis{
display:none;
width:400px;
float:center;
padding:10px;
background-color:#FFFFFF;
position:absolute;
z-index:10000;
margin-top:50px;
border-width:1px 1px 1px 1px;
border-style:solid;
border-color:#cccccc;
margin-left:200px;
overflow: hidden;
}

.b {
	font-weight: bold;
}

.u {
	text-decoration: underline;
}	

.ratestable, .ratestable td {
	border: 1px solid #D7CEB0;
	border-collapse: collapse;
}

.contact td {
	vertical-align: top;
}	
