﻿body{
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica;
	background-color: #7f95ad;
}
#page {
	width: 865px;
	margin-right: auto;
	margin-left: auto;
}
#top{
	height: 131px;
	background-color: #FFFFFF;
	width: 865px;
}
#logo {
	height: 82px;
	margin-top: 20px;
	margin-left: 10px;
}

#topNav{
	font-size: 0.7em;
	padding-top: 5px;
	padding-right: 20px;
}
#topNav A{
	color: #000000;
	text-decoration: none;
}
#topNav a:hover {
	color: #999999;
	text-decoration: underline;
}

#slogan{
	position: absolute;
	top: 0px;
	right: 0px;
	height: 104px;
	width: 560px;
	z-index: 2;
}
#slogan #sloganText{
	position: relative;
	top: 50px;
	right: 125px;
	z-index: 9;
	text-align: right;
}

#nav{
	width: 865px;
	height: 29px;
	text-align: right;
	min-width: 650px;
	/* IE 6 Hacks */
	_width: 865px;
	background-color: #002b5c;
}
#nav_corp a {
	background-image: url(images/nav_corp.gif);
}
#nav_corp a:hover {
	background-image: url(images/nav_corp.gif);
	background-position: -29px;
}
#mainNav
{
	width: 100%;
	height: 61px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 6;
}

#topList
{
	padding:0;
	margin: 0px 0px 0px 40px;
	list-style-type: none;
	font-family: Arial, Helvetica;
	font-size: 0.9em;
	text-align: center;
	height: 61px;
}

#topList li
{
	display: inline;
}

#topList a:visited
{
	float:left;
	width:100px; 
	line-height:18px;
	text-decoration:none;
	color:#000000;
	border-right:1px solid #7D6B3A;
	height: 59px; 
	vertical-align: middle;
/*	padding: 20px 10px 20px 10px;*/

}

#topList a:link
{
	float:left;
	width:100px; 
	line-height:18px;
	text-decoration:none;
	color:#000000;
	border-right:1px solid #7D6B3A;
	height: 59px; 
	vertical-align: middle;
/*	padding: 20px 10px 20px 10px;*/

}

#topList a:hover
{
	background-color: #988352;
	color: #FFFFFF;
}
br{
	line-height: 35%;
}
/*a:visited{
	line-height: 35%;
}*/
#toplist a:link{
	line-height: 35%;
}
#footer{
	font-size: 0.7em;
	text-align: right;
	position: relative;
	bottom: -50px;
	right: 20px;
	z-index: 8;
}
#footer A{
	color: #000000;
	text-decoration: none;
}

#footerShell{
	position: relative;
	bottom: 0px;
	width: 825px;
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCD6E2;
}
#footerShell p {
	font-size: 0.7em;
}
#footerShell p a {
	color: #002b5c;
	text-decoration: none;
}
#footerShell p a:hover {
	color: #0D4788;
	text-decoration: underline;
}
#bugs{
	position: relative;
	top: 0px;
	left: 0px;
}
#eightbysix {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	position: absolute;
	z-index: 20;
	left: 225px;
	top: -110px;
	background-color: #FFCC00;
	padding: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#eightbysix p {
	background-color: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 150%;
	width: auto;
}
/* -------------------LOGIN BOX CLASSES BEGIN */
#login{
	background: #1F406A;
	width: 289px;
	text-align: center;
}
.loginTop{
	background: #1F406A url('images/loginTop.gif') no-repeat;
	height: 17px;
}
.loginBody{
	background: #1F406A url('images/loginBottom.gif') no-repeat bottom center;
	height: 260px;
}
.loginTitle{
	font-size: 1.5em;
	color: #FFFFFF;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica;
}

/* -------------------LOGIN BOX CLASSES END */

/* -------------------TEXT CLASSES BEGIN */
#content{
	font-size: 0.9em;
	height: 100%;
	/* min-height: 580px; */
	background-color: #FFFFFF;
	width: 845px;
	padding: 10px 10px 10px 10px
	
}
#content BR{
	line-height: 140%;
}
#content table{
	font-size: 0.9em;
	line-height: 140%;
}
#content h1{
	font-family: "Trebuchet MS", Times, Arial;
	color: #20416C;
	font-weight: bold;
	font-size: 1.7em;
	margin-bottom: 3px;
	border-bottom: 1px solid #A6935E;
}
h3{
	font-family: "Trebuchet MS", Times, Arial;
	color: #20416C;
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 3px;
}
.blue{
	color: #002858;
}
.gold{
	color: #A0915A;
}
#content A{
	color: #1F406A;
	text-decoration: none;
}
#content A:visited{
	color: #1F406A;
}

#content A:hover{
	color: #7B99C1;
}
/* -------------------TEXT CLASSES END */

/* -------------------DROPDOWN CLASSES BEGIN */

.anylinkcss{
position:absolute;
visibility: hidden;
font-family: "Trebuchet MS", Arial, Helvetica;
font-size: 0.7em;
line-height: 18px;
z-index: 100;
/*background-image: url('images/transBackLight.png');*/
background-repeat: repeat;
background-color: #CABB9A;
width: 120px;
margin-top: 6px;
/*Add a magin here to control the dropdowns postion if it is for a vertical navigation*/
}

