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

Dark Green = #006247
Lighter Green = #007055
Light light green = #ccddc8

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

body {
	margin:0 0 30px; font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#222
}

table {
	_behavior:url('iepngfix/iepngfix.htc'); font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#222; 
}

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

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


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


a:visited {
	color:#006247; text-decoration:underline
}


a:link {
	color:#006247; text-decoration:underline
}

a:active {
	color:#006247; text-decoration:none	
}

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

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#006247; margin:-6px 0 15px; border-bottom:1px #bcbcbc dotted; 
	line-height:24px; width:100%;
	*line-height:26px;
}

h2 {
	margin:3px 0 4px; color:#007055; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; 
	line-height:25px; 
}


h3 {
	font-family:Verdana; font-size:14px; color:#006247; margin:0 0 9px;
}

h4 {
	font-family:Verdana; font-size:12px; color:#007055; margin:0 0 -6px;
}

#shadowContainer {
	width:983px; background-image:url('images/BG-shadow.jpg'); background-repeat:repeat-y;
	background-position:top;
	_background-image:url('images/BG-shadow-IE6.jpg'); _margin-top:-1px;
}

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

#topC {
	width:948px; height:208px; background-image:url('images/BG-top1.jpg'); background-repeat:no-repeat;
	background-position:top; margin:0 auto -1px; padding-left:15px;
}

#Logo {
	float:left; width:426px; height:142px; padding:23px 0 0 0; margin-left:-7px
}

#topLineC {
	width:983px; height:29px; /*height:30px;*/ background-image:url('images/BG-shadowTopEdges.jpg'); 
	background-repeat:no-repeat; background-position:top;
}

.searchBoxC {
	float:right; height:23px; padding:5px 4px 0 0
}

.searchBox {
	font-size:12px; color:#111; height:14px; margin:0px 2px 0; border:0px #222 solid; padding-left:1px; padding-right:1px
}

.searchButtonC {
	float:right; height:24px; padding:3px 0 0
}

.searchButton {
	font-size:11px; color:#222; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; padding:0 3px;
}

#topLine {
	margin:0 auto; width:953px; height:28px; /*line-height:26px;*/ padding:0 10px 0 0; border-left:1px #000 solid; 
	border-top:1px #000 solid; border-right:1px #000 solid; background-image:url('images/BG-topLine.jpg'); 
	background-repeat:repeat-x; text-align:right; color:#fff; font-weight:bold; font-size:11px;
	background-color:#006247; font-family:Verdana, Arial, Helvetica, sans-serif; border-bottom:0px #000 solid;
}

#topLine a:active {
	color:#efefef; text-decoration:none
}

#topLine a:visited {
	color:#efefef; text-decoration:none
}

#topLine a:link {
	color:#efefef; text-decoration:none
}

#topLine a:hover {
	color:#fff; text-decoration:none
} 




#middleC {
	margin:0 auto; width:963px; border-left:1px #000 solid; border-right:1px #000 solid; 
	background-image:url('images/BG-middle4.jpg'); background-repeat:repeat-x; background-position:bottom;
	_margin:0px auto 0;
}

#slideShowC {
	float:left; width:624px; height:177px; padding:9px 8px 13px 10px;
	
}

#flashcontentHome {
	width:624px; height:177px; padding:0; 
}

/*#middleLeftBox {
	float:left; width:289px; padding:20px 12px 25px 20px; line-height:15px
}

#middleCenterBox {
	float:left; width:289px; padding:20px 20px 25px 12px; line-height:15px
}*/









#onlineBankingC {
	float:left; width:321px; background-image:url('images/BG-onlineBanking2.jpg'); background-repeat:no-repeat;
	height:199px; color:#fefefe; font-size:11px
}

.onlineBanking {
	height:86px; padding:45px 8px 0 0px;  
}

.onlineBankingSpanish {
	height:81px; padding:47px 0 0 20px;
	*padding:47px 0 0 18px;  
}

