﻿
/* ------- Colors -----------------------------

Blue = #1a7391
Green = #8a914b



------------------------------------------------*/

body {
	margin:25px 0; background-image:url('images/BG.jpg'); background-repeat:repeat; font-family:Arial, Helvetica, sans-serif;
	font-size:12px; color:#333
}

img {
	border:0; _behavior:url('iepngfix/iepngfix.htc')
}

div, table, td {
	_behavior:url('iepngfix/iepngfix.htc'); 
}

p {
	margin:0 0 8px
}


a:link, a:visited, a:active {
	color:#1a7391; text-decoration:underline
}

a:hover {
	color:#8a914b; text-decoration:none
}

ul {
	list-style-image:url('images/li_arrow1.png');
	*list-style-image:url('images/li_arrow.png');
}


h1 {
	height:34px; line-height:29px; padding:0 0 0 50px; font-weight:bold; color:#272727; text-transform:uppercase;
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:13px; border-right:0px #fff solid; margin:0 -26px 20px -26px;
	background-image:url('images/BG-h1.jpg'); background-repeat:no-repeat; background-position:left;
	*border-right:3px #fff solid;
	_margin:0 -3px 20px -26px; _border-right:0 #fff solid;
}

h2 {
	height:34px; line-height:29px; padding:0 0 0 50px; font-weight:bold; color:#272727; text-transform:uppercase;
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:13px; border-left:3px #fff solid; margin:0 -21px 20px -22px;
	background-image:url('images/BG-h1.jpg'); background-repeat:no-repeat; background-position:left;
	*border-left:0;
	_margin:0 -21px 20px -20px; _border-left:0 #fff solid;
}

h3 {
	height:36px; line-height:31px; padding:0 0 0 50px; font-weight:bold; color:#fff; text-transform:uppercase;
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:13px; border-right:0px #fff solid; margin:0 0 3px;
	background-image:url('images/BG-h3.jpg'); background-repeat:no-repeat; background-position:left;
}

h4 {
	height:34px; line-height:29px; padding:0 0 0 50px; font-weight:bold; color:#272727; text-transform:uppercase;
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:13px; border-right:1px #fff solid; margin:0 -20px 15px -20px;
	background-image:url('images/BG-h1.jpg'); background-repeat:no-repeat; background-position:left;
}

h5 {
	height:34px; line-height:29px; padding:0 0 0 50px; font-weight:bold; color:#272727; text-transform:uppercase;
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:13px; border-right:0px #fff solid; margin:0 -20px 15px -20px;
	background-image:url('images/BG-h1.jpg'); background-repeat:no-repeat; background-position:left;
	_margin:0 -19px 15px -20px;/* _border-left:0px #fff solid;*/
}

h6 {
	height:34px; line-height:29px; padding:0 0 0 50px; font-weight:bold; color:#272727; text-transform:uppercase;
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:13px; border-right:0px #fff solid; margin:0 -26px 20px -26px;
	background-image:url('images/BG-h1.jpg'); background-repeat:no-repeat; background-position:left;
	*border-right:0px #fff solid;
	_margin:0 -3px 20px -26px; _border-right:0 #fff solid;
}

.subTitle {
	color:#8a914b; font-weight:bold; font-size:13px; font-family:Tahoma, Arial, Helvetica, sans-serif
}

.subTitles {
	color:#8a914b; font-weight:bold; font-size:13px; font-family:Tahoma, Arial, Helvetica, sans-serif
}

#container {
	width:1002px; margin:0 auto; 
}

.topCornersImage {
	height:6px
}

.bottomCornersImage {
	height:6px
}

#leftandRightBorders {
	width:966px; padding:0 15px; background-color:#fff; border-left:3px #b7b7b7 solid; border-right:3px #b7b7b7 solid;
}

.LogoandTaglineC {
	width:100%;
}

.Logo {
	float:left; padding:3px 0px 7px 10px
}

.Tagline {
	float:right; padding:10px 10px 0 0
}

#topNavAndOBTitleC {
	height:36px; width:100%; border-bottom:3px #fff solid
}

.topRightSpacerSubs {
	float:right; border-left:3px #fff solid; width:283px; height:36px; padding:0 0 0 15px; display:none	
}

.OBTitleC {
	float:right; border-left:3px #fff solid; width:283px; height:36px; padding:0 0 0 15px; background-image:url('images/BG-onlineBankingTitle.jpg'); 
	background-repeat:repeat-x; text-align:left; line-height:37px; font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px; font-weight:bold; color:#fff
}


#topSectionC {
	width:100%
}

#topNavandMainPicC {
	float:left;
	width:665px
}

#topRightC {
	float:right
}

