/* ------- Colors -----------------------------

Dark Blue = #151f5d
Darker dark blue = #0c1346
orange = #ffcc00
light blue links = #0599fc
lighter blue links = #abdbfc
blue links = #0099cc
blue for top nav rollovers = #070e3c

------------------------------------------------*/

body {
	margin:0; color:#2f2f2f; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; background-color:#101849;
}

img {
	border:0; 
}

p {
	margin:0 0 8px;
}

a:link, a:visited, a:active {
	color:#0099cc; text-decoration:none
}

a:hover {
	color:#0099cc; text-decoration:underline
}

h1 {
	margin:0 0 18px 0; font-size:15px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#293db3;
	border-bottom:1px #ffcc33 dotted; line-height:25px
}

h2 {
	margin:18px 0 7px 0; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#293db3;
}

.subTitles {
	margin:0 0 12px 0; font-size:9pt; font-family:Verdana, Arial; color:#222; font-weight:bold; 
}

h3 {
	margin:0 0 8px 0; font-size:13px; font-family:Tahoma, Arial; color:#070e3c; 
}

h4 {
	margin:0 0 17px 0; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; color:#070e3c;
}

.styledtable {
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #AEB89D;
}
.styledtable th {
	padding: 5px;
	border-bottom-color: #AEB89D;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background-color: #abdbfc;
	text-align: left;
	color: #2f2f2f;
}
.styledtable td {
	padding: 5px;
	border-bottom-color: #abdbfc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	text-align: left;
}
.styledtable tr:hover {
	color:white;
	padding: 5px;
	border-bottom-color: #abdbfc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background-color: #151f5d;
}
.styledtable caption {
	padding: 5px;
	font-size: 14px;
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
	margin-top: 15px;
	background-color: #00539F;
}

#BGcontainer {
	width:100%; height:100%; background-image:url('images/BG.jpg'); background-position:top; 
	background-repeat:repeat-x;	
}

#shadowContainer {
	width:978px; margin:0 auto; background-image:url('images/BG-shadow.png'); background-repeat:repeat-y;
	_background-image:url('images/BG-shadow-IE6_1.jpg'); _background-repeat:no-repeat
}

#container {
	margin:0 auto; width:978px;
}

#topContainer {
	width:978px; /*height:189px;*/ height:247px; margin:0; 
}

#LogoC {
	height:213px;
}

#Logo {
	float:left; padding:30px 0 0 11px
}

#middleContainer {
	width:963px; height:228px;  margin:0 6px 0 7px; border:1px #000 solid;/*border-bottom:1px #000 solid; border-top:1px #000 solid;*/ background-color:#fff; 
	background-image:url('images/BG-middle.jpg'); background-repeat:repeat-x; background-position:bottom; font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif; 
	line-height:15px;
}

#middleContainer a:link, #middleContainer a:visited, #middleContainer a:active {
text-decoration:none; color:#abdbfc
}

#middleContainer a:hover {
text-decoration:none; color:#abdbfc
}

#middleContainerSubs {
	width:963px; min-height:400px;  margin:0 6px 0 7px; background-color:#fff; background-image:url(images/BG-bottom.jpg); 
	background-position:bottom; background-repeat:no-repeat; border-left:1px #000 solid; border-right:1px #000 solid;
}

#contentSubs {
	padding:20px 40px 75px; min-height:300px;
}


#middleTopStripe {
	width:963px; height:29px; background-color:#151f5d; background-image:url('images/BG-middleTopStripe.jpg'); background-repeat:repeat-x;
}

#middleLeftBoxC {
	float:left; width:260px; padding:14px 37px 0 29px; line-height:15px; font-family:Tahoma, Arial, Helvetica, sans-serif; 
}

#middleCenterBoxC {
	float:left; width:269px; padding:14px 30px 0 8px; line-height:15px; font-family:Tahoma, Arial, Helvetica, sans-serif; 
}

#onlineBankingC {
	float:left; width:300px; min-height:179px; background-image:url('images/BG-onlineBanking.jpg');
	background-repeat:no-repeat; 
}

.onlineBankingTitle {
	height:32px; line-height:39px; color:#fff; font-family:Verdana, Arial; font-size:18px; 
	text-align:center; font-weight:normal; letter-spacing:3.5px; margin-left:5px
	
}

.onlineBanking {
	font-size:9pt; padding:0px 35px; color:#222;
	*padding:12px 0 0; *margin-top:-12px
}

.onlineBankingLinks {
	padding:10px 0 0 0; font-size:11px; color:#0599fc;
	_padding:10px 0 10px 37px
}

