/******* Resets *******/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

em{font-style: oblique;}
strong{font-weight: bold;}


body{
	background: #f5eaac url(img/background-body.png) repeat-x;
	font: 62.5% arial;
	color: #887b60;
}


/***************************************
	COLUMNS
***************************************/

#page{
	width: 980px;
	margin: 0 auto;
	padding: 0 5px 0 3px;
	background: #fff url(img/background-page.gif) repeat-y;
	text-align: left;
}

#page:after{
	content: "."; display: block; 
	height: 0; clear: both; 
	visibility: hidden;
}

#copy{
	float: left;
	width: 630px;
	padding: 35px;
}

#sidebar{
	float: right;
	width: 265px;
	padding: 9px 7px 30px 8px;
}



/***************************************
	HEADER 
***************************************/
#header{
	width: 980px;
	height: 225px;
	margin: 0 auto;
	padding: 0 5px 0 3px;
	background: transparent url(img/background-header.jpg) 0 100% no-repeat;
	position: relative;
}

#header:after{
	content: "."; display: block; 
	height: 0; clear: both; 
	visibility: hidden;
}

#header ul{
	position: absolute;
	top: 1em;
	right: 0;
}
#header li{
	display: inline;
	border-right: 1px solid #523468;
	
}

#header li.last{border: 0;}

#header li a{
	color: #523468;
	padding: 0 1em;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
}
#header li a:hover{text-decoration: underline;}


#header #social{
	text-align: right;
	position: absolute;
	left: 0;
	top: 40px;
	width: 100%;
	z-index:500;
}
#header #social a{
	
}

#header #logo{
	text-align: right;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: transparent url(img/headers/transparent.gif) 3px 100% no-repeat;
}
#header #logo a{
	float: right;
	margin: 78px 30px 0 0;
}

#header #logo img{
	display: block;
}

#header .slogan{
	bottom: 16px;
	color: #fc8f19;
	font: 2.6em georgia;
	font-style: oblique;
	left: 424px;
	position: absolute;
	text-shadow: #888 1px 1px 1px;
}




/***************************************
	NAVIGATION 
***************************************/
#navigation{
	display: table;
	width: 980px;
	border: 1px solid #fc8f19;
	border-width: 2px 0;
	background: transparent url(img/background-navigation.gif) repeat-x;
}

#navigation li{
	display: table-cell;
}

#navigation a{
	display: block;
	padding: 0 19px;
	font: 1.6em georgia, serif;
	text-decoration: none;
	line-height: 37px;
	color: #523468;
	white-space: nowrap;
	text-align: center;
}


#navigation li.expanded a,
#navigation li.selected a{
	border: 1px solid #fc8f19;
	border-width: 0 2px;
	padding: 0 17px;
	background: transparent url(img/background-navigation-selected.gif) repeat-x;
	color: #007c87;
}

#navigation ul{
	position: absolute;
	padding-top: 2px;
	display: none;
	z-index:500; /*	for latest news conflict	*/
}

#navigation li.expanded ul a{
	line-height:30px;
	color:#523468;
}

#navigation li.expanded ul a:hover{
	line-height:30px;
	color: #007C87;
}

#navigation li.expanded ul{
	display: block;
}


#navigation ul li{
	display: block;
}

#navigation li.expanded ul a,
#navigation li.expanded ul a:hover{
	padding: 0 19px;
	font-size: 1.4em;
	border: 1px solid #fc8f19;
	border-width: 0 1px 1px;
	background: transparent url(img/background-navigation-sub.png);
	text-align: left;
}

#navigation li.expanded ul a:hover{
	background: #fff;
}


/***************************************
	FOOTER 
***************************************/
#footer{
	width: 980px;
	margin: 0 auto;
	padding: 25px 5px 30px 3px;	
	background: transparent url(img/background-footer.png) no-repeat scroll 0 0;	
	text-align: center;
	font-size: 1.1em;
	line-height: 1.8em;
	font-weight: bold;
	color: #523468;	
}

#footer ul,
#footer li{
	display: inline;
}

#footer li{border-right: 1px solid #523468;}
#footer li.last{border: 0;}

#footer a{
	color: #523468;	
	padding: 0 .6em;
	text-decoration: none;
}

#footer a:hover{text-decoration: underline;}

#footer cite{
	display: block;
}

#ftimg{
	float:left; 
	margin-top:-70px; 
	margin-left:742px;
}


/***************************************
	TYPEOGRAPHY 
***************************************/
div.left{
	float:left;
	width:296px;
}

div.right{
	float:right;
	width:296px;
}

h1{
	font: 3.6em georgia, serif;
	margin: 0 0 .5em;
	color: #523468;
}

