﻿
/* ------- Colors -----------------------------

orange-yellow title bar text = #ddbc1d
orang promos background = #ddbc1d
blue text link hover color = #023567
bottomHalfBG = #e0dfc7
background color = #003366
blue text = #003366
yellow top nav links = #e1d587
yellow top nav hover = #ece19c
background colorfor drop down hover = #42688e
tan background = #e0dfc7
------------------------------------------------*/

body {
	margin:0 0 3px; background-color:#003366; font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#5a5a5a
}

img {
	border:0; 
}

a:link, a:visited {
	color:#023567; text-decoration:underline
}

a:hover, a:active {
	color:#023567; text-decoration:none
}

ul {
	list-style-image:url('images/li_imageSquare-Firefox.jpg');
	*list-style-image:url('images/li_imageSquare.jpg');
}

h1 {
	width:931px; height:54px; padding:9px 30px; background-image:url('images/BG-titleBarWithShadow.jpg'); 
	background-repeat:no-repeat; background-position:bottom; font-family:"Times New Roman", Times, serif;
	font-size:26px; text-align:left; color:#ddbc1d; margin:0 -50px 10px; font-weight:normal
}

h2 {
	
}

h3 {
	margin:0 0 12px 0; color:#5a5a5a; font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold;
	border-bottom:1px #fff solid; line-height:24px
}

.HomePageListTitles {
	margin:0 0 12px 0; color:#5a5a5a; font-family:Arial, Helvetica, sans-serif; font-size:9pt; font-weight:bold;
	border-bottom:1px #fff solid; line-height:24px
}

.subTitles {
	font-weight:bold; color:#003366; font-size:11pt; /*font-family:"Times New Roman", Times, serif */
}

.subTitles2 {
	font-weight:bold; color:#003366; font-size:13px; /*font-family:"Times New Roman", Times, serif */
}


#container {
	background-color:#fff; margin:3px auto; border:3px #fff solid; width:991px; 
}

#topContainer {
	background-color:#e0dfc7; width:991px; height:105px
}

#Logo {
	float:left; height:91px; padding:7px 8px
}

#topRightC {
	 float:right; height:105px
}

#topRightText {
	font-size:24px; text-align:center; font-family:"Times New Roman", Times, serif; color:#003366; padding-top:20px;
	font-weight:bold;
	*padding-top:10px
}

#slideShow {
	width:991px; height:185px; border-top:3px #fff solid; border-bottom:3px #fff solid
}

#titleBarContainer {
	width:991px; height:82px ;background-image:url('images/BG-titleBarWithShadow.jpg'); 
	background-repeat:no-repeat; background-color:#e0dfc7
}

#titleBarContainerSubs {
	width:931px; height:54px; padding:9px 30px; background-image:url('images/BG-titleBarWithShadow.jpg'); 
	background-repeat:no-repeat; background-position:bottom; font-family:"Times New Roman", Times, serif;
	font-size:26px; text-align:left; color:#ddbc1d; 
}

#title-HomeLeft {
	float:left; width:704px; height:82px; border-right:3px #fff solid; color:#ddbc1d; line-height:61px; 
	font-family:"Times New Roman", Times, serif; font-size:30px; text-align:center; 
}

#title-HomeRight {
	float:left; width:284px; height:82px; color:#ddbc1d; line-height:61px; 
	font-family:"Times New Roman", Times, serif; font-size:24px; text-align:center; 
}

#bottomContainerSubs {
	background-color:#e0dfc7; width:991px;
}

#bottomContentSubs {
	padding:0px 50px 20px; min-height:132px
}

#bottomContentSubsTEST {
	padding:0px 50px 20px; min-height:132px
}


#bottomContainer {
	background-color:#e0dfc7; background-image:url('images/BG-bottomContainer1.jpg'); background-repeat:repeat-y;
	width:991px;
}

#bottomLeftC {
	float:left; padding:5px 30px; width:644px; border-right:3px #fff solid;
}

#bottomContainer-top {
	
}

#bottomLeftCContent {
	width:644px	
}

#bottomLeftCContent table {
	width:100%; border:0; margin:0 auto; text-align:center	
}

.FinancialServicesCenter {
	width:100%; border:0; margin:0 auto; text-align:center
}

#HomeColumnC {
	
}

#HomeColumn {
	float:left; padding:20px 30px; width:154px; font-size:9pt
}

#HomeColumn ul {
	list-style-type:none; margin-left:-38px; margin-top:0;
	*margin-left:1px
}

#HomeColumn li {
	list-style-type:none; 
}


#HomeColumn a:link, #HomeColumn a:visited {
	color:#5a5a5a; text-decoration:none
}

#HomeColumn a:hover, #HomeColumn a:active {
	color:#023567; text-decoration:underline 
}


#bottomRightC {
	float:left; width:284px; background-color:#ddbc1d; min-height:175px;
}

#onlineBankingC {
	background-color:#e0dfc7; padding:0 43px 25px 42px; border-bottom:3px #fff solid;
	*padding:0 38px 6px 37px; *margin-top:-20px; border-bottom:3px #fff solid;
}

.onlineBankingLinks {
	font-size:8pt; text-align:right
}

.onlineBankingLinks a:link, .onlineBankingLinks a:visited {
	color:#5a5a5a; text-decoration:none
}

.onlineBankingLinks a:hover, .onlineBankingLinks a:active {
	color:#003366; text-decoration:underline
}

#promos {
	color:#fff; font-weight:normal; font-size:17px; text-align:left; padding:25px 40px 10px
}

#bottomRoundedCorners {
	width:991px; height:15px
}

#footer-Home {
	width:991px; height:48px; background-image:url('images/BG-footer-Home.jpg'); background-repeat:no-repeat;
}

