@charset "utf-8";
/*  CSS */

a,
a:link,
a:visited,
a:hover,
a:active	{color:#323131; outline: none;}

.left		{float:left;}
.right		{float:right;}
.clear		{clear:both;}
.clrright	{clear:right;}
.clrleft	{clear:left;}

h1			{font:1.6em Arial, Helvetica, sans-serif;margin:0;padding:0}
h2			{font:1.5em Arial, Helvetica, sans-serif;margin:0;padding:0}
h3			{font:1.4em Arial, Helvetica, sans-serif;margin:0;padding:0}

.pad5		{padding:5px;}
.sm9		{font: 9px/10px Arial, Helvetica, sans-serif;}
.sm10		{font: 10px/10px Arial, Helvetica, sans-serif;}

img {behavior: url(inc/pngbehavior.htc);}
#map img {behavior:none !important;}
#googlemap {width: 550px; height: 270px; border:1px solid #ccc;line-height:15px;float:right;}
.red, a.red	{color:#990000;}
.border	{
	padding:3px;
	background:#ccc;
	}

.blue, a.blue	{color:#284b92;}

/******   LAYOUT   ******/
* {outline-style: none;}

html,body	{
	height:100%;
	width: 100%;
	margin: 0 auto;
	}
	
body	{
	margin:0 auto;
	text-align:center;
	padding:0;
	font: 62.5% Arial, Helvetica, sans-serif;
	color: #323131;
	background:#84011f url(../images/bg.gif) repeat-x;
	}
	
#wrapper	{
	width:1010px;
	height:auto;
	margin: 0 auto;
	padding: 0;
	text-align:left;
	background: url(../images/wrapperbg.png) repeat-y;
	font: 1.3em/1.5em Arial, Helvetica, sans-serif;
	}
	
* html #wrapper	{background: url(../images/wrapperbg.gif) repeat-y;}
	
#header	{
	height:91px;
	margin:0 auto;
	background: url(../images/headerbg.gif); 
	}

*html #header {margin-bottom:-19px;}
 *:first-child+html #header {height:73px;margin-bottom:-1px;}
 


.logo	{padding: 19px 0 0 12px;}

.pageheading	{margin-left:-12px;}
	
	

#home #content	{
	width:994px;
	margin:0px;
	padding: 0px 8px 20px 8px;
	}

#content	{
	width: 970px;
	padding: 0px 20px 20px 20px;
	min-height:500px;
    height:auto !important;
    height:500px;
	}
		
	
#boxes	{
	position:relative;
	z-index:1;
	margin: -150px auto 0 auto;
	width:960px;
	}	

.box	{
	width:275px;
	height:155px;
	background:url(../images/boxbg.png) no-repeat;
	float:left;
	margin: 0 2px;
	padding: 20px;
	font: 12px/15px Arial, Helvetica, sans-serif;
	}
	
ul#redbullet	{list-style-image: url(../images/bullet.gif);}

.branchloc	{
	width:960px;
	border-bottom:1px solid #ccc;
	float:left;
	margin: 10px;
	height:170px;
	}
.branchloc .hours 	{float:right;width:400px;}
.branchloc img.mainbranch	{
	float:left;
	padding:3px;
	background:#fff;
	border:1px solid #ccc;
	margin:0 10px 10px 0;
	}

.branchloc:first-line { color:#990000;font-size:16px;} 

/******* FOOTER *******/
#footer	{
	height:80px;
	width:980px;
	padding: 10px 15px; 
	margin: 0 auto;
	text-align:left;
	color:#fff;
	background:url(../images/footerbg.gif) no-repeat;
	clear:both;
	}
#footer a	{text-decoration:none;color:#fff;}

#footer #credit				 {float:right;width:115px;}
#footer #credit a 	 		 {color:#41010f;text-decoration:none;}
#footer #credit a:hover 	 {color:#fff;text-decoration:none;}
#footer #credit img	{margin-top:-10px;}

#footer	.terms, #footer .terms a {color:#2e010b;}




table.compareaccounts td	{vertical-align:top;font:11px/15px Arial, Helvetica, sans-serif; padding:5px 0px 5px 5px;}
table.compareaccounts h1	{font: 24px Arial, Helvetica, sans-serif;color:#990000;border-bottom:1px solid #9ebfce;}
/*table.compareaccounts h1	{font: 19px Arial, Helvetica, sans-serif;background:#2d5aaa;color:#fff;text-indent:6px;padding:2px;text-transform:uppercase;}*/
tr.odd	{background:#e0edf3;}



/****************    NAV   ************/
#nav .menu {	
	padding: 32px 0px 0 0;
    overflow: hidden;
    height: 0px !important;
    height /**/:32px;
	float:left;
	}
		
#nav a#financial									{background:url(../images/nav-FinancialTools.gif) no-repeat;width:113px;}
#nav a#financial:HOVER,.financial #nav a#financial	{background:url(../images/nav-FinancialTools-over.gif) no-repeat;}

#nav a#reorder										{background:url(../images/nav-ReorderChecks.gif) no-repeat;width:108px;}
#nav a#reorder:HOVER,.reorder #nav a#reorder		{background:url(../images/nav-ReorderChecks-over.gif) no-repeat;}
		
#nav a#personal										{background:url(../images/nav-PersonalBanking.gif) no-repeat;width:124px;}
#nav a#personal:HOVER,.personal #nav a#personal		{background:url(../images/nav-PersonalBanking-over.gif) no-repeat;}

#nav a#business										{background:url(../images/nav-BusinessBanking.gif) no-repeat;width:125px;}
#nav a#business:HOVER,.business #nav a#business		{background:url(../images/nav-BusinessBanking-over.gif) no-repeat;}

#nav a#onlinebanking											{background:url(../images/nav-OnlineBanking.gif) no-repeat;width:108px;}
#nav a#onlinebanking:HOVER,.onlinebanking #nav a#onlinebanking	{background:url(../images/nav-OnlineBanking-over.gif) no-repeat;}

#nav a#loan											{background:url(../images/nav-LoanInformation.gif) no-repeat;width:126px;}
#nav a#loan:HOVER,.loan #nav a#loan					{background:url(../images/nav-LoanInformation-over.gif) no-repeat;}


 
#topnav  {width:435x;float:right;margin: 25px 0 0 0; }
html>/**/body #topnav 		 {margin: 24px 0 0 0; }
html>/**/body #topnav, x:-moz-any-link, x:default  	{margin: 24px 0 0 0; } /* IE 8 */
body:nth-of-type(1) #topnav		 {margin: 24px 0 0 0;  }

#topnav a {font:bold 11px Arial, Helvetica, sans-serif;color:#fff;text-decoration:none;margin: 5px 3px;}
#topnav a:hover	{color:#ffd306;}

/******* HORIZONTAL NAV MENU  ***********/
#nav	{
	height:32px;
	width:704px; 
	float:right;
	margin: 15px 8px 0 0;
	position: relative;
	z-index:10;
	}
