﻿body {
	margin: 0 auto;
	padding: 0;
	font-family: Helvetica,  sans-serif;
	_text-align: center; /*IE6*/
}
a img {
	border: none;
}

img {
	border: 4px #00204E solid;
}

a:visited {
	text-decoration: underline;
	color: #000; /* #BE1B20; */
	border-bottom: 0px aqua solid;
}
a:link {
	text-decoration: underline;
	color: #000; /* #BE1B20; */
	border-bottom: 0px aqua solid;
}
a:active {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}

strong {
	text-decoration: none;
	color: #ff0000;
}
/* BUTTONS
**************************************************/

a.button:link, a.button:visited  {
	color: #3C5665;
	background-color: #fff;
	text-decoration: none;
	border: 3px #3C5665 solid;
	padding: 6px 12px;
	font-weight: bold;	
	margin: 12px 0 0 24px;
	line-height: 4;
}

a.button:active, a.button:hover {
	border: 3px #3C5665 solid;
	color: #fff;
	background-color: #3C5665;
	text-decoration: none;
}

/* CONTAINERS
**************************************************/
#container_header {
	width: 100%;
	border-bottom: 1px #000 solid;
	background: #fff;
	_text-align: left; /*IE6 
	height: 260px;
	*height: 263px 
	_height: 262px;	*/
}
#container_contentTop {
	width: 100%;
	border: 0px #f90 solid;
	background: #00204E url('images/bg_top_blue.gif') repeat-y center top; /* #156679 */
	_text-align: left; /*IE6*/
	display: none; 
}
#home #container_contentTop {
	display: block;
}
#container_contentMain {
	width: 100%;
	border-bottom: 1px #000 solid;
	background: #ABAFB2 url('images/bg_main.jpg') repeat-y center top;
	_text-align: left; /*IE6*/

}
#container_footer {
	width: 100%;
	border-bottom: 0px #000 solid; 
 /* 	background: #fff url('images/bg_main.jpg') repeat-y center top;ABAFB2 */
	_text-align: left; /*IE6*/
	background-color: #fff;
}
/* HEADER
**************************************************/
#header {
	width: 965px;
	margin: 0 auto 0 auto;
	padding: 0;
	border-right: 2px #000 solid;
	background: #fff url('images/flag2.jpg') no-repeat right center;
}
#header img {
	margin: 0px 0 0px 50px;
	border: 0px #000 solid;
}
/* FIELDSET CODE: CALCULATORS
**********************************************/
fieldset {
	padding: 0;
	margin: 0 auto;
	width: 80%;
	text-align: center;
}

fieldset p {
	padding:  0 0 0 12px;
	text-align: left;
}

legend {
	font-size: 16px;
	font-weight: normal;
	color: #E00024;
	padding-right: 10px;
	padding-left: 5px;
	text-align: left;
	margin: 0 auto;
	border: 0px #D0D0BF solid;
}
table.calcs {
	width: 500px;
	border: 0px #fff solid;
}

table.calcs td {
	border: 0px #fff solid;
	width: 50%;
	padding: 4px;
}

/* NAVIGATION
**************************************************/

#nav ul {
	display: block;
	list-style: none;
	line-height: 1;
	padding: 0;
	margin: 0;
	text-transform: capitalize;
}

#nav {
	display: block;
	list-style: none;
	line-height: 1;
	padding: 0;
	margin: 0;
	text-transform: capitalize;
}
#nav {
	width: 965px;
	margin-top:  12px;   /* padding for division from logo and navigation */
}
#nav a {
	display: block;
	color: #333;
	text-decoration: none;
	text-align: center;
	padding: 0 12px;
	line-height: 34px;
	font-size: .95em;
	background: url('images/navtab_left.jpg') no-repeat left top;
	border: 0px #000 solid;
	margin: 0;
}
#nav a:hover {
	color: #000;
}
#nav li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	background: url('images/navtab_right.jpg') no-repeat right top;
}
#nav li ul {
	position: absolute;
	left: -999em;
	width: 190px;
	font-size: 0.9em;
	font-weight: normal;
	text-transform: none;
	background: #E00024;
	border-top: 1px #E00024 solid;
	border-left: 0px #fff solid;
	border-right: 0px #fff solid;
	z-index: 5;
}
#nav li li {
	width: 190px;
	background: none;
	margin: 0;
}
#nav li ul a {
	width: 178px;
	color: #333; /* #BE1B20; */ 
	text-align: left;
	border: none;
	padding: 0 6px; 
	background: none;
	text-transform: capitalize;
	border-top: 0px #CAC416 solid;	
	border-left: 0px #fff solid;		
	border-bottom: 1px #fff solid;	
}
#nav li ul a:hover {
	color: #333;
}
#nav li ul ul {
	margin: -34px 0 0 200px;
}
#nav li ul.noclip ul {
	margin-left: -200px;
}
#nav li.sfhover ul ul ul {
	left: -999em;
	display: block;
}
#nav li.sfhover ul ul {
	left: -999em;
	display: block;
}
#nav li:hover ul ul ul {
	left: -999em;
	display: block;
}
#nav li:hover ul ul {
	left: -999em;
	display: block;
}
#nav li li li.sfhover ul {
	left: auto;
	display: block;
}