h2{
	font: 2.4em georgia, serif;
	color: #36797e;
}

h3{
	font: 1.6em georgia, serif;
	color: #36797e;
}

.feature h2, .news h2{
	font-size:2.2em;
}

#copy img.left{
	float:left;
	padding:0px 5px 0px 0px;
}

#copy img.right{
	float:right;
	padding:0px 0px 0px 5px;
}

address{
	font-size: 1.2em;
	color:#887b60;
}

ul.bullets{
	margin-bottom:15px;
}

ul.bullets h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.4em;
}

ul.bullets h3,
ul.bullets h3 a{
	font-weight: bold;
	color: #fc8f19;
	text-decoration: none;
}

ul.bullets h3 a:hover{
	text-decoration: none;
	color:#523468;
}

p{
	font-size: 1.2em;
	line-height: 1.3em;
	margin-bottom: 1.3em;
}


p.intro{
	font-family: georgia, sans-serif;
	font-size:1.6em;
}

a{
	color: #fc8f19;
	text-decoration: none;
}

p a:hover, a:hover{
	color:#523468;
}

p.footnote{
	font-size: 1em;
}

p.list{
	margin-bottom:0;
}

p.prates{
	color:#523468;
	margin-top:-1em;
}

ul.bullets li{
	background: transparent url(img/bullet-blue.png) 0 3px no-repeat;
	padding-left: 9px;
}

ul.bullets p{
	font: 1.2em arial, sans-serif;
}


/***************************************
	HOME
***************************************/
body.home #copy{
	padding-bottom: 0;
}

#icons{
	float:left;
	clear:both;
	margin:30px 0 30px;
}
#icons #left-arrow{
	float:left;
	width:35px;
	height:80px;
	display:block;
	margin:15px 0 0;
}
#icons #left-arrow a{
	background:url(img/left-arrow.jpg) no-repeat;
	float:left;
	width:35px;
	height:80px;
	display:block;
}
#icons #left-arrow a:hover{
	background:url(img/left-arrow-over.jpg) no-repeat;
}
#icons div{
	float:left;
	height:140px;
	overflow:hidden;
	width:535px;
	margin:0 0 0 20px;
}
#icons ul{
	float:left;
	height:140px;
	overflow:hidden;
}
	#icons li{
		float:left;
		margin:0 20px 0 0;
	}
		#icons li a{
			float:left;
			font-family:georgia;
			font-size:12px;
			padding:110px 10px 0;
			text-align:center;
			width:92px;
			color:#887B60;
			height:30px;
		}
		#home-buyer{
			background:url(img/icon/first-time-home-buyer.jpg) no-repeat;
		}
		#home-buyer:hover{
			background:url(img/icon/first-time-home-buyer-over.jpg) no-repeat;
		}
		#my-money{
			background:url(img/icon/my-money.jpg) no-repeat;
		}
		#my-money:hover{
			background:url(img/icon/my-money-over.jpg) no-repeat;
		}
		#business-accounts{
			background:url(img/icon/business-accounts.jpg) no-repeat;
		}
		#business-accounts:hover{
			background:url(img/icon/business-accounts-over.jpg) no-repeat;
		}
		#student-loans{
			background:url(img/icon/student-loans.jpg) no-repeat;
		}
		#student-loans:hover{
			background:url(img/icon/student-loans-over.jpg) no-repeat;
		}
		#car-loans{
			background:url(img/icon/car-loans.jpg) no-repeat;
		}
		#car-loans:hover{
			background:url(img/icon/car-loans-over.jpg) no-repeat;
		}
		#e-statements{
			background:url(img/icon/e-statements.jpg) no-repeat;
		}
		#e-statements:hover{
			background:url(img/icon/e-statements-over.jpg) no-repeat;
		}
		#mobile-money{
			background:url(img/icon/mobile-money.jpg) no-repeat;
		}
		#mobile-money:hover{
			background:url(img/icon/mobile-money-over.jpg) no-repeat;
		}
		#tax-preparation{
			background:url(img/icon/tax-preparation.jpg) no-repeat;
		}
		#tax-preparation:hover{
			background:url(img/icon/tax-preparation-over.jpg) no-repeat;
		}
		#espanol{
			background:url(img/icon/el-poder-es-tuyo.jpg) no-repeat;
		}
		#espanol:hover{
			background:url(img/icon/el-poder-es-tuyo-over.jpg) no-repeat;
		}
		#win-wii{
			background:url(img/icon/win-wii.jpg) no-repeat;
		}
		#win-wii:hover{
			background:url(img/icon/win-wii-over.jpg) no-repeat;
		}
		#online-tours{
			background:url(img/icon/online-tours.jpg) no-repeat;
		}
		#online-tours:hover{
			background:url(img/icon/online-tours-over.jpg) no-repeat;
		}
		#diamond{
			background:url(img/icon/diamond.jpg) no-repeat;
		}
		#diamond:hover{
			background:url(img/icon/diamond-over.jpg) no-repeat;
		}		
		#pre-approve{
			background:url(img/icon/pre-approve.jpg) no-repeat;
		}
		#pre-approve:hover{
			background:url(img/icon/pre-approve-over.jpg) no-repeat;
		}		
		
		
