﻿body {
	margin: 0 auto;
	padding: 0;
	font-family: Helvetica,  sans-serif;
	_text-align: center; /*IE6*/
}
a img {
	border: none;
}

img {
	border: 4px #A9D0ED solid;
}

/*
table {
	border-collapse: collapse;
}
*/
a:visited {
	text-decoration: underline;
	color: #000; /* #BE1B20; */
	border-bottom: 0px aqua solid;
}
a:link {
	text-decoration: underline;
	color: #000; /* #BE1B20; */
	border-bottom: 0px aqua solid;
}
a:active {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
strong {
	text-decoration: none;
}
/* BUTTONS
**************************************************/

a.button:link, a.button:visited  {
	color: #3C5665;
	background-color: #fff;
	text-decoration: none;
	border: 3px #3C5665 solid;
	padding: 6px 12px;
	font-weight: bold;	
	margin: 12px 0 0 24px;
	line-height: 4;
}

a.button:active, a.button:hover {
	border: 3px #3C5665 solid;
	color: #fff;
	background-color: #3C5665;
	text-decoration: none;
}

/* CONTAINERS
**************************************************/
#container_header {
	width: 100%;
	border: 10px 0;
	background: #fff;
	_text-align: left; /*IE6*/ 
	height: 169px;
	*height: 169px; 
	_height: 169px;
	position: relative;
		
}
#container_contentTop {
	width: 100%;
	border-bottom: 1px #000 solid;
	background: #00204E url('images/bg_top_blue.gif') repeat-y center top; /*#329f44  #156679 */
	_text-align: left; /*IE6*/
	display: none; 
}
#home #container_contentTop {
	display: block;
}
#container_contentMain {
	width: 100%;
	border-bottom: 1px #000 solid;
	background: #ABAFB2 url('images/bg_main.jpg') repeat-y center top;
	_text-align: left; /*IE6*/

}
#container_footer {
	width: 100%;
	border-bottom: 1px #000 solid; 
	background: #ABAFB2 url('images/bg_main.jpg') repeat-y center top;
	_text-align: left; /*IE6*/
}
/* HEADER
**************************************************/
#header {
	width: 965px;
	margin: 0 auto 0 auto;
	padding: 0;
	border: 0px #000 solid;
}

.family {
	position: absolute;
	width: 305px;
	height: 169px;
	top: 0;
	left: 725px;	
	*left: 689px;
	border: none;
}

*:first-child+html .family{ 
	left: 689px;   /*IE7*/
}
#header img {
	margin: 8px 0 0 100px;
	*margin: 4px 0 0 100px;
	_margin: 8px 0 0 100px;	
	border: 0px #000 solid;
}
/* NAVIGATION
**************************************************/

#nav ul {
	display: block;
	list-style: none;
	line-height: 1;
	padding: 0;
	margin: 0;
	text-transform: capitalize;
	z-index: 100;
}

#nav {
	display: block;
	list-style: none;
	line-height: 1;
	padding: 0;
	margin: 0;
	text-transform: capitalize;
}
#nav {
	position:absolute;
	*position: relative; /*IE6*/
	z-index:10;
	width: 965px;
	margin-top:  8px;   /* padding for division from logo and navigation */
}
*:first-child+html #nav{ 
	position: relative;
	margin-top:  12px;   /*IE7*/

}
#nav a {
	display: block;
	color: #333;
	text-decoration: none;
	text-align: center;
	padding: 0 6px;
	line-height: 34px;
	font-size: .95em;
	background: url('images/navtab_left.jpg') no-repeat left top;
	border: 0px #000 solid;
	margin: 0;
}
#nav a:hover {
	color: #000;
}
#nav li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	background: url('images/navtab_right.jpg') no-repeat right top;
}
#nav li ul {
	position: absolute;
	left: -999em;
	width: 199px;
	font-size: 0.9em;
	font-weight: normal;
	text-transform: none;
	background: #00204E; /* #0B5467; /* #B6B160; */
	border-top: 1px #00204E solid;
	border-left: 1px #CAC416 solid;
	border-right: 1px #CAC416 solid;
}
#nav li li {
	width: 199px;
	background: none;
	margin: 0;
}
#nav li ul a {
	width: 185px;
	color: #333; /* #BE1B20; */ 
	line-height: 1.5em;
	text-align: left;
	border: none;
	padding: 6px; 
	background: none;
	text-transform: capitalize;
	border-top: 0px #CAC416 solid;	
	border-bottom: 1px #CAC416 solid;	
}
#nav li ul a:hover {
	color: #333;
}
#nav li ul ul {
	margin: -1.3em 0 0 200px;
}
#nav li ul.noclip ul {
	margin-left: -200px;
}
#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;
}

