/*
_________________
site color values
red		#810019
blue	#6a8095
tan		#d4c78d
green	#474b3d
purple	#483d4b
_________________
*/
html{
	background:url(../images/MorningGlories3.gif) #DEDEDE;
	font-size:14px;

}

body {
	margin:0 auto;
	text-align:center;
	font-family: "Frutiger", "Univers", "Helvetica Neue", arial, helvetica, sans-serif;
	font-size: 75%;
	background:url(../images/redgradient2.png) repeat-x;
	text-align: center;
}

html>body{
	font-size:12px;
}

/*-------------- Typography & Color-----------------------*/

h1{
	font-size:1.5em;
	line-height:1em;
	margin:0 0 1em 0;
}

#header h1 {
	margin:80px 6.2% 45px 0;
	padding:0;
	height: 108px;
	width: 621px;
	float:right;
	background: url(../images/logoheader.gif) center center no-repeat;
	color: #333;
}

#financial #header h1{
	margin-top:40px;
	height: 148px;
	background: url(../images/bancorplogo.gif) center center no-repeat;
}

#header h1 span {
	display:none;
}

h2{
	font-size:1.5em;
	margin-left:.65em;
}

h3, h4, ul{
	font-size:1.1667em;
	line-height:1.286em;
	margin-bottom:0.643em;
}


table caption{
	font-size:1.1667em;
	line-height:1.286em;
	margin-top:1.929em;
	margin-bottom:0.643em;
}

h3, table caption {
	padding-top:.5em;
	padding-right:0;
	margin-right::0;
	font-weight:bold;
	line-height:.9em;
	vertical-align:bottom;
	border-bottom:3px double #CCC;
	color:#880000;
}

form h3{
	text-align:left;
	background:#FFF;
	border:none;
	line-height:inherit;
}

.contact h3{
	text-decoration:none;
}

p, block {
	font-size:1em;
	line-height: 1.5em;
	margin:0 0 1.5em 0;
}

li{
	font-size:1.5em;
	line-height: 1em;
	margin:0 0 1em 0;
}

#content ul{

}

#content li{
	font-size:.8333em;
	line-height:1.27em;
	margin:.25em 1em;
}

dt{
	font-size:1em;
	line-height:1.5em;
	font-weight:bold;
}

dd{
	margin:0 0 1em 1em;
}

em {
	font-weight: bold;
}

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

a:visited{
	color:#333;
	//text-decoration:none;
}

a:hover{
	color:#880000;
	text-decoration:underline;
}

a:active{
	color:#000;
}

/*------------ LAYOUT ---------------------------*/


#wrap {
	width: 800px;
	margin: 0 auto;
	padding:0 0 1em 0;
	text-align:left;
	background: url(../images/whiteBG.png) center repeat-y;
}

#header{
	float:left;
	width: 720px;
	margin: 0 0 0 40px;
	/*background: urel(../images/headerfleur2.gif) 0 18px no-repear #FFF; */
}

#content {
	float: left;
	width: 60%;
	min-height:400px;
	margin:0 0 3em 45px;
}

.home #content{
	width:90%;
}

.services #content{
	padding-bottom:100px;
	background:url(../images/services.jpg) top right no-repeat;
}

.services .ad {
	padding-top:275px;
	font-size:1.2em;
}

.lending #content{
	padding-bottom:280px;
	background:url(../images/lending.jpg) bottom left no-repeat;
}

.deposit #content{
	padding-bottom:620px;
	background:url(../images/deposit.jpg) bottom right no-repeat;
}

.esavings #content{
	padding-bottom:480px;
	background:url(../images/esavings_bottom.jpg) bottom right no-repeat;
}

#forms #content{
	padding-bottom:2em;
	background:url(../images/forms.jpg) bottom right no-repeat;
}

#sidebar {
	float: right;
	clear:none;
	width: 28%;
	margin: 0 45px 0 0;
}

.home #sidebar{
	width: 90%;
	text-align:center;
	float:left;
	margin: 0 0 3em 45px;
}

.gutter {
	padding: 0 1em;
}

#content .gutter{
	padding:1.92em 1em;
}

.home #content .gutter{
	padding:0;
}

#secondary {
	clear: both;
	font-size: .86em;
	padding:0;
	margin:2em 0 0 50px;
	width:700px;
	text-align:center;
}

#footer{
	width:800px;
	margin: 0 auto 2em auto;
	padding:0 0 10em 0;
	clear: both;
	font-size: 1em;
	background:url(../images/bottom2.png) top center no-repeat;
}

#footer img{
	border:none;
}

#footer img.fdiclogo{
	margin:-3em 7em 0 0;
}

#financial .fdiclogo{
	display:none;
}

dl img{
	padding:.5em;
	border:1px solid #ccc;
}

img.banner{
	border:0;
	padding:0:
}

img#bancorp{
	border:none;
}
/*------------------ Menus ----------------------*/
#header .nav {
	font-size:.75em;
	margin:0 1em 0 0;
	padding:0;
	clear: none;
	float:right;
	list-style: none;
	background: #FFF;
	color:#333;
}