#nav li li.sfhover ul {
	left: auto;
	display: block;
}

#nav li.sfhover ul {
	left: auto;
	display: block;
}

#nav li li li:hover ul {
	left: auto;
	display: block;
}

#nav li li:hover ul {
	left: auto;
	display: block;
}

#nav li:hover ul {
	left: auto;
	display: block;
}

#nav li.sfhover ul a.dd {
	background: none;
	background-image: url('images/arrow.jpg');
	background-position: right center;
	background-repeat: no-repeat;
}

#nav li:hover ul a.dd {
	background: none;
	background-image: url('images/arrow.jpg');
	background-position: right center;
	background-repeat: no-repeat;
}

/* Main Button Hover States */
#nav li.sfhover {
	background: url('images/navtab_right_on.gif') no-repeat right top;
}
#nav li:hover {
	background: url('images/navtab_right_on.gif') no-repeat right top;
}
#nav li.sfhover a {
	color: #fff;
	background: url('images/navtab_left_on.jpg') no-repeat left top;
}
#nav li:hover a {
	color: #fff;
	background: url('images/navtab_left_on.jpg') no-repeat left top;
}
/* Dropdown Button Hover States */
#nav ul li.sfhover {
	background: #CED0C3; /* #0B5467; /*orange; #D9E4E6;  #B5B05F; */
}
#nav ul li:hover {
	background: #CED0C3; /* #0B5467; /*orange; #D9E4E6;  #B5B05F; */
}
#nav li.sfhover ul a {
	color: #fff;
	background: none;
}
#nav li:hover ul a {
	color: #fff;
	background: none;
}
#nav li.sfhover ul a:hover {
	color: #00204E; /* #0B5467; */
	font-weight: bold;
	background-color: #CED0C3;
}

#nav li:hover ul a:hover {
	color: #00204E; /* #0B5467; */
	font-weight: bold;
	background-color: #CED0C3;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -34px 0 0 191px;
	padding: 0;
	font-size: .95em;
}

#nav li.sfhover ul ul ul {
	left: -999em;
	display: block;
	border-top: 1px #fff solid;
}

#nav li.sfhover ul ul {
	left: -999em;
	display: block;
	border-top: 1px #fff solid;
}

#nav li:hover ul ul ul {
	left: -999em;
	display: block;
	border-top: 1px #fff solid;
}

#nav li:hover ul ul {
	left: -999em;
	display: block;
	border-top: 1px #fff solid;
}

#nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	display: block;
}

#nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	display: block;
}

#nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	display: block;
}

#nav li li li:hover ul { /* lists nested under hovered list items */
	left: auto;
	display: block;
}

#nav li li:hover ul { /* lists nested under hovered list items */
	left: auto;
	display: block;
}

#nav li:hover ul { /* lists nested under hovered list items */
	left: auto;
	display: block;
}

/* CONTENT - TOP
**************************************************/
#contentTop {
	width: 964px;	
	margin: 0 auto;
	padding: 0;
	background: #00204E url('images/bg_con_top.jpg'); 
	background-position: left bottom;
	background-repeat: repeat-x; 
	min-height: 220px;
	border-top: 0px #000 solid;
	border-left: 0px #000 solid;
	border-right: 0px #000 solid;
	border-bottom: 0px #000 solid;		
}
#clock {
	background: #00204E;
	color: #fff;
	font-size: 0.8em;
	line-height: 2.3em;
	padding:0;
	border: 0px #000 solid;
}

#clock a {
	color: #fff;
	text-decoration: underline;
}
#clock a:hover {
	color: #fff;
	text-decoration: none;
}

#clock a.specials {
	color: #00204E;
	padding: 0 2px;
	text-decoration: none;
	border-top: 6px #fff solid;
	border-left: 6px #CBC318 solid;
	border-right: 6px #CBC318 solid;
	border-bottom: 6px #fff solid;
	background-color: #fff;
	font-size: .87em;
}

#clock a.specials:hover {
	color: #000;
	text-decoration: underline;
	background-color: #fff;
}