.onlineBanking-password {
	padding:3px 0 0 8px; font-family:Verdana; color:#efefef; font-weight:bold;
}

.onlineBanking-AccessID {
	padding:7px 7px 0 0; text-align:center; font-weight:bold; font-family:Verdana
}

.onlineBanking-inputBoxes {
	font-size:13px; width:140px; border:1px #225f35 solid; color:#222; padding:1px 2px
}

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

.onlineBanking-lock {
	margin:0 0 -2px 6px
}

.onlineBanking-loginButton {
	font-size:12px; margin-right:28px; padding:1px 3px; 
	*padding:1px 
}

.onlineBankingLinks {
	font-size:10px; padding:22px 5px 0 0; text-align:center; font-family:Verdana; font-weight:normal
}

.onlineBankingLinks a:visited {
	text-decoration:none; color:#efefef
}

.onlineBankingLinks a:link {
	text-decoration:none; color:#efefef
}

.onlineBankingLinks a:active {
	text-decoration:underline; color:#fff
}

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


#dateTimeYearScript {
	padding:39px 12px 0 0; text-align:center; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt; font-weight:normal;
	*padding:22px 12px 0 0; _padding:0px 12px 0 0;

}

#bottomC {
	width:963px; min-height:230px; margin:0 auto; border:1px #000 solid; background-color:#fefefe; 
	background-image: url('images/BG-bottom.jpg'); background-position:bottom; background-repeat:repeat-x
}

#bottomCsubs {
	width:963px; min-height:325px; margin:0 auto; border:1px #000 solid; background-color:#fefefe; 
	background-image: url('images/BG-bottom.jpg'); background-position:bottom; background-repeat:repeat-x
}

#bottomCcontent {
	padding:25px 28px 45px;
}

#bottomCcontentSubs {
	padding:25px 41px 60px
}

#bottomCcontentSubs p {
	font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#222
}

.topRightContentImages {
	float:right; margin:0 0 30px 30px
}




#BGshadowFooter {
	width:983px; background-image:url('images/BG-footerShadow1.jpg'); background-repeat:no-repeat;
	background-position:bottom; padding:0 0 9px;
}

#footer {
	width:957px; padding:0 3px; margin:0 auto; border-left:1px #000 solid; border-bottom:1px #000 solid; border-right:1px #000 solid;
	height:30px; background-image:url('images/BG-footer.jpg'); background-repeat:repeat-x; background-position:bottom;
	background-color:#006247; font-family:Verdana, Arial, Helvetica, sans-serif; 
}

.footerLogos {
	float:left; padding:0 10px
}

.footerLogos img {
	margin:4px 7px 4px 0
}

.footerLinks {
	float:right; line-height:28px; color:#fff; font-weight:bold; font-size:10px; padding:0 10px;
	_line-height:30px
}

.footerLinks a:active {
	color:#efefef; text-decoration:none
}

.footerLinks a:visited {
	color:#efefef; text-decoration:none
}

.footerLinks a:link {
	color:#efefef; text-decoration:none
}

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





.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;
}

.registeredSymbolDD {
	font-size:6pt; text-decoration:none
}

.registeredSymbol {
	font-size:7pt; text-decoration: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
}






.titleText {
	font-size:9pt; color:#222; font-weight:normal; font-family:Arial
}

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

.ratesTable td {
	border:1px #aaa solid; padding:3px
}

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

.ratesColumnHeader {
	color:#222; font-weight:bold; 	background-color:#ccddc8; 
	font-family: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%
}

.enrollForm {
	margin:0 auto; background-color:#ececec; padding:25px; border:1px #ccc solid; width:455px
}



.locationsCT {
	width:100%; margin:10px auto; border:0; border-collapse:collapse
}

.locationsCT td {
	border:0; 
}

.locationsCT ul {
	margin:6px 0 12px -24px; 
	*margin:6px 0 12px 15px;
}