#header .nav li {
	margin:0;
	padding:0;
	float:left;
}

#header .nav a {
	margin: 0 0 0 12px;
	padding: 18px 12px 18px 0;
	color: #333;
	text-decoration: none;
	float:left;
}

#header .nav li a:hover{
	color:#880000;
	text-decoration:underline;
}

body.home #t-home a,
body.rates #t-rates a,
body.services #t-services a,
body.about #t-about a,
body.contact #t-contact a {
	/*height:40px;*/
}

body.home #t-home a,
body.rates #t-rates a,
body.services #t-services a,
body.about #t-about a,
body.contact #t-contact a {
	/*border-bottom:3px solid #CCC;*/
	color:#880000;
	background:url(../images/menugrad_right.png) center right no-repeat transparent;
}

body.home #t-home,
body.rates #t-rates,
body.services #t-services,
body.about #t-about,
body.contact #t-contact {
	background:url(../images/menugrad_left.png) center left no-repeat #FFF;
}

/*--------------------------*/
#ir_links{
	font-size:75%;
	background:transparent;
}

#ir_links li{
	background:transparent;
	margin:0;
	padding:0;
	border:none;
}

#ir_links li ul li{
	background:#FFF;
	padding:.2em;
}

#ir_links li ul li li{
	background:#FFF;
	padding-left:.5em;
}

#ir_links ul li a{
	padding:0 2em 0 0;
	margin:0;
}

#ir_links ol {
	//list-style:decimal-leading-zero;
	font-size:1.25em;
}	

#ir_links ol li{
	
}

.listhead{
	display:block;
	margin:3px 0 3px 0;
	padding:.5em;
	border:1px solid #CCC;
	background:#FFF;
	
}

#subnav, #contactinfo, #ir_links{
	margin:1.75em 0;
	padding:1em .25em .25em .25em;
	border:2px solid #CCC;
	background:url(../images/sidebar.gif) top right #EAEAEA;
}

#subnav li, #ir_links ul{
	margin:0;
	padding:.1em;
	/*background:url(../images/listgrad.gif) center repeat-x #EFEFEF;*/
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}

#subnav li{
	background:#FFF;
}

#ir_links ul li{
	font-size:.75em;
	line-height:1.25em;
	padding:0;
	margin:0;
}

#subnav li.first, #ir_links .first{
	border-top:1px solid #CCC;
}

#subnav li.last, #ir_links .last{

	border-bottom:1px solid #CCC;
}

body.deposit #t-deposit,
body.lending #t-lending,
body.news #t-news,
body.team #t-team,
body.board #t-board,
body.history #t-history,
body.community #t-community,
body.privacy #t-privacy,
body.termsofuse #t-termsofuse{
	background:url(../images/tablegrad.gif) center repeat-x #EFEFEF;
}

#subnav li a{
	font-size:.75em;
	line-height:1.5em;
	/*margin:0 .25em;*/
	padding:0 10px;
	text-decoration:none;
	display:block;
}

#subnav li a:link{
	color:#880000;
}

#subnav li a:visited{
	color:#880000;
}

#subnav li a:hover{
	color:#880000;
	text-decoration:underline;
}

#subnav li a:active{
	color:#880000;
}

body.deposit #t-deposit a,
body.lending #t-lending a,
body.news #t-news a,
body.team #t-team a,
body.board #t-board a,
body.history #t-history a,
body.community #t-community a,
body.privacy #t-privacy a,
body.termsofuse #t-termsofuse a{
	/*padding-left: 20px;
	background: url(../images/current.gif) left center no-repeat;*/
	color:#FFF;
}
/*--------------------------*/

#secondary .nav {
	margin:2em 0 0 0;
	padding:0;
	font-size:.75em;
	clear: none;
	text-align:center;
	list-style: none;
	background: transparent;
	color:#333;
}

#secondary .nav li {
	margin: 0 .5em;
	display: inline;
}

#secondary .nav a {
	margin: 0;
	padding: 2px;
	color: #333;
	text-decoration: none;
}

#secondary .nav li a:hover{
	border-bottom:3px solid #CCC;
}

/*------------------ End Menus ------------------*/

/*------------------ Tables ---------------------*/
table{
	width:460px;
	margin:0;
	color:#333;
	border:.25em solid #EAEAEA;
}

th{
	font-size:1em;
	line-height:1.5em;
	padding:.25em;
	color:#FFF;
	background:url('../images/tablegrad.gif') 50% repeat-x #880000;
}

td {
	padding: .5em;
	margin:0;
	background:#FFF;
}

.zebrarow td{
	background:#EAEAEA;

}

/*------------------ End Tables -----------------*/

/*------------------ Featured Products ----------*/

.feature{
	text-align:left;
	float:left;
	width:216px;
	margin:.5em .5em 3em .5em;
	/*background:url(../images/feature.gif) bottom center no-repeat;*/
}