#login {
	background: #00204E url('images/online_curve_top.gif') no-repeat left top; /* #0B5467 */
	width: 300px;
	float: right;
	display: block;
	color: #fff;
	margin: 3px 30px 0 0;
	_margin: 0 15px 0 0; /*IE6*/
	font-size: 0.8em;
	border: 3px #E00024 solid;
}
#login h2 {
	background: url('images/online_banking.gif') no-repeat center center;
	height: 40px;
	text-indent: -999em;
	margin: 6px 0 25px 0;
}
#login form {
	margin: 0;
	border: 0px #fff solid;
	text-indent: 20px;
}
#login form #AccessIDVisible {
	width: 100px;
	border: 2px #DF0023 solid;
}
#login form #AccessIDVisible:focus {
	border: 2px #DF0023 solid;
	background-color: #fff; /* #9F002F; /* #B5B05F; */
	color: #000;
}
#login form #AccessIDVisible:hover {
	border: 2px #DF0023 solid;
	background-color: #fff; /* #9F002F; /* #B5B05F; */
	color: #000;
}
#login form div {
	margin-top: 25px;
	background: #00204E url('images/online_curve_bottom.gif') no-repeat center; /* #0B5467 */
	padding: 0 0 20px 0;
}
#login form a {
	color: #fff;
	font-size: 0.9em;
}
#contentTop #promo {
	width: 570px;
	float: left;
	display: block;
	margin: 0 0 0 24px;
	_margin: 0 0 0 0; /*IE6*/
	font-size: 0.7em;
	color: #00204E; /* #F0EBEB; */
	padding: 0;
	_height: 175px;
	border: 0px #fff solid;
}
#contentTop #promo {
	margin: 0;
	font-size: .9em;
	padding: 0;
	color: #000;
}

#contentTop #promo h3 {
	margin: 6px 6px 0 6px;
	font-size: 1.3em;
	padding: 3px 0 6px 12px;
	color: #E00024;
	background-color: #fff;
}

#contentTop #promo p {
	margin: 6px 6px 6px 18px;
	font-size: .9em;
	padding: 0;
	color: #000;
}

#contentTop #promo a {
	color: #00204E;
	text-decoration: underline;
}

#contentTop #promo a:hover {
	color: #00204E;
	text-decoration: none;
}

#contentTop #teaser {
	font-size: 1.2em;
	color: #fff;
	text-decoration: none;
}

#contentTop #teaser a {
	color: #fff;
	text-decoration: underline;
}

#contentTop #teaser a:hover {
	color: #fff;
	text-decoration: none;
}


#news {
	background-color: #00204E;
	color: #fff;
	font-size: 16px;
	padding: 3px 0;
	font-weight:bold;
}


/* CONTENT - MAIN
**************************************************/
#contentMain {
	position: relative;
	width: 904px;
	margin: 0 auto;
	padding: 0;
	background: none;
	font-size: 0.8em;
	padding: 12px 30px 30px 30px; 
	_height: 250px;
/*	min-height: 400px; */
	border-top: 31px #00204E solid; 
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;
	border-bottom: 0px #000 solid;
	color: #002060;
	background-image: url('images/bgs.jpg');
	background-position: center center;
	 background-repeat: repeat-y;
}
#home #contentMain {
	width: 950px;
	margin: 0 auto;
	padding: 12px 10px 30px 0; 
	background: none;
	font-size: 0.8em;
	min-height: 250px;
	_height: 250px;
	border-top: 0px #000 solid;
	border-left: 0px #000 solid;
	border-right: 0px #000 solid;
	border-bottom: 0px #000 solid;
	color: #002060;
}
#home #contentMain h1 {
	margin: 18px 24px 0 310px;
}
#home #contentMain h2 {
	margin: 18px 24px 0 310px; 
}
#home #contentMain p {
	margin: 0 auto;
	padding: 12px 24px 0 310px; 
}
#home #contentMain div.homeleftimg {
	position: absolute;
	top: 23px;
	left: 25px;
	margin: 0;
	padding: 0;
	background-image: url('images/bank.jpg');
	background-repeat: no-repeat;
	background-position: left center;
	height: 179px;
	width: 253px;
}
#contentMain h1 {
	color: #00204E;
	font-size: 1.5em;
	border-bottom: 0px #000 solid;	
	text-transform: capitalize;	
}
#contentMain h2 {
	color: #00204E;
	font-size: 1.2em;
	text-transform: capitalize;
	border-top: 0px #DF0024 sold;
	border-left: 0px #DF0024 solid;
	border-right: 0px #DF0024 solid;
	border-bottom: 0px #DF0024 solid;
	padding: 3px 0 3px 6px;