#mainPic-HomeandOnlineBankingC {
	width:100%; border-bottom:3px #fff solid;
}

.mainPic-Home {
	float:left; width:665px;
}

.mainPic-Home p {
	margin:0; padding:0
}

.mainPicSubs {
	width:665px; /*border-top:3px #fff solid;*/ border-bottom:3px #fff solid
}

.mainPicSubs p {
	margin:0; padding:0
}


.topRightSubsC {
	border-left:3px #fff solid; width:298px; height:227px; padding:0;
}

.topRightSubsC p {
	margin:0; padding:0
}

.onlineBankingC {
	float:right; border-left:3px #fff solid; width:298px; height:188px; padding:0;
	background-image:url('images/BG-onlineBanking.jpg'); background-repeat:no-repeat
}

.onlineBanking {
	padding:20px 0 0 25px; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#e2e2e2; font-weight:bold;
	font-size:13px;
}

.accessID {
	padding:0 0 15px;
	*padding:0 0 9px;
}

.OBLogonBox {
	margin:0 0 0 6px; font-size:12px; width:160px; border:0; color:#333
}

.OBRadio {
	margin:0 12px 0 57px;
	*margin:0 12px 0 50px
}

.onlineBankingLinks {
	padding:0 0 12px 83px; font-size:11px;
	*padding:0 0 11px 83px;
}

.onlineBankingLinks a:link, .onlineBankingLinks a:visited, .onlineBankingLinks a:active {
	color:#fff; text-decoration:none
}

.onlineBankingLinks a:hover {
	color:#fff; text-decoration:underline
}

.logonButtonC {
	padding:3px 0 0 83px
}

.logonButton {
	border:2px #fff solid; background-color:#b7b7b7; color:#fff; font-weight:bold; font-size:11px; padding:1px 0;
	*padding:0
}

#contentBoxesC {
	border-left:0px #777 dotted; border-right:0px #777 dotted; font-size:11px; font-family:Tahoma, Arial, Helvetica, sans-serif;
	background-image:url('images/BG-ContentBoxes2.jpg'); background-repeat:repeat-y;
	_width:968px; /*_background-image:url('images/BG-ContentBoxes2-IE6.jpg'); _background-repeat:no-repeat;
	_background-position:left*/

}

#contentBoxesCsubs {
	border-left:1px #777 dotted; border-right:1px #777 dotted; font-size:11px; 
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	background-image:url('images/BG-ContentBoxes2Subs.jpg'); background-repeat:repeat-y;
	width:964px; padding:0 0 45px; min-height:200px;
	_width:966px; _border:0; _background-image:url('images/BG-ContentBoxes6Subs-IE6.jpg'); 
	_background-repeat:no-repeat; _background-position:top
}


#contentBoxesC ul {
	margin:0 0 12px -20px;
	*margin:0 0 12px 18px;
}

.usefulLinks {
	font-weight:bold; line-height:21px
}

/*.contentBoxLeftSubs {
	float:left; width:616px; padding:0 25px 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px;
	_width:618px;
}*/

.contentBoxLeftSubs {
	float:left; width:914px; padding:0 25px 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px;
	/*_width:916px;*/
}

.contentBoxLeft {
	float:left; width:291px; padding:0 20px 10px;
	_width:291px
}

.contentBoxMiddle {
	float:left; width:297px; padding:0 20px 10px; background:none;
	_width:297px
}

.contentBoxRight {
	float:left; width:258px; padding:0 20px 10px; 
	_width:259px;
}

/*.contentBoxRightSubs {
	float:right; width:258px; padding:0 20px 20px; border-bottom:4px #515151 solid; margin-right:-25px
}*/

.contentBoxRightSubs {
	float:right; width:258px; padding:0 20px 20px; border-bottom:4px #b7b7b7 solid; margin:0 -25px 20px 25px;
	background-image:url('images/BG-dottedBorder.jpg'); background-repeat:repeat-y; background-position:left;
	*margin:0 -25px 20px 0px; *width:257px;
	_width:281px;
	/*border-left:1px #777 dotted; position:absolute; z-index:1; right:37px; top:332px*/
}

.contentBoxRightSubs ul {
	margin:0 0 12px -20px;
	*margin:0 0 12px 18px;
}

.bigText {
	color:#8a914b; font-weight:bold; font-size:14px; font-family:Tahoma, Arial, Helvetica, sans-serif
}

#footerLinksC {
	height:29px; width:100%; background-image:url('images/BG-footer.jpg'); background-repeat:repeat-x;
	line-height:29px; color:#fff; font-size:11px; font-family:Tahoma, Arial, Helvetica, sans-serif; text-align:center
}

