/**
 * Stylesheet
 *
 * Copyright Fusionary Media, 2005
 */


/* NORMALIZING styles
-------------------------------------------*/
body, div, ul, li, td, h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

div, span, img, form, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	border: 0px;
}
table{
	border: 0px;
}





/* MAIN styles
-------------------------------------------*/
body{
	background: #ECE5D5 url(../images/bg_starburst.jpg) top center no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	margin: 0px;
	padding: 0px;
	color: #363636;
}

h1{
	font-size: 29px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #2171A6;
	margin:0px 0px 0px 0px;
	font-weight: normal;
	line-height: 1em;
}

h2{
	font-size: 14px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #2171A6;
	margin:10px 0px 0px;
	line-height: 1em;
}

p {
	padding:5px 0px 5px 0px;
	margin:0px 0px 5px 0px;
}


select {
	font-size: 10px;
}

td{
	vertical-align: top;
}
th{
	vertical-align: top;
	text-align: left;
}

a:link{color: #3F86B1;}
a:visited{color: #3F86B1;}
a:hover{color: #848659;}
a:active{color: #848659;}

dt{
	font-weight: bold;
	margin-top: 10px;
}
dd{
	margin: 0px 0px 0px 22px;
}

hr {
	border: 0;
	width: 100%;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 0px;
	padding: 0px;
}

.clr {
	clear: both;
	height: 0px;
}
.clearfix:after {/*http://positioniseverything.net/easyclearing.html*/
	content:".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
.clearfix {height: 1%; display:block;}
/* End hide from IE Mac */





/* CONTAINER styles
-------------------------------------------*/
#container{
	width: 768px;
	position:relative;
	left: 50%;
	margin: 0px 0px 0px -389px;
}




/* HEADER styles
-------------------------------------------*/
#header{
	margin: 0px;
	height: 121px;
	position: relative;
}
	#header h1 {
		margin: 0px;
		position: absolute;
		top: 23px;
		left: 0px;
	}
		#header h1 a {
		background: transparent url(../images/logo.gif) 0 0 no-repeat;
		display: block;
		height: 49px;
		width: 231px;
		color: #ECE5D5;
		padding: 49px 0px 0px 0px; 
		height: 0px !important;
		height /**/:49px;
		overflow:hidden;
		font-size: 1px;
		}

	#header-nav{
		margin: 0px;
		padding: 0px;
		list-style: none;
		text-align: left;
		position: absolute;
		top: 91px;
		left: 8px;
		width: 522px;
		height: 30px;
		background: #105B94 url(../images/bg_nav.gif) 0 0 no-repeat;
		color: #72A6CB;
		z-index: 200;
	}
	#header-nav-sup{
		margin: 5px 0px;
		padding: 0px;
		list-style: none;
		text-align: right;
		position: absolute;
		top: 8px;
		right: 10px;
		color: #6e6759;
	}
	
		#header-nav-sup a{
			color: #105B94;
			text-decoration: none;
			font-weight:bold;
		}
		#header-nav-sup a:hover{
			text-decoration: underline; color: #3F86B1;
		}
	#header-nav li{
		margin: 0px; 
		padding: 0px; 
		list-style: none;
		position: absolute; top: 0;
		display: block;
	}
		#header-nav li a{
			height: 30px; display:block;
			padding: 30px 0px 0px 0px; 
			height: 0px !important;
			height /**/:30px;
			overflow:hidden;
			font-size: 1px;
		}


	#header-nav #nav-home{left: 0px; width: 55px;}
	#header-nav #nav-personal{left: 56px; width: 74px;}
	#header-nav #nav-business{left: 131px; width: 68px;}
	#header-nav #nav-internetbanking{left: 200px; width: 110px;}
	#header-nav #nav-investmentservices{left: 311px; width: 131px;}
	#header-nav #nav-about{left: 443px; width: 79px;}
	
	body.home #header-nav #nav-home, #header-nav #nav-home a:hover{background: transparent url(../images/bg_nav.gif) 0px -30px no-repeat;}
	body.personal #header-nav #nav-personal, #header-nav #nav-personal a:hover{background: transparent url(../images/bg_nav.gif) -56px -30px no-repeat;}
	body.business #header-nav #nav-business, #header-nav #nav-business a:hover{background: transparent url(../images/bg_nav.gif) -131px -30px no-repeat;}
	body.internetbanking #header-nav #nav-internetbanking, #header-nav #nav-internetbanking a:hover{background: transparent url(../images/bg_nav.gif) -200px -30px no-repeat;}
	body.investmentservices #header-nav #nav-investmentservices, #header-nav #nav-investmentservices a:hover{background: transparent url(../images/bg_nav.gif) -311px -30px no-repeat;}
	body.about #header-nav #nav-about, #header-nav #nav-about a:hover{background: transparent url(../images/bg_nav.gif) -443px -30px no-repeat;}


	#header-nav-sup li{
		display: inline;
		padding: 0px 3px 0px 5px;
		margin: 5px 0px 0px 0px;
		border-right: 1px solid #9E9975;
	}
	
	#header #login-box{
		position: absolute;
		padding: 0px 10px;
		top: 50px;
		right: 7px;
		width: 212px;
		height: 71px;
		background: #ECE5D5 url(../images/bg_login.gif) 1px 0 no-repeat;
		z-index: 100;
	}
		#header #login-box h2{
			color: #fff;
			margin: 5px 0px 5px 0px;
			padding: 0px 5px;
			background: transparent;
			width: 70px;
			font-size: 14px;
		}
		#header #login-box p {
			color:#fff;
			margin: 5px 0 0 0;
			padding: 0px;
		}
		
		#header #login-box a:link {color:#6aabdb;}
		#header #login-box a:visited{color: #6aabdb;}
		#header #login-box a:hover{color: #79bae9;}
		#header #login-box a:active{color: #6aabdb;}

		#header #login-box select{
			width: 210px;
		}

		#header #login-box option, #locations option{
			font-size: 14px;
			line-height: 14px;
		}