#nav li li:hover ul {
	left: auto;
	display: block;
}

#nav li:hover ul {
	left: auto;
	display: block;
}

#nav li.sfhover ul a.dd {
	background: none;
	background-image: url('images/arrow.jpg');
	background-position: right center;
	background-repeat: no-repeat;
}

#nav li:hover ul a.dd {
	background: none;
	background-image: url('images/arrow.jpg');
	background-position: right center;
	background-repeat: no-repeat;
}

/* Main Button Hover States */
#nav li.sfhover {
	background: url('images/2_right_hover.jpg') no-repeat right top;
}
#nav li:hover {
	background: url('images/2_right_hover.jpg') no-repeat right top;
}
#nav li.sfhover a {
	color: #fff;
	background: url('images/2_left_hover.jpg') no-repeat left top;
}
#nav li:hover a {
	color: #fff;
	background: url('images/2_left_hover.jpg') no-repeat left top;
}
/* Dropdown Button Hover States */
#nav ul li.sfhover {
	background: #00204E; /* #0B5467; /*orange; #D9E4E6;  #B5B05F; */
}
#nav ul li:hover {
	background: #00204E; /* #0B5467; /*orange; #D9E4E6;  #B5B05F; */
}
#nav li.sfhover ul a {
	color: #fff;
	background: none;
}
#nav li:hover ul a {
	color: #fff;
	background: none;
}
#nav li.sfhover ul a:hover {
	color: #fff; /* #0B5467; */
	font-weight: bold;
	background-color: #00204E;
}

#nav li:hover ul a:hover {
	color: #fff; /* #0B5467; */
	font-weight: bold;
	background-color: #00204E;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -32px 0 0 190px;
	padding: 0;
	font-size: .95em;
}

#nav li.sfhover ul ul ul {
	left: -999em;
	display: block;
	border-top: 1px #000 solid;
}

#nav li.sfhover ul ul {
	left: -999em;
	display: block;
	border-top: 1px #000 solid;
}

#nav li:hover ul ul ul {
	left: -999em;
	display: block;
	border-top: 1px #000 solid;
}

#nav li:hover ul ul {
	left: -999em;
	display: block;
	border-top: 1px #000 solid;
}

#nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	display: block;
}

#nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	display: block;
}

#nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	display: block;
}

#nav li li li:hover ul { /* lists nested under hovered list items */
	left: auto;
	display: block;
}

#nav li li:hover ul { /* lists nested under hovered list items */
	left: auto;
	display: block;
}

#nav li:hover ul { /* lists nested under hovered list items */
	left: auto;
	display: block;
}

/* CONTENT - TOP
**************************************************/
#contentTop {
	width: 964px;
	margin: 0 auto;
	padding: 0;
	background: #00204E;  /*url('images/bg_con_top2.jpg'); #329f44*/
	background-position: left bottom;
	background-repeat: repeat-x; 
	min-height: 210px;
	border-top: 0px #000 solid;
	border-left: 1px #000 solid;
	border-right: 0px #000 solid;
	border-bottom: 0px #000 solid;		
}
#clock {
	background: #00204E; /*#329f44 ;*/
	color: #fff;
	font-size: 0.8em;
	line-height: 2.3em;
	padding:0;
	border: 0px #000 solid;
}

#clock a {
	color: #fff;
	text-decoration: underline;
}
#clock a:hover {
	color: #fff;
	text-decoration: none;
}

#clock a.specials {
	color: #00204E;
	padding: 0 2px;
	text-decoration: none;
	border-top: 6px #fff solid;
	border-left: 6px #CBC318 solid;
	border-right: 6px #CBC318 solid;
	border-bottom: 6px #fff solid;
	background-color: #fff;
	font-size: .87em;
}

#clock a.specials:hover {
	color: #000;
	text-decoration: underline;
	background-color: #fff;
}