*html #nav	{
	position:absolute;
	z-index:500;
	width:704px;
	} /*IE 6*/ 
	
		
ul#hrznav {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 704px; /*For KHTML*/
  list-style: none;
  height: 32px;
  padding: 0px;
  float:right;
	}

ul#hrznav li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 32px;
  z-index:500;
	}

ul#hrznav li li{height:25px;}

ul#hrznav ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 190px;
  list-style: none;
  display: none;
  position: absolute;
  top: 32px;
  left: 0;
	}

ul#hrznav ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
	}

/* Root Menu */
ul#hrznav a {
  padding: 2px 2px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #e1a913;
  font: 1.3em/1.90em Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
	}

/* Root Menu Hover Persistence */
ul#hrznav a:hover,
ul#hrznav li:hover a,
ul#hrznav li.iehover a {
  background: #CCC;
  color: #FFF;
	}

/* 2nd Menu */
ul#hrznav li:hover li a,
ul#hrznav li.iehover li a {
  float: none;
  background:#234790;
  color: #dae4fb;
  border-top:1px solid #2d57ac;
  border-bottom:1px solid #1e3d7c;
  font-size:.9em;
  line-height:2.0em;
  padding:0px 2px;
  height:30px;
  text-indent:5px;
  	}


	
*html #nav	{z-index:500; position:relative;}



/* 2nd Menu Hover Persistence */
ul#hrznav li:hover li a:hover,
ul#hrznav li:hover li:hover a,
ul#hrznav li.iehover li a:hover,
ul#hrznav li.iehover li.iehover a {
  background: #1a3772;
  color: #ffd306;
	}

/* 3rd Menu */
ul#hrznav li:hover li:hover li a,
ul#hrznav li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
	}

/* 3rd Menu Hover Persistence */
ul#hrznav li:hover li:hover li a:hover,
ul#hrznav li:hover li:hover li:hover a,
ul#hrznav li.iehover li.iehover li a:hover,
ul#hrznav li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
	}

/* 4th Menu */
ul#hrznav li:hover li:hover li:hover li a,
ul#hrznav li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
	}

/* 4th Menu Hover */
ul#hrznav li:hover li:hover li:hover li a:hover,
ul#hrznav li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
	}

ul#hrznav ul ul,
ul#hrznav ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
	}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#hrznav li:hover ul ul,
ul#hrznav li:hover ul ul ul,
ul#hrznav li.iehover ul ul,
ul#hrznav li.iehover ul ul ul {
  display: none;
	}

ul#hrznav li:hover ul,
ul#hrznav ul li:hover ul,
ul#hrznav ul ul li:hover ul,
ul#hrznav li.iehover ul,
ul#hrznav ul li.iehover ul,
ul#hrznav ul ul li.iehover ul {
  display: block;
	}





/**********  CONTACT FORM   **********/
form#contact 	{
	margin:0;
	padding: 5px;
	float:right;
	width: 275px;
	background:#d0e6f5;
	border: 1px solid #a5cae4;	
	}	

#contact label,#contact input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	}

#contact label {
	text-align: right;
	width: 75px;
	padding-right: 5px;
	}

#contact br {clear: left;}

#contact fieldset	{
	margin:0px 0px 10px 0px;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
	} 
	
#contact legend	{
	color:#84011F;
	font-variant:small-caps;
	font:bold 1.0em Arial, Helvetica, sans-serif;
	padding:2px 5px;
	position: relative;  
	}

#contact span.state	{width:130px;float:left;text-align:right;}
	
#contact #zip {
	width: 60px;
	margin-right:12px;
	float: left;
	}
#contact #zipname	{width:27px;margin-left:13px;float:left;}
	
#contact #comments	{
	display: block;
	width: 240px;
	height:70px;
	margin-bottom: 15px;
	}

textarea{overflow:auto;}
	
#contact #submit	{
	width: 85px;
	height:32px;
	margin-left:90px;
	}
	
#contact .shhhh, .shhhh {display:none;}


/* SUBMIT BUTTON */

.button a.submit, button.submit{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    font-size:100%;
    text-decoration:none;
    cursor:pointer;
	font:bold 100% "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	color:#565656;
}
.button a.submit:hover, button.submit:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
	cursor:pointer;
}
.button a.submit:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}	 
	
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

body.cms #content {line-height:normal;}