/* ------- Colors -----------------------------
green = #477166
light blue from header = #90bde7
dark green for text = #3a5951
lighter green for text = #477166
light blue link color = #689ed0
darker light blue link color = #4281bc
dark green for new logo = #006327
light green for new logo = #83ca40


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

body {
	margin:15px 0 50px; background-color:#fbfdf8; background-image: url('images/BG-green.jpg'); background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#3e3e3e
}

img {
	border:0; _behavior:url('iepngfix/iepngfix.htc')
}

div, table, td {
	_behavior:url('iepngfix/iepngfix.htc'); 
}


a:link, a:visited {
	color:#4281bc; text-decoration:none
}

a:hover, a:active {
	color:#3a5951; text-decoration:underline
}

p {
	padding:0 0 8px;
}

h1 {
	font-size:14px; color:##006327; font-weight:bold; font-family:Verdana, Arial; margin:0 0 15px 0; line-height:25px;
	border-bottom:1px #90bde7 dotted; width:100%;	
	_border-bottom:1px #ccc solid
}

h2 {
	font-size:12px; color:#006327; font-weight:bold; font-family:Verdana, Arial; margin:0 0 6px 0; 
}

.normalText {
	font-size:9pt; color:#3e3e3e; font-weight:normal; font-family:Arial, Helvetica, sans-serif
}

h3 {
	width:206px; margin:0 0 3px; height:29px; line-height:31px; font-family:Arial, Helvetica, sans-serif; font-size:12px;
	font-weight:bold
}

h3 a:link, h3 a:visited, h3 a:active {
	background-image:url('images/leftButtons1.jpg'); display:block; height:29px; padding-left:31px; color:#222;
	text-decoration:none
}

h3 a:hover {
	background-image:url('images/leftButtons1.jpg'); display:block; height:29px; padding-left:31px; color:#3a5951;
	text-decoration:none
}



h4 {
	width:206px; height:26px; background-color:#006327; color:#fff; font-size:12px; font-weight:bold; text-align:center;
	line-height:26px; font-family:Verdana, Arial; margin:-1px -10px 11px;
}

h5 {
	width:492px; height:26px; background-color:#006327; color:#fff; font-size:12px; font-weight:bold; 
	text-align:left; line-height:26px; font-family:Verdana, Arial; padding-left:10px;
	margin:-18px -20px 16px -15px;
}

h6 {
	width:205px; height:26px; background-color:#006327; color:#fff; font-size:12px; font-weight:bold; text-align:center;
	line-height:26px; font-family:Verdana, Arial; margin:0 -10px 11px;
}

.bigText {
	text-align:center; margin-top:10px; margin-bottom:10px; font-size:26pt; color:#689ed0; 
	font-family:"Times New Roman", Times, serif
}

.registeredMark {
	font-size:7pt
}

.tinyText {
	font-size:8pt
}

.subTitles {
	font-size:12px; color:#333; font-weight:bold; font-family:Verdana, Arial
}

.boxTitles {
	width:100%; height:26px; background-color:#006327; color:#fff; font-size:12px; font-weight:bold; text-align:center;
	line-height:26px; font-family:Verdana, Arial;
}

.boxTitleMiddle {
	width:492px; height:26px; background-color:#006327; color:#fff; font-size:12px; font-weight:bold; text-align:center;
	line-height:26px; font-family:Verdana, Arial; padding-left:10px
}



.leftSideButtons {
	width:206px; margin:0 0 3px; height:29px; line-height:31px; font-family:Arial, Helvetica, sans-serif; font-size:12px;
	font-weight:bold
}

.leftSideButtons a:link, .leftSideButtons a:visited, .leftSideButtons a:active {
	background-image:url('images/leftButtons1.jpg'); display:block; height:29px; padding-left:31px; color:#222;
	text-decoration:none
}

.leftSideButtons a:hover {
	background-image:url('images/leftButtons1.jpg'); display:block; height:29px; padding-left:31px; color:#3a5951;
	text-decoration:none
}

#leftSideBottomBoxC {
	width:186px; padding:3px 10px 10px; font-size:8pt
}


/*#bottomRightBox {
	width:205px; padding:4px; 
}

#leftSideBottomBoxC {
	width:206px; padding-top:3px
}

.contentBox {
	padding:0px 10px 10px; font-size:8pt
}*/