#footerLinksC a:link, #footerLinksC a:visited, #footerLinksC a:active {
	color:#fff; text-decoration:none
}

#footerLinksC a:hover {
	color:#fff; text-decoration:underline
}

#footer2C {
	height:46px; width:100%; 
}

.FDICLogo {
	float:left; padding:7px 0 0 2px
}

.copyright {
	float:right; padding:18px 2px 0 0; color:#515151; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px
}

.clear {
	clear:both
}

.invisible {
	border:0; height:0; width:0; display:none
}

.linkDivider {
	font-weight:normal
}

.tinyText {
	font-size:7pt
}

.noLeftMarginList {
	 margin-left:-25px;
	 *margin-left:17px;
}

.registeredSymbol {
	font-size:8pt
}

.quickLinks {
	width:90%; margin:6px auto 12px; text-align:center; font-size:8pt; font-weight:bold
}

.quickLinks table {
	border:0; border-collapse:collapse
}

.quickLinks td {
	border-left:2px #ccc solid; border-right:2px #ccc solid; padding:0
}

.quickLinks a:link, .quickLinks a:visited, .quickLinks a:active {
	text-decoration:none
}

.quickLinks a:hover  {
	text-decoration:underline
}


.backToTop {
	font-size:8pt; font-weight:bold
}

.backToTop a:link, .backToTop a:visited, .backToTop a:active {
	text-decoration:none
}

.backToTop a:hover  {
	text-decoration:none
}

.searchBox {
	font-size:12px; color:#111; height:14px; margin:4px 2px 0; border:1px #222 solid;
	*margin:1px 2px 0
}

.searchButton {
	font-size:11px; color:#222; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding:0 3px
}

#flashcontentHome {
		border: none;
		padding:0; 
		vertical-align:top; 
		height:188px; 
		width:665px;
}


/* -------------------------------------------------------------------------------------------------------- */
/* Top Navigation ************************************/

#topNavigationC {
	width:665px; 
	height:36px; 
	background-image:url('images/BG-topNavigation.jpg'); 
	background-repeat:repeat-x;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	float:left
}

#topNavigationCsubs {
	width:665px; 
	height:36px; 
	background-image:url('images/BG-topNavigation.jpg'); 
	background-repeat:repeat-x;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	float:left;
	border-bottom:3px #fff solid
}


#topNavContainer a:active, #topNavContainer a:hover   {
	/*color:#f9a23c;*/
	text-decoration:none;
	
}

.topNavLinkDiv {
	*padding: 0 0 0 5px;  
	*width:660px;
	padding: 0 0 0 15px; 
	width:650px;
	height: 36px;
	/*float: left;*/
	text-align:center;
	_position:absolute;
	_z-index:5 /* 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
}

.topNavLinkDiv img {
	border:0
}

#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 9px; /*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 */
	/*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: 11px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	line-height: 37px; /*needs to be the same as or close to the topNavLinkDivs class above */
	color:#fff; /*color of main nav link state */
	list-style-image:none;
	background-image:url('images/BG-topNavTab.jpg');
	background-repeat:no-repeat;
	/*width:154px;*/
	text-align:left;
	margin: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:0 0 0 0px;  /* Controls the positioning of the dropdowns. The left margin works with the "#nav a" left and right padding values  */
	border-top: 0px #cccccc 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: 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 #ddd solid;  /*Adds a line in between each drop down link */
	background-image:none;
	display:block;
	margin:-1px 0 0 0 /*controls positioning of the dropdowns */
}

.bottomDDLine {
	width:100%; height:0; border-bottom:3px #90bde7 solid; border-top:1px #ccc solid;
	_border-bottom:0px #90bde7 solid; _border-top:0px #ccc solid; _display:none
}


/*********************************************************************/
#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:transparent;
}
#nav li:hover {
	background-color:transparent;
}
#nav li.sfhover a {
	color: #fefefe;
}
#nav li:hover a {
	color: #fefefe; 
} 

/* Dropdown Hover States
*******************************/
#nav ul li.sfhover {
	/*background-color:#56789a; */
	background-color:#dcdcdc
}

#nav ul li:hover {
	background-color:#515151; 
}

#nav li.sfhover ul a:link, #nav li.sfhover ul a:visited {
	color: #414141; 
}

#nav li:hover ul a:link, #nav li:hover ul a:visited {
	color:#414141;
} 

#nav li:sfhover ul a:hover, #nav li:sfhover ul a:active {
	/*color:#e1d587;*/color:#fff
}

#nav li:hover ul a:hover, #nav li:hover ul a:active {
	/*color:#e1d587;*/color:#fff
} 


/************************************************************************/