#login {
	background: #14396d url('images/online_curve_top.gif') no-repeat left top; /* #0B5467 */
	width: 300px;
	float: right;
	display: block;
	color: #fff;
	margin: 0 20px 0 0;
	_margin: 0 10px 0 0; /*IE6*/
	font-size: 0.8em;
}
#login h2 {
	background: url('images/online_banking.gif') no-repeat center center;
	height: 40px;
	text-indent: -999em;
	margin: 0 0 25px 0;
}
#login form {
	margin: 0;
	border: 0px #fff solid;
	text-indent: 20px;
}
#login form #AccessIDVisible {
	width: 100px;
	border: 1px #9D9DA1 solid;
}
#login form #AccessIDVisible:focus {
	border: 2px #CEC415 solid;
	background-color: #fff; /* #9F002F; /* #B5B05F; */
	color: #000;
}
#login form #AccessIDVisible:hover {
	border: 2px #CEC415 solid;
	background-color: #fff; /* #9F002F; /* #B5B05F; */
	color: #000;
}
#login form div {
	margin-top: 25px;
	background: #14396d url('images/online_curve_bottom.gif') no-repeat center; /* #0B5467 */
	padding: 0 0 20px 0;
}
#login form a {
	color: #fff;
	font-size: 0.9em;
}
#contentTop #promo {
	width: 570px;
	float: left;
	display: block;
	margin: 0 0 0 0;
	_margin: 0 0 0 0; /*IE6*/
	font-size: 0.7em;
/*	line-height: 1.5em; */
	color: #00204E; /* #F0EBEB; */
	padding: 0;
	_height: 175px;
}
#contentTop #promo #contentTop #promo {
	margin: 0;
	font-size: 1.25em;
	padding: 0;
	color: #fff;
/*	font-family: Verdana; */
	text-decoration: underline;
}

#contentTop #promo p {
	margin: 0px 0 0 0;
	font-size: 1.75em;
	padding: 0;
/*	font-family: Times New Roman, Times, serif; */
}

#contentTop #promo a {
	color: #00204E;
	text-decoration: underline;
}

#contentTop #promo a:hover {
	color: #00204E;
	text-decoration: none;
}

#contentTop #teaser {
	font-size: 1.2em;
	color: #fff;
	text-decoration: none;
}

#contentTop #teaser a {
	color: #fff;
	text-decoration: underline;
}

#contentTop #teaser a:hover {
	color: #fff;
	text-decoration: none;
}

#news {
	background-color: #14396d; /*#329f44;*/
	color: #fff;
	font-size: .8em;
	padding: 3px 0;
}


/* CONTENT - MAIN
**************************************************/
#contentMain {
	width: 904px;
	margin: 0 auto;
	padding: 0;
	background: none;
	font-size: 0.8em;
	padding: 12px 30px 30px 30px; 
	_height: 250px;
	border-top: 31px #00204E solid; /*#00204E #0B5467 */
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;
	border-bottom: 0px #000 solid;
}
#home #contentMain {
	width: 964px;
	margin: 0 auto;
	padding: 0;
	background: none;
	font-size: 0.8em;
	min-height: 336px;
	_height: 270px;
	height:auto;
	border-top: 0px #000 solid;
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;
	border-bottom: 0px #000 solid;
}
#home #contentMain h1 {
	margin: 0 auto;
	padding: 0;		
	color: #000;
	font-size: 2.1em;
	padding: 18px 24px 0 300px;
	border: 0px #000 solid;
}
#home #contentMain h2 {
	margin: 0 auto;
	padding: 0;		
	color: #000;
	font-size: 1.5em;
	padding: 18px 24px 0 300px; 
	border: 0px #000 solid;
	text-transform: none;
}
#home #contentMain p {
	margin: 0 auto;
	padding: 12px 24px 0 300px; 
}
#home #contentMain img {
	margin: 0;
	padding: 0;
}
#contentMain h1 {
	color: #00204E;
	font-size: 1.5em;
	border-bottom: 1px #000 solid;	
	text-transform: capitalize;	
}
#contentMain h2 {
	color: #00204E;
	font-size: 1.2em;
	text-transform: capitalize;
	border-top: 0px #00204E dotted;
	border-left: 10px #00204E solid;
	border-right: 0px #00204E dotted;
	border-bottom: 1px #00204E dotted;
	padding: 3px 0 3px 6px;
	margin: 24px 0 0 24px;
	font-weight: normal; 
	background-color: #fff;
}
ul {
	margin: 24px;
	color: #000;
}
#contentMain p {
	margin: 24px;
	color: #000;
}
#contentMain p {
	margin: 12px 24px;
	color: #000;
}
ol {
	margin: 0 0 0 75px;
	padding: 6px 0;
	color: #000;
}

#contentMain ul {
	margin: 0 0 0 75px;
	padding: 6px 0;
	color: #000;
}