.feature h3{
	text-align:center;
	margin:0 1px;
	padding:.5em;
	border-bottom:1px solid #C6C6C6;
	background:url(../images/feature_head.gif) top center no-repeat;
	color:#880000;
}

.feature p{
	font-size:1.15em;
	line-height:1em;
	border-top:1px solid #E1E1E1;
	padding:1em 30% 50px 1em;
	color:#333;
}

.feature a:link, .feature a:visited{
	color:#333;
	text-decoration:none;
}

.feature a:hover{
	color:#880000;
	text-decoration:underline;
}

.feature a:active{
	color:#FFF;
}

.quickinvestor{
	background:url(../images/feature_investor.gif) bottom left no-repeat;
}

.quickinvestor:hover{
	background:url(../images/feature_investor.gif) bottom right no-repeat;
}

.quickrates{
	background:url(../images/feature_rates.gif) bottom left no-repeat;
}

.quickrates:hover{
	background:url(../images/feature_rates.gif) bottom right no-repeat;
}

.quickdirections{
	background:url(../images/feature_directions.gif) bottom left no-repeat;
}

.quickdirections:hover{
	background:url(../images/feature_directions.gif) bottom right repeat-y;
}


/*------------------ EndFeatured Products ----------*/


/*------------------ Staff & Board DL -----------*/

.boardmember, .teammember{
	float:left;
	clear:both;
	margin-bottom:1em;
	border:.25em solid #EAEAEA;
	width:100%;
}

.boardmember dt, .teammember dt{
	font-size:1em;
	line-height:1.5em;
	margin:0;
	padding:.25em;
	background:url('../images/tablegrad.gif') 50% repeat-x #880000;
	color:#FFF;
}

.boardmember dd.bio, teammember dd.email{
	margin:0;
	padding:0;
}
.boardmember dd.bio p, .teammember dd.email p, .teammember dd.bio p{
	padding:.5em 1em;
	float:right;
	width:55%;
}

.boardmember dd.position, .teammember dd.position{
	margin:0;
}

.boardmember .position p, .teammember .position p{
	float:right;
	width:55%;
	padding:.5em 1em;
	text-align:left;
	font-weight:bold;
}

.boardmember .img, .teammember .img{
	float:left;
	/*clear:both;*/	
	margin: .5em;
}





/*---------------- End Staff & Board DL ----------*/
/*---------------- Forms -------------------------*/
form{
	width:100%;
	border:3px double #CCC;
	padding:.5em;
}

input, textarea{
	padding:.5em;
	border:2px solid #CCC;
	width:90%;
	max-width:90%;
	font-family:"Courier New", Courier, monospace;
	font-size:1.2em;
	font-weight:bold;
	background:url(../images/form_stripe2.png);
	color:#727272;
}

#send, #send_sa, #send_ia, #send_cd, #send_ira{
	margin-top:1em;
	padding:.5em;
	width:auto;
	font-family:inherit;
	color:#880000;
	border:1px solid #CCC;
	background:#FFF;
}

#send:hover, #send_sa:hover, #send_ia:hover, #send:hover{
	color:#FFF;
	background:#880000;
}

/*---------------- Ends Forms --------------------*/

/*---------------- Contact sidebar ---------------*/
#contactinfo{
		font-size:1em;
}

#contactinfo h3, #contactinfo address, #contactinfo ul{
	background:#FFF;
	margin: 0;
}

#contactinfo h3{
	margin-bottom:3px;
	font-weight:normal;
	border:1px solid #CCC;
	padding:.5em;
	color:#880000;
}

h3#address {
	padding-left:20px;
	background:url(../images/mail.png) 2px center no-repeat #FFF;
}
#contactinfo ul{
	border-bottom:1px solid #CCC;
}

#contactinfo li {
	font-size:1em;
	line-height:1.5em;
	margin:0;
	padding:.1em .75em;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	background:#FFF;
}

#contactinfo address{
	font-size:1em;
	line-height:1.5em;
	margin:0;
	padding:.1em .75em;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
}
	
/*---------------- End Contact sidebar ---------------*/


.pdf{
	display:block;
	padding:.25em 2em .25em .25em;
	background:url(../images/pdficon_small.png) right 50% no-repeat;
}

.external{
	display:block;
	padding:.25em 2em .25em .25em;
	background:url(../images/external.png) right 50% no-repeat;
}


/*------------- Accordion Styles ---------------------*/
		
		/*
			Vertical Accordions
		*/
		
		.accordion_toggle {
			display: block;
			height: 30px;
			width: auto;
			background: #eaeaea;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			background: 50% #eee;
			color: #880000;
			border-bottom: 1px solid #f68263;
		}
		
		.accordion_content {
			width:100%;
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
					
					
    /* Container styling*/
    
    .vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 620px;
    }

/*------------- Various Classes ------------------- */	
.footnote{
	font-size:.75em;
	font-style:italic;
}

.bold {
	font-weight: bold;
}

.tou {
	list-style:decimal;
}

.rateDisclosure{
	font-size:.86em;
	padding: .5em 0 0 0;
	margin: 0 0 0 .86em;
	font-weight:bold;
}