.onlineBankingLinks a:link, .onlineBankingLinks a:visited, .onlineBankingLinks a:active {
	color:#0599fc; text-decoration:none
}

.onlineBankingLinks a:hover {
	color:#0599fc; text-decoration:underline
}

.ob-accessIDinputBox {
	width:140px; font-size:13px
}

.ob-accessIDandLogonBoxC {
	padding:27px 0 6px; text-align:center;
	_padding:20px 0 6px
}

.ob-accessID {
	font-weight:bold; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px
}

.ob-logonButtonandLockC {
	*padding-right:37px;
}

.ob-logonButtonC {
	/*float:right;*/ text-align:right; padding:0 4px 0 0; 
}

.ob-logonButton {
	padding-bottom:3px; padding-top:1px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
	*padding-bottom:2px;
}

.ob-lockC {
	float:right; padding:3px 3px 0 0
}

.ob-lock {
	border:0; vertical-align:middle
}

#takeMeToMenuC {
padding:18px 0 0 73px;
_padding:18px 0 0 117px;
}

#bottomContainer {
	width:963px; min-height:240px; margin:0 6px 0 7px; padding:14px 0 10px;  background-color:#fff; border-left:1px #000 solid; border-right:1px #000 solid;
	background-image:url(images/BG-bottom.jpg); background-position:bottom; background-repeat:no-repeat
}

#bottomTopC {
padding-left:34px;
}

#bottomLeft {
	float:left; width:542px; padding:0 30px 0 30px; 
}

#bottomRight {
	float:left; width:300px; padding:0 30px 0 30px;  border-left:1px #0c1346 solid;
}

#bottomLeftSide {
	float:left; width:302px
}

#bottomRightSide {
	float:left; padding:22px 0 0 30px; width:571px
}


#footerContainer {
	width:100%; height:29px;  background-image: url('images/BG-footer3.jpg');
	background-repeat:repeat-x; background-position:top;  
}

#footerShadow {
width:978px; height:29px;  background-image: url('images/BG-footerShadow.jpg');
	background-repeat:no-repeat; background-position:top;  margin:0 auto;
	_background-image: url('images/BG-footerShadow-IE6.jpg');
}

#footer {
	width:963px; height:29px; margin:0 7px 0 8px; background-image: url('images/BG-footer.jpg');
	background-repeat:repeat-x; background-position:top;
}

#footer a:link, #footer a:visited, #footer a:active {
	color:#ffcc33; text-decoration:none
}

#footer a:hover {
	color:#ffcc33; text-decoration:underline
}

.footerLinksC {
	float:right; padding:8px 30px 0 0; font-size:8pt; color:#ffcc33; font-family:Arial, Helvetica, sans-serif 	
}

#footerLogos {
float:left; padding:4px 0 0 30px
}

.FDICandEHL {
	float:left; padding:15px 35px 0;
}

.EHL {
	margin-left:4px
}

.clear {
	clear:both
}

.learnMoreLink {
	margin:-6px 12px 0 0; text-align:right; font-weight:bold
}

.learnMoreLink a:active {
	text-decoration:none; color:#0099cc;
}

.learnMoreLink a:visited {
	text-decoration:none; color:#0099cc;
}

.learnMoreLink a:link {
	text-decoration:none; color:#0099cc;
}

.learnMoreLink a:hover {
	text-decoration:underline; color:#0099cc;
}

.redText {
	color:#ee0000
}

.backToTop {
	text-align:right; margin:12px 15px 18px 0; font-weight:bold; font-size:11px; 
}








/* Top Navigation ************************************/

#topNavC {
	/*height:25px; */
	width:556px;
	 padding:0 0 0 11px;
	 height:34px;
	_margin-top:-34px;
	position:absolute;
	z-index:99;
	 
}

#topNavContainer a:hover   {
	/*color:#f9a23c;*/
	text-decoration:none
}

#topNavContainer a:active   {
	/*color:#f9a23c;*/
	text-decoration:none
}

.topNavLinkDiv {
	padding: 0;  /*This helps center all the links across the nav bar. IMPORTANT: Don't forget to put "padding-right:0" on the li and a tags of the last menu item */
	width:655px;
	height: 34px;
	float: left;
	text-align:center;
	/*margin:0 auto;*/
	_position:absolute;
	_z-index:100 /* This value and the absolute positioning above are necessary to fix a conflict between the PNG fix for IE 6. 
	The z-index may need to be a higher number, depending on other elements in the site. */
}

.topNavLinkDiv a:hover {
	text-decoration:none
}

#nav ul {/* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	list-style-image:none;
	display:block
}