/* CONTENT styles
-------------------------------------------*/
#content-wrapper1{
	background: #fff url(../images/bg_content_wrapper1.gif) 0 0 repeat-y;
}

#content-wrapper{
	background: transparent url(../images/bg_content_wrapper.gif) 0 0 no-repeat;
}

#content{
	margin: 0px 0px 0px 8px;
	padding: 30px 20px 12px 20px;
	background: #fff;
	width: 482px;
	float: left;
	display: inline;
	color: #404040;
}

body.home #content{
	margin: 0px 0px 0px 8px;
	padding: 30px 20px 0px 10px;
	background: #fff;
	width: 482px;
	float: left;
	display: inline;
}

#content ol{
	padding: 0px 0px 0px 20px;
	margin: 0.5em 0 0.5em 10px;
}

#content ul{
	padding: 0px;
	margin-left: 10px;
	margin-top: 0px;
}

#content ul li{
	list-style: none;
	background: transparent url(../images/bullet.gif) 0 6px no-repeat;
	padding-left: 10px;
}

.img_left{
	float: left;
	background: #ECE5D5;
	margin: 0 10px 10px 0;
	padding: 1px;
	border: 1px solid #ded9bf;
}

.home-ad{
	margin: 0px;
}
.home-ad a{
	background: transparent url(../images/bg_dotline_A9A98F.gif) left bottom repeat-x;
	display: block;
	text-decoration: none;
	padding: 5px;
	width: 100%;
	margin: 0px;
}
.home-ad a:hover{
	background-color: #FAF6EA;
}
.home-ad a span.h2{
	font-size: 14px;
	font-weight: bold;
}
.home-ad a span.body{
	color: #404040;
}

.pullquote{
	width: 200px; 
	float: right; 
	margin: 0 0 10px 10px; 
	border: 1px solid #FAEFCF; 
	background: #FAF6EA; 
	padding: 10px;
}
.pullquote ul h2{
	margin-bottom: 10px;
}

.tagline{
	padding-top: 4px;
	font-size: 14px;
	color: #9F9F9F;
	font-weight: bold;
	background: transparent url(../images/bg_dotline_A9A98F.gif) left bottom repeat-x;
}

body.home #locations{
	background: #FAF6EA;
	border: 1px solid #105b94;
	margin: 10px 0px 0px 0px;
	padding: 10px;
}
	body.home #locations h2{
		background: #105b94;
		color: #ffffff;
		margin: -10px -10px 10px -10px;
		padding: 2px 0px 2px 10px;
		font: normal normal 18px/1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif
	}