.learnMoreLink {
	text-align:right; margin-top:6px; margin-right:3px; font-weight:bold; font-size:7pt
}

.dottedLineDivider {
	width:100%; border-top:1px #ccc dotted; margin-bottom:12px;
	*margin-bottom:5px;
	_border-top:1px #ccc solid
}

.contentBoxLineSpace {
	margin-top:-17px; *margin-top:-25px
}

#bottomMiddleContentBox {
	padding:22px 19px 20px; width:472px; font-size:8pt;
}

/*#bottomMiddleContentBox {
	padding:4px; width:502px; font-size:8pt;
}

.contentMiddleBox {
	padding:18px 15px 16px; font-size:8pt; width:472px;
} */

#container {
	width:941px; margin:0 auto; border:1px #fff solid; background-color:#fff
}

#topC {
	width:941px; height:120px; background-image:url('images/BG-top4.jpg'); background-repeat:no-repeat
}

#LogoC {
	float:left; margin:11px 0 0 17px
}

#topRightLinks {
	float:right; margin:11px 17px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:8pt; 
	color:#006327;
	_margin:11px 9px 0 0;
}

#topRightLinks a:link, #topRightLinks a:visited, #topRightLinks a:active {
	color:#006327; text-decoration:none; font-weight:bold
}

#topRightLinks a:hover {
	color:#689ed0; text-decoration:none; font-weight:bold

}

#bottomC {
	width:939px; background-image:url('images/BG-bottomC.jpg'); background-repeat:repeat-y; border:1px #ccc solid;
}

#bottomSubsC {
	width:939px; background-image:url('images/BG-bottomSubsC.jpg'); background-repeat:repeat-y; border:1px #ccc solid;
}

#bottomRightSubsC {
	float:left; width:655px; padding:18px 35px 50px; min-height:320px
}

#bottomRightSubsC a:link, #bottomRightSubsC a:visited {
	color:#4281bc; text-decoration:underline
}

#bottomRightSubsC a:hover, #bottomRightSubsC a:active {
	color:#3a5951; text-decoration:none
}


/*#bottomRightSubsContent {
	width:714px; border:1px #ccc solid; margin:4px 4px 4px 5px
}*/


#bottomLeftC {
	float:left; width:206px; background-color:#ececec; padding:4px
}

#leftSideButtonsC {
	width:206px; /*border-bottom:1px #ccc solid; padding:0 0 2px*/
}

#leftSideButtonsC p {
	margin:0; padding:0; display:none
}

.leftSideButtons {
	width:206px; margin:0 0 3px; height:29px; line-height:31px; font-family:Arial, Helvetica, sans-serif; font-size:12px;
	font-weight:bold
}

.leftSideButtons a:link, .leftSideButtons a:visited, .leftSideButtons a:active {
	background-image:url('images/leftButtons1.jpg'); display:block; height:29px; padding-left:31px; color:#222;
	text-decoration:none
}

.leftSideButtons a:hover {
	background-image:url('images/leftButtons1.jpg'); display:block; height:29px; padding-left:31px; color:#3a5951;
	text-decoration:none
}

#bottomMiddleC {
	float:left; width:510px; border-left:1px #ccc solid; border-right:1px #ccc solid;
}

#mainHomePic {
	padding:4px; border-bottom:1px #ccc solid; width:502px;
}

#mainHomePic p {
	margin:0;
}


#bottomRightC {
	float:left; width:213px;
}

#bottomRightBox {
	width:185px; padding:4px 14px 14px; font-size:8pt;
}

.bottomRightBoxContent {
	padding:7px; font-size:8pt
}

#onlineBankingC {
	width:205px; padding:4px; background-color:#ececec; border-bottom:1px #ccc solid;
}

