﻿/************************************

Lighter green BG - #c8d4bf
Green Link Hover - #0e512a
Page Title green - #39464e
green line color - #0e512a
Gold - #DFC854

************************************/



body {
	background-image:url('images/BG1ca.jpg'); 
	background-repeat:repeat-x;
	background-color:#c8d4bf;
	background-position:top;
	/*background-attachment:fixed;
	background-color:#e3f4fc;  
	_text-align: center;*/
	font-family: Arial, Helvetica, sans-serif;
	color:#444444;
	font-size:10pt;
	/*margin-top:0;*/
	margin:0;
	line-height:17px
}


a:link, a:visited { 
	text-decoration:underline; color:#2C4C3F
}

a:hover, a:active { 
	text-decoration:none; color:#3f7d64; /*color:#376955*/
} 

div, table, td, ul, li {
	_behavior: url(iepngfix/iepngfix.htc); 
}

img {
	border:0; _behavior: url(iepngfix/iepngfix.htc); 
}  

/*#HomePageContentContainer ul {
	
}

#HomePageContentContainer ul li {
	list-style-image:url('images/li_arrow.jpg'); margin-bottom:4px; padding-left:6px
}

#HomePageContentContainer ul li ul {
	list-style-image:url('images/li_arrow.jpg'); margin-bottom:4px; margin-top:12px;
} */

#container {
	width:990px; /*text-align:center; _text-align:left*;*/ margin:3px auto 0px auto;
}

#BG-shadowContainer {
	 width:990px; 
	 /*background-image:url('images/BG-shadow6L.png');*/
}

#pageContainer {
	 width:966px; margin:0 auto; padding:0
}

#headerContainer {
	width:966px; height:153px; background-image:url('images/BG-header7b.jpg'); background-repeat:no-repeat;
}

#Logo {
	float:left; height:126px; width:380px; text-align:left
}

#searchContainer {
	float:right; padding:8px 15px 12px 0
}

.searchButton {
	font-size:11px; font-weight:bold; color:#222; padding-bottom:1px; 
	*padding-bottom:0;
}

.searchBox {
	width:100px; height:14px; font-size:12px
}

#greenLine {
	width:976px; height:21px; padding:0; margin:0; margin-left:-10px; 
	border-top:1px #0e512a solid; _margin-top:-1px;
	background-image: url("images/BG-shadowGreenLine1.png"); padding-left:10px;

}

#middleContainer {
	width:966px; height:204px; border-bottom:2px #ffffff solid; background-color:#ffffff;
}

#middleContainerSubs {
	width:988px; min-height:370px; /*border-bottom:2px #ffffff solid;*/ background-image:url('images/BG-shadowContent1.png'); background-repeat:repeat-y; margin-left:-12px;
}


#middleContainerContentSubs {
	padding:30px 56px; font-size:10pt; color:#444444; min-height:324px
}

#middleContainerContentSubs ul {
	list-style-type:square 
}


.Title  { font-family: Verdana; font-size: 11pt; color: #2C4C3F; font-weight: bold; }


h3 {
	/*color:#126234;*/ color:#0e512a; font-size:14px; text-align:left; font-family:Verdana; font-weight:bold;
	margin:-15px 0px 10px 0px; width:844px; /*width:884px; */line-height:43px; *line-height:20px; 
	border-bottom:1px #DFC854 dotted;
	/*background-image:url('images/BG-contentTitles4.jpg'); background-repeat:repeat-x; */
	height:42px; *height:30px
}

#middleLeftContainer {
	float:left; width:213px; height:178px; background-image:url('images/homePageHouse1.jpg'); 
	background-repeat:no-repeat; color:#ffffff; font-size:7pt; font-weight:bold; text-align:left; 
	padding:7px 17px 17px 17px; font-family:Arial; margin-top:2px
}

#middleCenterContainer {
	float:left; width:468px; height:202px; text-align:center; background-color:#e0e0e0;
	border-left:2px #ffffff solid; border-right:2px #ffffff solid; margin-top:2px

}
#onlineBankingContainer {
	height:204px; width:247px; float:left; background-image:url('images/BG-onlineBanking4.jpg'); 
	background-repeat:repeat-x; background-position:bottom
}

.onlineBankingTitle {
	width:247px; height:31px; line-height:26px; color:#333333; font-family:Verdana; font-size:9pt; font-weight:bold;
	text-align:center; background-image:url('images/BG-onlineBankingTitle1.jpg'); background-repeat:no-repeat;
	letter-spacing:1px
}

#onlineBankingContent {
	padding:6px 20px 0; *padding:0px 20px 0; *margin:-9px; color:#0e512a; font-family:Verdana; font-size:9pt; 
	font-weight:bold; text-align:left; 
}

.bottomDLLinks {
	text-align:center; *padding-left:20px; *text-align:left
}

.onlineBanking {
	width:247px; height:169px
}

.onlineBanking-logonBox {
	font-size:8pt; font-family:Arial; width:90px;
	*width:105px
}

.onlineBankingButtons {
	font-size:11px; font-weight:bold; color:#222; padding-bottom:1px; margin-top:4px;
	*padding-bottom:0;
}

#HomePageContentContainer {
	min-height:188px; width:966px; border-bottom:1px #777777 solid; background-color:#ffffff;
}

.HomePageTitle {
	height:44px; width:935px; padding:0 15px; line-height:44px; font-family:Arial; color:#39464e; font-size:12pt;
	background-image:url('images/BG-HomePageTitle.jpg'); background-repeat:no-repeat; background-position:right;
	font-weight:bold
}