/* Left side ad
------------------------ */
	#ad-home-left {
		width: 232px;
		height: 120px;
		background: #0073A9 url('../images/bg_switch.gif') left bottom no-repeat;
		padding: 10px;
		color: #fff;
		margin: 5px 0px 0px 0px;
		position:relative;
	}
	
	#ad-home-left img {
		margin: 24px 0px 0px 2px;
	}


#ad-home-left #tagline-text {
	padding:0;
	text-align:right;
	position: absolute;
	left:10px;
	top:117px;
	width: 232px;
	height:13px;
	background: transparent url('../images/switch_hassle_text.gif') 0 2px no-repeat;
}

	#ad-home-left #tagline-text a{
		margin:0 3px 0 0;
		padding: 0 0 0 8px;
		background: transparent url('../images/bullet_sidebar.gif') 0 3px no-repeat;
	}

h2#tagline-switch-anywhere {
	display: block;
	height: 51px;
	padding: 51px 0px 0px 0px; 
	height: 0px !important;
	height /**/:51px;
	overflow:hidden;
	font-size: 1px;
	margin:20px 0 0 0;
	_margin:32px 0 0 0;
	cursor:pointer;
}

h2#tagline-switch-anywhere {
	background: transparent url('../images/switch_text.gif') 0 0 no-repeat; width: 228px;
}


#ad-home-mooolah{
	position: relative;
	background: #fff url(../images/button_mooolah.gif) 0 0 no-repeat;
	width: 249px;
	height: 69px;
	margin: 5px 0 0 0;
}
	#ad-home-mooolah p{
		text-indent: -999px;
	}
	#ad-home-mooolah a{
		position: absolute;
		top: 0px;
		left: 0px;
		display: block;
		width: 64px;
		height: 29px;
		background: transparent url('../images/bullet_sidebar.gif') 177px 45px no-repeat;
		padding: 40px 0 0 185px;
	}



/* -------------------------------------------*/


#content #careers-list{
	border-bottom: 2px solid #DBE9FD;
}



#content p.fdic-block{
	padding: 10px; 
	border: 1px solid #FAEFCF; 
	background: #FAF6EA; 
	margin: 10px 80px; 
	text-align: center;
	color: #C8A46B;
}

#content #disclosure-box {border:1px solid #abc0e7;background:#cfdefb;}
#content #disclosure-box p {margin:0 1em;line-height:125%;}

#content #disclosure-box-other {border:1px solid #ffe589;background:#fffbba;}
#content #disclosure-box-other p {margin:0 1em;line-height:125%;}

.fusionary-note{
	border: 1px solid #ccc;
	margin: 5px;
	padding: 10px;
	background: #FFE7BD;
	font-style: italic;
	clear:both;
}

.fmg-tbd{
	font-weight:bold;
	font-style: italic;
	color:red;
}

.error {color:red;}
.form-note {
	color:#a7a7a7;
	font-style: italic;
	font-weight:normal;
	}
	
/*---------------Contact Styles--------------------*/	
	
.contact-name{
	font-weight:bold;
	padding-right:5px;
}
.contact-title{}
	
.contact-email{
	/*display:block;*/
	/*float:left;*/
	/*width:220px;*/
	/*padding-right:5px;*/
	
}
.contact-phone{}

/*---------------Biography Styles--------------------*/

#biographies {
	
}

#biographies .img_left{
	height:auto;
	float: left;
	background: #ECE5D5;
	margin: 0 10px 10px 0;
	padding: 1px;
	border: 1px solid #ded9bf;
}

#biographies p{
	padding:0 0 20px 0;
	margin:0;
	float:left;
	clear:left;
	
}


.bio {
	display:block;
	float:left;
	clear:right;
	padding:0;
	margin:0;
	width:350px;

}