#contentMain strong {
	color: #000;
}

#content a img {
	border: none;
}
#contentMain h3 {
	color: #000;
	font-size: 1em;
	margin: 0 0 0 24px;
	text-decoration: none
}

/* FOOTER
**************************************************/
#footer {
	width: 940px;
	margin: 0 auto;
	padding: 3px 12px 3px 12px;
	background-color: #00204E;
	color: #fff;
	font-size: 0.8em;
	line-height: 30px;
	white-space: nowrap;
	border-top: 0px #000 solid;
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;
	border-bottom: 1px #000 solid;
	vertical-align: bottom;	
	text-align: right;
	display: block;
	background: #00204e url('images/fdic.gif') no-repeat left;
}

#footer a {
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	color: #fff; /* #A9A8A8; */
	text-decoration: underline;
}

#footer img {
	border: 0px #fff solid;
	padding: 4px 0;
	text-align: left;
}

/* GENERAL CLASSES
**************************************************/

#teaser {
	color: #fff;
	font-size: 1em;
	font-style: italic;
}

.clear {
	clear: both;
}
.divider {
	background: url('images/divider.jpg') no-repeat center top;
	width: 20px;
}
.txtLeft {
	text-align: left;
}
.txtRight {
	text-align: right;
}
.imgBorder {
	border: 3px #000 solid;
	padding: 2px;
	margin: 4px 12px 4px 4px;
}

a[href$=".pdf"] {
	background: url('images/pdf.gif') no-repeat left center;
	/*padding-left: 20px;*/
	border: 0px #000 solid;
}


.cTimeValue FIELDSET
{
	font-family: 'verdana' , 'arial' , 'helvetica';
	font-size: 10pt;
}


.cTimeValue UL
{
	font-family: 'verdana' , 'arial' , 'helvetica';
	font-size: 10pt;
}


.cTimeValue P
{
	font-family: 'verdana' , 'arial' , 'helvetica';
	font-size: 10pt;
}


.cTimeValue INPUT
{
	font-family: 'verdana' , 'arial' , 'helvetica';
	font-size: 10pt;
}


.cTimeValue
{
	font-family: 'verdana' , 'arial' , 'helvetica';
	font-size: 10pt;
}
.cTimeValue H3
{
	font-family: 'verdana' , 'arial' , 'helvetica';
	font-size: 12pt;
}
.cTimeValue H2
{
	font-family: 'verdana' , 'arial' , 'helvetica';
	font-size: 12pt;
}
.cTimeValue #COMPUTE
{
	color: #444444;
	font-family: 'verdana' , 'arial' , 'helvetica';
	font-size: 10pt;
	font-weight: bold;
}

/* RONDOUT : CALCULATORS 
**************************************************/

/*Amortization Table*/
.cTimeValue .cAmortTitleFont
{
	font-weight: bold;
	border: 1px #000 solid;
}
.cTimeValue .cAmortTable TD
{
	padding: 0;
	font-size: 9pt;
	font-family: Arial;
	text-align: right;
}
.cTimeValue .cAmortHeader TD
{
	border-top: #dedfef 1px solid;
	border-bottom: #dedfef 2px solid;
	font-weight: bold;
	background-color: #eeeeee;
	text-align: center;
}
.cTimeValue .cAmortLineE TD
{
	background-color: #F7F7F8;
}
.cTimeValue .cAmortLineTotals TD
{
	font-weight: bold;
	color: black;
	border-top: double 3px black;
}

/* TABLE: CALCULATORS 
**************************************************/
table.calcs {
	border-top: 1px #00204E solid;
	border-left: 1px #00204E solid;
	border-right: 1px #00204E solid;
	border-bottom: 1px #00204E solid;			
	padding: 0;
/*	background-color: #00204E; */
	font-size: 1em;
	width: 70%;
}
table.calcs td {
	color: #00204E;
	border-top: 0px #fff solid;
	border-left: 0px #fff solid;
	border-right: 0px #fff solid;
	border-bottom: 0px #fff solid;
	padding: 4px 2px;
	background-color: #ABAFB2;
	width: 50%;
	font-weight: bold;
}
table.calcs input {
	color: #00204E;
	border: 1px #00204E solid;
	padding: 2px;
	background-color: #fff;
	width: 150px;
}
table.calcs input.buttons {
	font-weight: bold;
	color: #fff;
	border: 1px #00204E solid;
	background-color: #00204E;
	width: 175px;
	font-size: 1em;
	cursor: hand;
}