.onlineBanking {
	height:81px; text-align:center; padding:7px 0 0 0; font-size:11px; color:#222; font-weight:bold; 
	*height:67px
}

.onlineBanking-AccessID {
	padding:7px 7px 0 0; text-align:center
}

.onlineBanking-ButtonAndLockContainer {
	padding:5px 18px 0 5px; text-align:right;
	*padding:5px 16px 0 5px
}

.onlineBanking-lock {
	float:right; padding:4px 9px 0 0
}

.onlineBankingLinks {
	font-size:7pt; padding:18px 0 5px; text-align:center;
}

.onlineBankingLinks a:link, .onlineBankingLinks a:visited {
	text-decoration:none; color:#689ed0
}

.onlineBankingLinks a:hover, .onlineBankingLinks a:active {
	text-decoration:underline; color:#3a5951
}


#footerC {
	height:35px; width:941px; background-image:url('images/BG-footer2.jpg'); background-repeat:repeat-x;
	background-color:#006327; font-size:8pt; color:#fff; font-weight:bold; 
}

.footerLinks {
	float:left; width:761px; text-align:center; line-height:39px; padding-left:90px; height:35px;
	
}

.footerLinks a:link, .footerLinks a:visited, .footerLinks a:active  {
	color:#fff; text-decoration:none
}

.footerLinks a:hover {
	color:#fff; text-decoration:underline
}

.FDICandEHL {
	float:right; width:67px; padding:10px 13px 0 10px; height:25px 
}

.clear {
	clear:both
}

.invisible {
	border:0; height:0; width:0; display:none
}

.calculatorC {
	background-color:#eaeaea; border:1px #ccc solid; width:500px; margin:15px auto 10px; padding:9px
}

.calculator {
	padding:8px
}

.calculatorInnerTable {
	width:100%; border:0; border-collapse:collapse; margin:0 auto;
}

.calculatorInnerTable td {
	border:0; padding:2px
}

.calculator-leftColumn {
	width:50%; text-align:right;	
}

.calculator-leftColumnWider {
	width:50%	
}

.results {
	 margin:5px auto; width:500px; font-weight:bold
}




.ratesTable {
	margin:12px auto; width:96%; border-collapse:collapse; border:0
}

.ratesTable td {
	border:1px #bbb solid; padding:4px
}

.ratesTableTitle {
	font-weight:bold; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#3e3e3e; border:0
}

.ratesColumnHeading {
	background-image:url('images/BG-topLine.jpg'); background-repeat:repeat-x; background-position:bottom;
	color:#fff; font-weight:bold; 
	font-size:12px; background-color:#006327; font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;	
}

.ratesColumnHeadingLeft {
	background-image:url('images/BG-topLine.jpg'); background-repeat:repeat-x; background-position:bottom;
	color:#fff; font-weight:bold; 
	font-size:12px; background-color:#1169b3; font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;	
}


.ratesDisclaimersTable {
	border:0; font-size:9pt; margin:-12px auto 30px; width:96%
}














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

#topNavContainer {
	background-color:#006327;
	 width:913px;
	 font-family:Tahoma;
	 font-weight:bold;
	 font-size:9pt;
	 padding:0 0 0 28px;
	 height:27px;
	 border-bottom: 1px #fff solid;
	 
}

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

.topNavLinkDiv {
	padding: 0;  
	width:929px;
	height: 27px;
	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
}

#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 35px; /*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: 12px;
	font-family: Verdana;
	line-height: 28px; /*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 27px;  /* 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 #83ca40 solid; border-top:1px #ccc solid;
	_border-bottom:0px #83ca40 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:#006327; 
}

#nav li.sfhover ul a:link, #nav li.sfhover ul a:visited {
	color: #3a5951; 
}

#nav li:hover ul a:link, #nav li:hover ul a:visited {
	color:#3a5951;
} 

#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
} 


/************************************************************************/
#terms {
	overflow: auto; 
	height: 300px; 
	width: 630px; 
	padding: 10px; 
	border: 1px #bfbfbf solid;
}

@media print {
#terms {
	overflow: visible;
	height: auto;

}
}