.locationsCT li {
	margin-bottom:4px
}

.locationsCT h2{
	margin-top:-6px
}

.locationsCT img {
	border:1px #ccc solid 
}

.locationsContentMiddle {
	padding-right:30px; width:33%
}

.locationsContentRight {
	padding:25px 30px 0 0; width:33%
}

.quickLinks {
	width:90%; margin:6px auto; text-align:center; font-size:11px; font-weight:bold; color:#999
}

.quickLinks a:link, .quickLinks a:visited, .quickLinks a:active {
	text-decoration:none
}

.quickLinks a:hover  {
	text-decoration:underline
}


.checkingTC {
	width:70%; margin:6px auto; border-collapse:collapse
}

.checkingTC td {
	border:1px #aaa solid; padding:5px; 
}

.checkingTCheader {
	background-color:#ccddc8; font-weight:bold; text-align:center; 
}












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

#topNavContainer {
	 
	 width:546px;
	  /*margin:0 0 0 23px;*/
	 /*background-image:url('images/BG-topNavTab-114w.jpg'); 
	 background-repeat:no-repeat; */
	 /*height:25px; 
	 width:738px;*/
	 /*line-height:20px;*/
	 font-family:Verdana, Tahoma;
	 font-weight:bold;
	 font-size:9pt;
	 padding:0;
	 height:43px;
	 margin-bottom:1px;
	 *margin:0;
	 /*_margin:-1px*/
	  	 
}

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

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

#topNavContainer li {
	list-style-type:none
}

#topNavContainer ul {
	list-style-type: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 */
	/*line-height: 29px;
	width:738px;*/
	height:43px;
	float: left;
	text-align:center;
	/*margin:0 auto;*/
        _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 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:Verdana, Tahoma;
	line-height: 28px; /*needs to be the same as or close to the topNavLinkDivs class above */
	color:#111;
	list-style-image:none;
	background-image:url('images/BG-topNavTab.png');
	background-repeat:no-repeat;
	width:108px;
	text-align:center;
	margin:0 1px 0 0
}

.tabLineBreak {
	 margin:-14px 0 0 0
}

#nav li {/* all list items */
	float: left;
	/*width: 116px; /* width needed for Opera */
	/*background: url('images/BG-topNavTab-122w.jpg') no-repeat right top;*/
	
}

#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: 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: 1px #000 solid;
	border-right: 1px #000 solid;
	border-bottom: 1px #000 solid;
	border-left: 1px #000 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: #024782;
	font-weight:normal; /* controls font weight of dropdown links */
	line-height: 17px;
	text-align: left;
	font-family: Verdana;
	font-size: 11px;
	border-top: 1px #cfcfcf 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: #006247;
}
#nav li:hover a {
	color: #006247; 
} 

/* Dropdown Hover States
*******************************/
#nav ul li.sfhover {
	/*background-color:#56789a; */
	background-color:#ddd
}

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

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

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

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

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

#nav li:sfhover ul a:active {
	/*color:#e1d587;*/color:#111
}

#nav li:sfhover ul a:hover {
	/*color:#e1d587;*/color:#111
}

#nav li:hover ul a:active {
	/*color:#e1d587;*/color:#111
} 


#nav li:hover ul a:hover {
	/*color:#e1d587;*/color:#fff
} 


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


table .privacy {
	border-color:#999999; border-style:solid; border-width: 0 0 1px 1px;
}

table .privacy td {
	border-color:#999999; border-style:solid; border-width: 1px 1px 0 0;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
}
	
.blackBG {
	background-color: #333333;
	font-size: 16px;
	color: #FFFFFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}
.grayBG {
	background-color: #999999;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}
.blackBG2 {
	background-color: #333333;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
}
.tab {
	border-bottom: 1px #999999 solid; 
	height:20px;
}
.med {
	font-size: 13px;
	vertical-align:top;
}