.anylinkcss a{
width: 100%;
display: block;
text-indent: 3px;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
color: #000000;
_height: 18px;
vertical-align: middle;
}

.anylinkcss a:hover{ /*hover background color*/
background-color: #988352;
color: white;
}

/* -------------------DROPDOWN CLASSES END */

/* -------------------BOARD CLASSES END */

table.board{
	width: 100%;
	min-width: 600px;
}
table.board td.title{
	font-size: 16px;
	background: #2D4F79;
	color: #FFFFFF;
	font-weight: bold;
	padding: 6px;
	border-bottom: 2px #988352 solid;
}
table.board td{
	border-bottom: 1px solid #C3C4C6;
	padding: 7px;
}
table.board td IMG{
	border: 4px #16375F inset;
}

/* -------------------BOARD CLASSES END */

.button{
	width: 110px;
	padding: 7px;
	text-align: center;
	font-size: 1.5em;
	background: #16375F;
	border-style: outset;
	border-width: 2px;
}
.button A{
	color: #FFFFFF;
	text-decoration: none;
}

/* -------------------HOME PAGE CLASSES BEGIN */
#letter{
	/*background: #FFFFFF url('images/watermark.jpg') no-repeat top center;*/
}
#content .headlines{
	font-weight: bold;
	font-size: 14px;
}
#headlines{
	/*padding-left: 15px;*/ text-align:center
}
#headlines p{
	margin-top: 4px;
	margin-bottom: 4px;
}
/* -------------------HOME PAGE CLASSES END */


#onlineBankingC {
	width:258px; padding:8px 10px 6px 10px; background-color:#012b5d; margin-bottom:6px; font-size:11px;
	line-height:18px;
	/**height:227px; *padding:6px 10px 10px 10px;
	_height:202px; _padding:6px 10px 10px 6px; */
}

.onlineBankingTitle {
	background-color:#fff; margin:-10px -10px  0 -10px; font-family:"Times New Roman", Times, serif;
	font-size:14px; text-align: center; color:#012b5d; padding:0 0 5px
}

.onlineBankingTitle1 {
	background-color:#fff; margin:-14px -10px  0px -10px; font-family:"Times New Roman", Times, serif;
	font-size:14px; text-align: center; color:#012b5d; padding:0; line-height:21px;
	*line-height:26px;
}


.bigger {
	font-size:17px;
}

.biggerText {
	font-size:12px
}

.biggerText1 {
	font-size:13px; margin:0 0 6px;
}

.onlineBanking1 {
	border:0px #496a5f solid; width:230px; margin-top:10px; padding:0px 13px; font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#fff; font-weight:bold; 
	/*height:211px;
	_height:198px;*/	
}

.onlineBanking1 hr {
	height:1px; color:#b6985a; border:1px #b6985a solid; 
	*height:3px;
}

.onlineBanking1 form {
	margin:0; padding:0
}

.onlineBanking1TakeMeTo {
	font-size:11px; margin:0 0 0 29px; width:151px; *width:149px;
}

.onlineBanking1 p {
	margin:0 0 10px;
	*margin:0 0 8px;
	_margin:0 0 6px;
}

.onlineBankingImages1 {
	margin:3px 12px; border:0
}

.onlineBankingAccessIDBox {
	font-size:11px; height:12px; width:111px; margin:0 3px 0 6px
}

.onlineBankingLogonButton {
	font-size:12px; padding:0 2px; 
	*font-size:11px; *height:20px;
}

.onlineBankingLinks {
	font-size:10px; text-align:center; font-weight:bold; color:#b6985a; text-decoration:underline
}

.onlineBankingLinks a:link, .onlineBankingLinks a:active, .onlineBankingLinks a:visited  {
	color:#b6985a; text-decoration:underline
}

.onlineBankingLinks a:hover {
	color:#fff; text-decoration:none
}

.ATMLocator {
	margin:0 auto 18px; width:258px; padding:10px; background-color:#012b5d; font-size:11px;
	/**height:83px;
	_height:93px*/
}

.ATMLocator2 {
	border:1px green solid; width:260px; font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#012b5d; font-weight:bold; /*margin:18px auto 6px; */
	margin:18px 193px 6px auto; 
}

.ATMLocator2 form {
	margin:0; padding:0
}

.ATMLocatorC {
	padding:10px; background-color:#012b5d; margin:10px;
}

.ATMLocatorC2 {
	margin:12px auto; 
	*margin:8px auto 12px;
}

.ATMLocatorI {
	/*border:1px #496a5f solid;*/ width:144px; font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#fff; font-weight:bold; margin:0 auto; 
	/**margin-top:0px; *height:75px;
	_height:85px*/
}

.ATMLocatorI form {
	margin:0
}

.ATMLocatorTitle {
	text-align:left; padding:0;
	*padding:8px 0
}

.searchPageC {
	min-height:350px; padding:15px 12px;
}

.FDICExtendedInsurance {
	font-size:9px; border:1px #ccc solid; width:150px; padding:1px 5px;
}

.FDICExtendedInsurance a {
	color:#111; text-decoration:none
}

.FDICExtendedInsurance a:hover {
	color:#111; text-decoration:underline
}

.clear {
	clear:both
}
