/*	margin: 24px; */
	font-weight: bold; 
	background-color: #E2E7EB;
}
ul {
	margin: 24px;
	color: #000;
}
#contentMain p {
	margin: 24px;
	color: #002060;
}
#contentMain p {
	margin: 12px 24px;
	color: #002060;
}
ol {
	margin: 0 0 0 75px;
	padding: 6px 0;
	color: #002060;
}

#contentMain ul {
	margin: 0 0 0 75px;
	padding: 6px 0;
	color: #002060;
}

#contentMain strong {
	color: #002060;
}

#content a img {
	border: none;
}
#contentMain h3 {
	color: #000;
	font-size: 1em;
	margin: 0 0 0 24px;
	text-decoration: none
}

/* FOOTER
**************************************************/
#footer {
	width: 940px;
	margin: 0 auto;
	padding: 3px 12px 3px 12px;
	background: #00204E url('images/fdic.gif') no-repeat 12px center;
	color: #fff;
	font-size: 0.8em;
	line-height: 30px;
	white-space: nowrap;
	border-top: 0px #000 solid;
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;
	border-bottom: 1px #000 solid;
	vertical-align: bottom;	
	text-align: right;
}
#footer a {
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	color: #fff; /* #A9A8A8; */
	text-decoration: underline;
}

#footer img {
	border: 0px #fff solid;
	padding: 4px 0;
	text-align: left;
}

body#invest #footer img {
	display:none;
}


/* GENERAL CLASSES
**************************************************/

#teaser {
	color: #fff;
	font-size: 1em;
	font-style: italic;
}

.clear {
	clear: both;
}
.divider {
	background: url('images/divider.jpg') no-repeat center top;
	width: 20px;
}
.txtLeft {
	text-align: left;
}
.txtRight {
	text-align: right;
}
.imgBorder {
	border: 3px #000 solid;
	padding: 2px;
	margin: 4px 12px 4px 4px;
}
/*
a[href$=".pdf"] {
	background: url('images/pdf.gif') no-repeat left center;
	padding-left: 20px;
	border: 0px #000 solid;
}
*/
/* TABLE: ACCOUNT MATRIX
**************************************************/

table.matrix {
	border-top: 1px #000 solid;
	border-left: 1px #000 solid;
	margin: 0 auto;
	width: 75%;
}

table.matrix td.header {
	margin: 0;
	font-size: 1.5em;
	color: #ff0000;
	font-weight: normal;
	width: 700px;
}

table.matrix td {
	background-color: #F2F2F2;
	border-top: 0px #000 solid;
	border-left: 0px #000 solid;
	border-right: 1px #000 solid;
	border-bottom: 1px #000 solid;			
	padding: 6px;
	color: #002060;
}
table.matrix a {
	color: #f00;
	text-decoration: none;
	font-style: italic;
}
table.matrix a:hover {
	text-decoration: underline;
}

/* TABLE: ACCOUNT MATRIX
**************************************************/

table.locations {
	border-top: 0px #000 dotted;
	border-left: 0px #000 dotted;
	border-right: 0px #000 dotted;
	border-bottom: 0px #000 dotted;
	margin: 0 auto;
	width: 100%;
}

table.locations td.header {
	margin: 0;
	font-size: 1.5em;
	color: #ff0000;
	font-weight: normal;
}

table.locations td {
	border-top: 0px #000 solid;
	border-left: 0x #000 solid;
	border-right: 0px #000 solid;
	border-bottom: 0px #000 solid;			
	padding: 6px;
	color: #002060;
	display: table-cell;
}
table.locations td.headermid {
	margin: 0;
	font-size: 1.5em;
	color: #ff0000;
	font-weight: normal;
	background-color: #ebebeb;
}

table.locations td.mid {
	border-top: 0px #000 solid;
	border-left: 0x #000 solid;
	border-right: 0px #000 solid;
	border-bottom: 0px #000 solid;			
	padding: 6px;
	color: #002060;
	background-color: #ebebeb;
}

table.locations a {
	color: #000;
	font-size: .8em;
	text-decoration: none;
	font-style: italic;
}
table.locations a:hover {
	text-decoration: underline;
}

table.locations img {
	text-align: center;
	margin: 0 auto;
}

/**** Marquee styles start ****/
#marquee {
	width: 956px;
	line-height: 15px;
	height: 30px;
}
#marquee p {
	margin: 0px;
	padding: 8px 0px 0px 0px;
	font-size: 16px;
	line-height: 15px;
	height: 20px;

}
/**** Marquee styles end ****/