#icons #right-arrow{
	float:left;
	width:35px;
	height:80px;
	display:block;
	margin:15px 0 0;
}
#icons #right-arrow a{
	background:url(img/right-arrow.jpg) no-repeat;
	float:left;
	width:35px;
	height:80px;
	display:block;
}
#icons #right-arrow a:hover{
	background:url(img/right-arrow-over.jpg) no-repeat;
}


#infobox{
	background: #ffffff url(img/background-infobox.gif) repeat-x;
	width: 700px;
	float:left;
	position: relative;
	left: -35px;
	margin-top: 20px;
}

#infobox td{
	vertical-align: top;
	padding: 21px 35px;
	width: 50%;
}

#infobox h2{
	margin-bottom: 1em;
}

#infobox p{
	color: #523468;
}

#infobox td.feature{
	border-right: 1px solid #523468;
	height:190px;
}

#infobox td.news{
	padding-right: 0;
}

#infobox td.news ol{
	margin: 0;
	padding: 0;
	list-style: none;
}

#infobox td.news h3{
	color: #523468;
	font-weight: bold;
	font-size: 1.166em;
	white-space: nowrap;
	font-family: arial, sans-serif;
	position: absolute;
	left: 0;

}

#infobox td.news li{
	position: relative;
	padding-left: 100px;
	padding-bottom:1.3em;
	color:#523468;
}

/*
#infobox table td{
	width: auto;
	vertical-align: top;
	color: #523468;
	font-size: 1.2em;
	line-height: 1.3em;
	padding: 0 0 1.3em 1.3em;
}
*/
#infobox td.news li li{
	background: transparent url(img/bullet-blue.png) 0 3px no-repeat;
	padding: 0 0 0 9px;
	
}
	

/***************************************
	PAGE SPECIFIC 
***************************************/
ul.branches li{
	clear: both;
	padding-bottom: 3em;
}

ul.branches li:after{
	content: "."; display: block; 
	height: 0; clear: both; 
	visibility: hidden;
}

ul.branches h2,
ul.branches table{
	float: right;
	width: 410px;
}

ul.branches img,
ul.branches address{
	float: left;
}

ul.branches img{
	border: 1px solid #887b60;
}

ul.branches address{
	clear: left;
	width: 210px;
	padding: .5em 0 0.5em;
	text-align: center;	
	font-size: 1.1em;
}

table.hours th{
	font-weight: bold;
	border-bottom: 1px solid #887b60;	
}

table.hours tr.header th,
table.hours td{
	padding: 2px 0 2px 2em;
	text-align: right;
	border-bottom: 1px solid #887b60;
}

table.rates{
	font-size: 1.2em;
}

table.rates th{
	font-weight: bold;
	padding: 0 1em;
}

table.rates td{
	padding: 0 1em;
}




ul.dots{
	color:#887B60;
	font-size:1.2em;
	line-height:1.3em;
	padding-left:0px;
	margin-bottom:1.3em;
	list-style:none;
}

ul.dots li{
	background: transparent url(img/bullet.png) 0 3px no-repeat;
	padding-left: 9px;
}

.dots address{
	font-size:1em;
}

ul.address{
	color:#36797E;
	font-size:1.2em;
	line-height:1.3em;
	padding-left:0px;
	margin-bottom:1.3em;
	list-style:none;
}

ul.address li{
	padding-bottom:1em;
}

ul.address li address{
	font-size:1em;
}
/*
ul.branches li{
	padding-bottom:245px;
}
*/
.rates a:hover{
	text-decoration:none;
	color:#523468;
}