/* SIDEBAR styles
-------------------------------------------*/
#sidebar{
	margin: 0px 7px 0px 0px;
	padding: 0px 10px 0px 10px;
	background: #fff;
	width: 211px;
	float: right;
	display: inline;
}
#sidebar #sidebar-text{
	margin: 0px -3px 0px -10px;
	padding: 10px 10px 20px 10px;
	list-style: none;
	background: #DED9BF url(../images/sidebar_nav_corner.gif) left bottom no-repeat;
}
#sidebar ul{
	margin: 0px -3px 0px -10px;
	padding: 10px 0px 20px 0px;
	list-style: none;
	background: #DED9BF url(../images/sidebar_nav_corner.gif) left bottom no-repeat;
}
	#sidebar ul li{
		padding: 0px 0px 0px 22px;
		margin: 0px;
		background: transparent url(../images/bullet_sidebar.gif) 10px 8px no-repeat;
	}
	#sidebar ul li a{
		padding: 0px 0px 0px 5px;
		display: block;
		width: 197px;
		text-decoration: none;
		line-height: 23px;
	}
	#sidebar ul li a:hover{
		background-color: #6FA6CD;
		color: #fff;
	}
	#sidebar ul h3{
		padding-left: 10px;
	}
	
			

				#sidebar ul ul{
					margin: 0px -3px 0px -10px;
					padding: 0px 0px 0px 20px;
					list-style: none;
					background: transparent;
				}
					#sidebar ul ul li{
						padding: 0px 0px 0px 22px;
						margin: 0px;
						background: transparent url(../images/bullet_sidebar_sub.gif) 10px 8px no-repeat;
					}
					#sidebar ul ul li a{
						padding: 0px 0px 0px 5px;
						display: block;
						width: 161px;
						text-decoration: none;
						line-height: 23px;
					}
					#sidebar ul ul li a:hover{
						background-color: transparent;
						color: #00527A;
					}
					#sidebar ul ul h3{
						padding-left: 10px;
					}







	#sidebar .sidebar-photo{
		margin: 7px -10px 2px -10px;
	}

	.ad-home-side{
		background: #72A6CB url(../images/bg_home_ad_corner.gif) left bottom no-repeat;
		padding: 10px;
		color: #fff;
		margin: 0 -10px 0 -10px;
		border-top: 4px solid #fff;
		border-right: 7px solid #fff;
	}
		.ad-home-side img{
			margin: -9px -11px 0px -9px;
		}
	.ad-home-side a.ad-link{
		display: block;
		width: 60px;
		padding: 3px 0 0 8px;
		margin: 0 0 0 10px;
		background: transparent url('../images/bullet_sidebar.gif') 0px 8px no-repeat;
		color: #fff;
	}
	

.side_adblocks{
	text-align: center; 
	width: 211px;
	padding: 20px 10px 10px 10px;
	margin: 0 -10px 0 -10px;
	background: #fff;
}


body.home #sidebar {
	background: #DED9BF;
	color: #6E6759;
}
body.home #sidebar ul{
	background: transparent;
	margin: 0px -10px -10px -10px;
}
body.home #sidebar ul li a{
	padding: 1px 0px 1px 0px;
	width: 179px;
	line-height: 18px;
}
body.home #sidebar ul li a:hover{
	background-color: transparent;
	text-decoration: underline;
	color: #9B9B73;
}
body.home #sidebar h1{
	background: #D5D0B6 url(../images/bg_hdr_latest_from.gif) top right no-repeat;
	font-size: 14px;
	font-weight: bold;
	margin: 0 -10px 0 -10px;
	padding: 5px 0 5px 10px;
	color: #6E6759;
}
body.home #sidebar h2{
	background: transparent url(../images/bg_dotline_A9A98F.gif) 0 0 repeat-x;
	color: #6E6759;
	margin-left: -10px;
	margin-right: -10px;
	padding: 10px 10px 4px 10px;
}



/* FOOTER styles
-------------------------------------------*/
#footer{
	clear: both;
	margin: 0px;
	padding: 10px 0px 0px 20px;
	background: transparent url(../images/bg_footer.gif) left bottom no-repeat;
	height: 70px;
	color: #B5B3A6;
}
	#footer p{
		padding: 5px 10px;
		/*border-left: 1px solid #ccc;*/
		/*float: left;*/
		margin: 0px;
	}
	#footer p.firstp{/* remove border from first floated p */
		border: 0px;
	}
#scms-admin{
	background: #fff;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/*-----------------------------------*/


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #content h1 {
	font-size: 29px;
	/*visibility: hidden;*/
	line-height: 30px;
	background: #ccc;
	height: 29px;
	letter-spacing: -5px;
}

/*.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
*/

/* branch page specific style, for map image */
img.branch-map {float: left; border: 1px solid #2171A6; padding: 4px; margin: 10px 20px 300px 0;}