.HomePageSubTitle {
	font-family:Arial; font-size:11pt; color:#39464e; font-weight:bold
}


#HomeContentLeftBox {
	float:left; width:247px; 
}

#HomeLeftContent {
	padding:0 20px 20px 20px; background-image:url('images/BG-LeftSideContent.jpg'); background-repeat:repeat-x
}

#HomeContentMiddleBox {
	float:left; padding:0; width:472px;
	min-height:210px

}

#HomeMiddleContent {
	padding:0 20px 10px 20px
}

h1 {
	/*color:#126234;*/ color:#333333; font-size:9pt; text-align:center; font-family:Verdana; font-weight:bold;
	margin:0px -10px; width:452px; line-height:32px; border-bottom:1px #dddddd dotted;
	/*background-image:url('images/BG-contentTitles4.jpg'); background-repeat:repeat-x; */
	height:32px
}

h2 {
	/*color:#126234;*/ color:#333333; font-size:9pt; text-align:center; font-family:Verdana; font-weight:bold;
	margin:0 -10px; width:227px; line-height:32px; border-bottom:1px #ffffff dotted;
	/*background-image:url('images/BG-contentTitles4.jpg'); background-repeat:repeat-x; */
	height:32px
}

h4 {
	width:187px; /*height:54px; line-height:52px;*/ margin:0;
	height:34px; line-height:32px; font-family:Arial; font-weight:bold; color:#ffffff; font-size:12px;
	background-image:url('images/rightGreenButton4.jpg'); background-repeat:no-repeat; padding:0 15px 0 45px;
	background-color:#fff
}

h4 a:link, h4 a:visited  {
	color:#fff; 
	text-decoration:none
}

h4 a:hover, h4 a:active  {
	color:#f1d850; 
	text-decoration:none
}

 
.RightButtons {
	width:182px; height:54px; line-height:52px; font-family:Arial; font-weight:bold; color:#ffffff; font-size:11pt;
	background-image:url('images/rightGreenButton3.jpg'); background-repeat:no-repeat; padding:0 15px 0 50px
}

.RightButtons a:link, .RightButtons a:visited  {
	color:#e1e6df; 
	text-decoration:none
}

.RightButtons a:hover, .RightButtons a:active  {
	color:#f1d850; 
	text-decoration:none
}


.HomeLists {
	list-style-image:url('images/li_imageSquare.jpg');
	list-style-type:square		
}

#HomeContentRightBox {
	float:left; padding:0px 0 0 0; width:247px; 
}


#BG-contentBottomFade {
	background-image:url('images/BG-BottomshadowFooter1.png'); background-repeat:repeat-x; background-position:bottom;
	width:988px; height:12px; margin-left: -11px;
} 
#footerContainer {
	width:100%; background-image:url('images/BG-shadowFooter1.png'); background-repeat:repeat-y;
	background-position:center; background-color:#167a40; border-top:1px #0e512a solid; 
	border-bottom:1px #0e512a solid; _background-image:none; _background-color:#146f3a; 	
}

#footer {
	height:27px; line-height:27px; width:966px; background-color:#126234; color:#ffffff; 
	background-image:url('images/BG-footer1.jpg'); background-repeat:repeat-x; margin:0 auto;
	_border-right:1px #0e512a solid; _border-left:1px #0e512a solid;

}

#FDICandEHLContainer {
	float:left; padding:0 10px; width:80px
}

#footerLinks {
	 float:right; font-size:8pt; font-weight:bold; color:#ffffff; padding:0 15px 0 15px; 
	 font-family:Arial, Helvetica, sans-serif; width:836px; text-align:right
	 
}

#footer a:link, #footer a:visited {
	color:#e1e6df;
	text-decoration:none;
			
}

#footer a:hover, #footer a:active {
	color:#f1d850;
	text-decoration:none;
		
}

.invisible {
	display:none;
	height:0;
	width:0;
	padding:0;
	margin:0
}

.clear {
	clear:both
}

/* -------------------------------------------------------------------------------------------------------- */

/* Top Navigation ************************************/

#topNavContainer {
	 background-image:url('images/BG-topNav.jpg'); 
	 background-repeat:no-repeat; 
	 /*height:25px; */
	 width:650px; 
	 /*line-height:20px;*/
	 font-family:Tahoma;
	 font-weight:bold;
	 font-size:9pt;
	 color:#ffffff;
	 padding:0 0 0 12px;
	 height:27px
	 
}

#topNavContainer a:active, #topNavContainer a:hover   {
	/*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:650px;
	height: 27px;
	float: left;
	text-align:center;
	position:absolute;
	z-index:100;
}

.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: 9pt;
	font-family: Verdana;
	line-height: 28px; /*needs to be the same as or close to the topNavLinkDivs class above */
	color:#333;
	list-style-image:none;
	background-image:url('images/navTab3.png');
	background-repeat:no-repeat;
	width:108px;
	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: #fff;
	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: 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 #cccccc solid;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	border-left: 1px #cccccc 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: 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: 8pt;
	border-top: 1px #cccccc dotted;  /*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: #0e512a;
}
#nav li:hover a {
	color: #0e512a; 
} 
/* Dropdown Hover States
*******************************/
#nav ul li.sfhover {
	background-color: #dfdfdf; 
}
#nav ul li:hover {
	background-color: #dfdfdf; 
}
#nav li.sfhover ul a {
	color: #0e512a; 
}
#nav li:hover ul a {
	color:#0e512a; 
} 

/************************************************************************/