#nav {/* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	list-style-image:none;
	display:block

}

#nav a {
	display: block;
	/*padding: 0 70px 0 5px;*/ 
	padding: 0; /* adjust padding to space out main nav links. IMPORTANT: Don't forget to put "padding-right:0" on the li and a tags of the last menu item */
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	font-family: Tahoma;
	line-height: 34px; 
	color:#fff;
	list-style-image:none;
	background-image:url('images/BG-topNavTab.gif');
	background-repeat:no-repeat;
	width:130px;
	text-align:center;
	margin:0 1px 0 0
}

#nav a:hover {
	display: block;
	/*padding: 0 70px 0 5px;*/ 
	padding: 0; /* adjust padding to space out main nav links. IMPORTANT: Don't forget to put "padding-right:0" on the li and a tags of the last menu item */
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	font-family: Tahoma;
	line-height: 34px; 
	color:#151f5d;
	list-style-image:none;
	background-image:url('images/BG-topNavTab-O.gif');
	background-repeat:no-repeat;
	width:130px;
	text-align:center;
	margin:0 1px 0 0
}

#nav li {/* all list items */
	float: left;
	/*width: 116px; /* width needed for Opera */
	
	
}
#nav li ul {/* second-level lists */
	position: absolute;
	background-color:#fefefe;
	width: 166px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	font-weight: normal;
	/*font-size: 9px;*/
	font-family:Tahoma;
	/*margin: 0px 0 0 37px; /*controls the positioning of the dropdowns */
	/*_margin: 0px 0px 0px -47px; /*controls the positioning of the dropdowns */
	*margin-top:-1px;
	/*border-top: 0px #ccc solid;
	border-right: 1px #ddd solid;
	border-bottom: 1px #ddd solid;
	border-left: 1px #ddd solid;*/
	border-top: 0px #eee solid;
	border-right: 1px #151f5d solid;
	border-bottom: 1px #151f5d solid;
	border-left: 1px #151f5d solid;
	display:block
		
}
/* this section controls the formatting of the dropdown links *******************/
#nav ul a {
	padding: 2px 8px 2px 8px;/*controls padding around dropdown links */
	width: 150px;/* value + padding values should = width property in #nav li ul */
	/*color: #0e512a;*/
	font-weight: normal; /* controls font weight of dropdown links */
	line-height: 17px;
	text-align: left;
	font-family: Verdana;
	font-size: 11px;
	border-top: 1px #eee solid;  /*Adds a line in between each drop down link */
	background-image:none;
	display:block;
	margin:0
}

#nav ul a:hover {
	padding: 2px 8px 2px 8px;/*controls padding around dropdown links */
	width: 150px;/* value + padding values should = width property in #nav li ul */
	/*color: #0e512a;*/
	font-weight: normal; /* controls font weight of dropdown links */
	line-height: 17px;
	text-align: left;
	font-family: Verdana;
	font-size: 11px;
	border-top: 1px #fff solid;  /*Adds a line in between each drop down link */
	background-image:none;
	display:block;
	margin:0
}


/*********************************************************************/
#nav li ul ul {/* third-and-above-level lists */
	/*margin: -1em 0 0 10em;*/ margin: -1.8em 0 0 13.8em;
}
#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;
	text-decoration:none
}
#nav li li:hover ul {
	left: auto;
	display: block;
	text-decoration:none
}

#nav li:hover ul {
	/*left: auto; */ /* --- Changing this from "auto" to "inherit", it fixed the problem with dropdowns sticking in IE 7 ---*/
	display:block;
	left:inherit 
} 

/* Main Hover States
*******************************/
#nav li.sfhover {
	background-color:none;
}
#nav li:hover {
	background-color:none; 
}
#nav li.sfhover a {
	color:#151f5d;
}
#nav li:hover a {
	color:#151f5d; 
} 

/* Dropdown Hover States
*******************************/
#nav ul li.sfhover {
	background-color:#abdbfc
}

#nav ul li:hover {
	background-color:#abdbfc; 
}

#nav li.sfhover ul a:visited {
	color: #293db3; 
}

#nav li.sfhover ul a:link {
	color: #293db3; 
}

#nav li:hover ul a:visited {
	color:#293db3;
} 

#nav li:hover ul a:link {
	color:#293db3;
} 

#nav li:sfhover ul a:active {
	color:#293db3
}

#nav li:sfhover ul a:hover {
	color:#293db3
}

#nav li:hover ul a:active {
	color:#293db3
} 

#nav li:hover ul a:hover {
	color:#293db3
} 


/************************************************************************/