/* TABLE: ACCOUNT MATRIX
**************************************************/

table.matrix {
	border: 0px #000 dashed;
	background-color: #fff;
	margin: 0 auto;
	width: 95%;
}


table.matrix th {
	font-weight: normal;
	background: #A9D0ED;
	border-top: 3px #fff solid;
	border-left: 2px #fff solid;
	border-right: 0px #fff solid;
	border-bottom: 0px #fff solid;
	text-align: center;
	color: #000;
	padding: 6px;
	margin: 0;
}

table.matrix td {
	background: #ebebeb;
	border-top: 3px #fff solid;
	border-left: 3px #fff solid;
	border-right: 0px #fff solid;
	border-bottom: 0px #fff solid;			
	text-align: center;
	padding: 4px;
}
table.matrix a {
	color: #000;
	font-size: .8em;
	text-decoration: none;
	font-style: italic;
}
table.matrix a:hover {
	text-decoration: underline;
}

/* TABLE: CONTACT
****************************************************/

table.contact {
	border: 0px #000 solid;
	background-color: #fff;
	margin: 0 auto;
	width: 75%;
}

table.contact th {
	font-weight: normal;
	border-top: 0px #000 solid;
	border-left: 10px #00204E solid;
	border-right: 0px #000 solid;
	border-bottom: 1px #000 solid;
	padding: 0 6px;
	text-align: left;
	color: #000;
	margin: 3px 0;
	font-weight: bold;
	width: 33%;	
}
table.contact td {
	border-top: 0px #000 solid;
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;
	border-bottom: 1px #000 solid;			
	padding: 6px 4px;
	width: 33%;
	background-color: #A9D0ED;
}

table.contact a {
	color: #00204E;
}
table.contact a:hover {
	color: #fff;
	text-decoration: none;
}


p.contact {
	padding: 12px 0;
	text-transform: capitalize;
}

/* TABLE: HOURS
****************************************************/

table.hours {
	border-top: 0px #000 solid;
	border-left: 0px #000 solid;
	border-bottom: 0px #000 solid;	
	background-color: #fff;
	margin: 0 auto;
	width: 90%;
}
table.hours td {
	border-top: 0px #000 solid;
	border-left: 0px #000 solid;
	border-right: 1px #000 solid;
	border-bottom: 1px #000 solid;			
	padding: 6px 4px;
	width: 25%;
}
table.hours td.lobby {
	background-color: #A9D0ED;
}
table.hours td.borders {
	border: none;
	background-color: #fff;
	height: 24px;
}
table.hours img {
	border: 3px #00204E solid;
	margin: 6px;
}

/* TABLE: RATES
****************************************************/

table.rates {
	border-top: 0px green solid;
	border-left: 0px green solid;
	border-right: 0px green solid;
	border-bottom: 0px green solid;	
	width: 95%;	
	text-align: center;	
	margin: 0 auto;
}

table.rates th {
	border-top: 0px #green dotted;
	border-left: 0px green solid;
	border-right: 0px green solid;
	border-bottom: 1px #00204E solid;
	padding: 3px 6px;	
	background-color: #A9D0ED;
	color: #00204E;
	text-transform: capitalize;
	text-align: left;
}

table.rates td {
	border-bottom: 1px #00204E solid;
	padding: 6px;
	vertical-align: text-top;
	text-align: left;
}

.fraudAlert {
	/*color:#dd0000; */
	color: #fff;
	font-weight:bold; 
	text-align:center; 
	padding:0; 
	margin:0 0 0 70px; 
	position:absolute;
	z-index:1;
	*margin:-20px 0px -20px 50px;
}

.AccessIDContainer {
	text-align:center; margin:20px auto 0 25px;
	*margin:-19px auto 0 25px;
	
}

.dateAndTime {
	float:right; padding:7px 45px 0 0; color:#fff; font-size:12px; font-weight:bold; width:200px;
	position:absolute; z-index:100; top:212px; left:759px;
	*top:215px;
	_top:218px; _left:754px;
}

.topRatesSectionC {
	 margin-bottom:18px; padding:1px 0 3px; border-bottom:#000 1px solid
}

.topRatesTitle {
	 float:left; color: #00204E; font-size: 1.5em; text-transform: capitalize; padding:28px 18px 0 0;
}

.topRatesCalcLink {
	 float:right;
}

.topRatesDateAndTime {
	 padding:28px 0 0 0; float:left; margin-top:6px;
}