#footer-Subs {
	width:991px; height:48px; background-color:#fff
}

.FDICandEHL {
	float:left; height:36px; padding:8px 12px 4px;
}

.footerLinks {
	float:right; height:36px; font-size:8pt; font-family:Verdana, Arial, Helvetica, sans-serif; color:#777;
	padding:12px 12px 0px; text-align:right
}

.footerLinks a:link, .footerLinks a:visited {
	color:#777; text-decoration:none
}

.footerLinks a:hover, .footerLinks a:active {
	color:#023567; text-decoration:none
}


.footer-HomeLink {
	float:right; width:284px; height:48px; text-align:center; line-height:40px; font-size:17px; 
	font-family:Arial, Helvetica, sans-serif; color:#dd8e1d
}

.footer-HomeLink a:link, .footer-HomeLink a:visited {
	color:#dd8e1d; text-decoration:none
}

.footer-HomeLink a:hover, .footer-HomeLink a:active {
	color:#003366; text-decoration:none
}


.clear {
	clear:both
}

.invisible {
	border:0; height:0; width:0; display:none
}





/* -------------------------------------------------------------------------------------------------------- */

/* Top Navigation ************************************/

.topNavButtons {
	height:41px;  display:block; padding:0; background-image:url('images/BG-topNavButton.jpg');
	background-repeat:repeat-x; cursor:pointer; border-right:1px #fff solid;  line-height:41px;
	_float:left; _line-height:61px
} 

.topNavButtons a:link, .topNavButtons a:visited {
	height:41px; display:block; padding:0; color:#e1d587; background-image:url('images/BG-topNavButton.jpg');
	background-repeat:repeat-x;  line-height:41px; _line-height:61px	
}

.topNavButtons a:hover, .topNavButtons a:active {
	height:41px; display:block; padding:0; color:#ece19c; background-image:url('images/BG-topNavButton-O.jpg');
	background-repeat:repeat-x;  line-height:41px; _line-height:61px
}

.topLeftNavButton {
	background-image:url('images/BG-topLeftNavButton1.jpg'); background-repeat:no-repeat; height:41px;
	display:block; padding:0; cursor:pointer;  line-height:41px; border-right:1px #fff solid;
	_float:left; 
}

.topLeftNavButton a:link, .topLeftNavButton a:visited {
	height:41px; display:block; padding:0; color:#e1d587; background-image:url('images/BG-topLeftNavButton1.jpg');
	background-repeat:repeat-x;  line-height:41px;	
}

.topLeftNavButton a:hover, .topLeftNavButton a:active {
	height:41px; display:block; padding:0; color:#ece19c; background-image:url('images/BG-topLeftNavButton2-O.jpg');
	background-repeat:repeat-x;  line-height:41px;
}

.topNavLinkSpacer {
	 height:7px; width:80px; border:0;
}

.dropDownLinks {
	color:#194775
}

.dropDownLinks a:link, .dropDownLinks a:visited {
	color:#194775
}

#topNavContainer {
	 /*background-image:url('images/BG-topNavButton.jpg'); 
	 background-repeat:no-repeat; 
	 height:25px; */
	 /* width:650px; */
	 /*line-height:20px;*/
	 font-family:Tahoma;
	 font-weight:bold;
	 font-size:9pt;
	 padding:0 0 0 12px;
	/* height:41px;*/
}

#topNavContainer a:link, #topNavContainer a:visited   {
	/*color:#f9a23c;*/
	text-decoration:none;
	
}

#topNavContainer a:hover, #topNavContainer a:active   {
	/*color:#f9a23c;*/
	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: 9pt;
	font-family: Verdana;
	line-height: 28px; /*needs to be the same as or close to the topNavLinkDivs class above */
	/*color:#e1d587;*/
	list-style-image:none;
	/*background-image:url('images/BG-topNavButton1.jpg');*/
	background-repeat:repeat-x;
	/*height:41px;*/
	width:102px;
	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;
	_margin:41px 0 0 -105px; /* Needed for positioning of dropdown lists in IE 6 */
	/*background-color:#e0dfc7; */
	background-color:#fff;
	width: 135px;/* value should = padding + width property of #nav ul a */
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	font-weight: normal;
	font-size: 8pt;
	font-family:Verdana;
	/*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 #fff solid;
	border-right: 1px #fff solid;
	border-bottom: 1px #fff solid;
	border-left: 1px #fff solid;
	display:block;
}

/* this section controls the formatting of the dropdown links *******************/
#nav ul a {
	padding: 1px 8px 1px 8px;/*controls padding around dropdown links */
	width: 119px;/* value + padding values should = width property in #nav li ul */
	font-weight: normal; /* controls font weight of dropdown links */
	line-height: 17px;
	text-align: left;
	font-family: Verdana;
	font-size: 8pt;
	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;
}
#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:#ece19c;*/
}
#nav li:hover a {
	/*color:#ece19c; */
} 

/* Dropdown Hover States
*******************************/
#nav ul li.sfhover {
	/*background-color:#56789a; */
	background-color:#7395b7
}

#nav ul li:hover {
	background-color:#194775; 
}

#nav li.sfhover ul a:link, #nav li.sfhover ul a:visited, #nav li:sfhover ul a:active {
	color: #000; 
}

#nav li:hover ul a:link, #nav li:hover ul a:visited, #nav li:hover ul a:active {
	color:#194775;
} 

#nav li:sfhover ul a:hover {
	/*color:#e1d587;*/color:#ece19c
}

#nav li:hover ul a:hover {
	/*color:#e1d587;*/color:#ece19c
} 

/************************************************************************/