/**** About ***
.about{
	margin-top:35px;
	margin-left:-35px;
	margin-right:-35px;
	padding-left:35px;
	padding-right:35px;
	background-color:#fff1ba;
	border-bottom:solid 2px #fc8f19;
	padding-bottom:20px;
}

.about h3{
	color:#523468;
}

.aboutmenu {
	margin-left:-35px;
	margin-right:-50px;
	float:left;
	padding-bottom:20px;
}

.aboutmenu li {
	float:left;
	text-align:center;
	font-size:1.2em;
	color:#887B60;
	border-bottom:solid 2px #fc8f19;
	margin-bottom:30px;
	padding: 5px 29px;
}

.aboutmenu a{
	font-family:Georgia;
	font-size:1.5em;
}

.aboutmenu li.here, 
.aboutmenu li.here a {
	background-color:#fc9f19;
	color:#523468;
	padding-left:18px;
}


/* Tabs Sections */
.tabs{
	margin-top:35px;
	margin-left:-35px;
	margin-right:-35px;
	padding-left:35px;
	padding-right:35px;
	background-color:#fff1ba;
	border-bottom:solid 2px #fc8f19;
	padding-bottom:20px;
}
.tabs h3{
	color:#523468;
}
.tabs div{
	display:none;
}
.tabs div#visible{
	display:block;
}
.tabs .menu li{
	float:left;
	text-align:center;
	font-size:1.2em;
	border-bottom:solid 2px #fc8f19;
	border-top:solid 2px #fc8f19;
	margin-bottom:30px;
	padding: 5px 10px;
	cursor:pointer;
}
.menu{
	margin-left:-35px;
	margin-right:-50px;
	float:left;
	padding-bottom:20px;
}
.eras.menu li{
	color:#887B60;
	font-family:arial;
	width:120px;
	height:65px;
}
.eras.menu li .gen {
	font-family:Georgia;
	font-size:2em;
	color:#FC8F19;
}
.eras.menu li .years {
	color:#523468;
}
.about.menu li{
	font-family:Georgia;
	font-size: 20px;
	color:#FC9F19;
	width:112px;
	list-style: none;
}
.about.menu li#board{
	width:152px;
}
.business.menu li{
	color:#FC9F19;
	font-family:Georgia;
	font-size:1.5em;
	width:80px;
	height:54px;
}
.menu li.here, 
.menu li.here .gen  {
	background-color:#fc9f19;
	color:#523468;
}
.menu li.over,
.menu li.over .gen {
	color:#523468;
}
#checking,
#services,
#loans,
#education {
	padding:10px 10px 0; /* two-liners */
}
#fees{
	height:44px;
	padding:20px 10px 0; /* one-liners */
}
#visible table.fees th{
	color:#523468;
	font-family:georgia;
	font-size:1.2em;
	font-weight:normal;
	width:35%;
}
#visible table.fees td{
	padding:7px 0;
}
#visible table.fees td.fee{
	color:#36797E;
	width:20%;
}
#visible div{
	display:block;
}


/* Calculators */
.calc{
	font-size:1.2em;
}

.calc th, .calc td{
	padding-bottom:5px;
	padding-left:20px;
}



/* Rates Table */
table.rates{
	margin-bottom:10px;
	font-size:1.1em;
	margin-top:12px;
}

table.rates th{
	font-weight: bold;
	text-align:left;
	border-bottom: 1px solid #887b60;	
}

table.rates td{
	padding: 4px 7px 2px;
	text-align: left;
	border-bottom: 1px solid #887b60;
}

#head, .head{
	font-family:Georgia;
	color:#523468;
	border-bottom: 1px solid #887b60;	
}

table.fees{
	margin-bottom:20px;
	font-size:1.1em;
	width:100%;
}

table.fees th{
	font-weight: bold;
	text-align:left;
	border-bottom: 1px solid #887b60;	
	width: 75%;
}

table.fees th + th{
	width:10%;
}

table.fees th + th + th{
	width:15%;
}

table.fees td{
	padding: 4px 7px 2px;
	text-align: left;
	border-bottom: 1px solid #887b60;
}

/* END Rates Table */

iframe{
	width: 100%;
	height: 600px;
}




/* Contact Form */
#contact{
	font-size:1.2em;
	margin-right:400px;
}

#contact li{
	margin-bottom:5px;
	text-align:right;
}

#contact label{
	float:left;
}

.error{
	color:#FF0000;
}

/* END Contact Form */



h2{
	font-size:1.8em;
}

ol{
	list-style-type: decimal;
	font-size:1.2em;
	padding-left:20px;
	padding-bottom:1.2em;
}	

#copy ul{
	font-size:1.2em;
	padding-bottom:1.2em;
	list-style: none;
}
#copy form ul{
}

#logos td{
	border:10px solid #fff;
}
#logos td img{
	width:200px;
}



#overdraft-consent,
#overdraft-consent p{
	font-size: 12px;
}
#overdraft-consent td{
	width: 1em;
	vertical-align: top;
	white-space: nowrap;
	padding: 3px 10px 3px 0;
}
#overdraft-consent table input{
	width: 20em;
}
#overdraft-consent div{
	padding: 8px 0;
}