@charset "UTF-8";
/* CSS Document */

/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead,
header, nav, section, article, aside, footer
{border: 0; margin: 0; outline: 0; padding: 0; background: transparent; vertical-align: baseline;}
:link,:visited { text-decoration:none }
a img,:link img,:visited img { border:none }

/* body */

body {
	background-image:url(../images/bg_main.jpg);
	background-repeat:repeat-x;
	background-color:#003479;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.3em;
}

/* h Tags */

h1 {}
h2 {border-bottom: 1px dotted #cccccc; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; margin-bottom:10px; padding-bottom:10px;}
h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; line-height:20px; margin-bottom:10px; margin-top:10px;}

/* p classes */
.2-col-l {float:left; width:125px; margin-bottom:15px; margin-right:4px; }
.2-col-r{float:left; margin-bottom:15px;  width:125px;}

/* a */
a:link { text-decoration:none; color:#003366; font-weight:bold;}

/* Lists */

#main-banking ul {
	list-style: none;
	margin-left: 0; 
	padding-left:0;
	margin-top:0;
	width: 315px;
}

#main-banking ul li {float: left; margin:3px 5px 0px 0px; width:150px; }

/* Wrapper */

#wrapper {
	margin: 0px auto;
	position:relative;
	width: 960px;
}

/* Personal/Business Login */

#login {
	clear: both;
	top: 0px;
	right: 0px;
	margin:0;
	position: absolute;
}

/* branding */

#branding { 
	float:left;
	margin-top:20px;
}

/* nav */
#nav {
	float:right;
	margin-top:71px;
	width:660px;	
}

#menu {
	background:url(../images/nav.jpg);
	background-repeat:no-repeat;
	height: 40px;
	list-style:none;
	margin: 0px;
	position: relative;
	width: 660px;
}
#menu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
}
#menu li, #menu a {
    height: 45px; display: block; }
	
/* P */

p {margin: 7px 0px;}
.subtitle {font-weight:bold; margin:15px 0px;} 

/* Nav List Styles */

#nav-personal {width: 127px; left:0; }
#nav-investments {width: 83px; left:128px }
#nav-business {width: 111px; left:211px }
#nav-hours {width: 125px; left:322px ; }
#nav-news {width: 52px; left:447px; }
#nav-contact {width: 85px; left:499px; }
#nav-about {width: 69px; left:585px; }
	
#nav-personal a:hover { background:transparent url(../images/nav.jpg) 0 -45px no-repeat; }
#nav-investments a:hover { background:transparent url(../images/nav.jpg) -127px -45px no-repeat; }
#nav-business a:hover { background:transparent url(../images/nav.jpg) -211px -45px no-repeat; }
#nav-hours a:hover { background:transparent url(../images/nav.jpg) -322px -45px no-repeat; }
#nav-news a:hover { background:transparent url(../images/nav.jpg) -447px -45px no-repeat; }
#nav-contact a:hover { background:transparent url(../images/nav.jpg) -499px -45px no-repeat; }
#nav-about a:hover { background:transparent url(../images/nav.jpg) -585px -45px no-repeat;}


/* Content */

#content {
	line-height:1.4em;
	margin-top:40px;
}
#interior {
	background-color:white;
	border:2px solid #003479;
	color:#333333;
	margin:25px auto;
	padding: 35px 25px;
	width: 910px;
}
.large-content h3 { }
.large-content { border-right:1px dotted #CCCCCC; float: left; padding-right:20px; width: 570px; }
.small-content { float: left; margin-left:20px; padding-top:20px; width: 290px; }

/* Flash */
#flash { 
	background: url(../images/bg_flash.png) no-repeat;
	float:left;
	height: 294;
	margin-left:-10px;
	padding:5px;
	width: 630px;
}

/* main-banking */
#main-banking {
	float:right;
	letter-spacing:-0px;
	margin-left:30px;
	width:300px;
}
#main-banking h3 {
	margin-top:0px;
}
#main-banking a{
	color: #fff;
	font-weight:100;
}
#main-banking a:hover{
	text-decoration: underline;
}

/* main-sub-content */

#main-sub-title-wrapper {
	margin:0;
	padding-bottom:0;
	padding-top:30px;
	width:960px;
}
.main-sub-title {
	margin-bottom:0px;
padding-left: 18px;
width: 300px;
}
#main-sub-content {
	background: url(../images/bs_main_sub.jpg);
	background-repeat:repeat-x;
	height:300px;
	margin-top:-3px;;
	padding-top:0px;
	width:960px;
}
#main-sub-content h3 a{
	color:#fff;
}
#main-sub-content h3 a:hover{
	text-decoration:underline;
}
.main-sub-col-l {
	float:left;
	margin-bottom:0px;
	margin-top:15px;
	margin-left: 21px;
	padding-left:20px;
	width: 276px;
}
.main-sub-col-r {
	border-left: 1px dotted #fff;
	float:left;
	height: 75%;
	margin-bottom:0px;
	margin-top:15px;
	margin-left: 21px;
	padding-left:20px;
	width: 276px;
}

.main-sub-col-r a { color:#0099FF;}
.main-sub-col p{
	margin:5px 0;
	width: 255px;
}
.sub-content-p {
	padding-bottom:13px;
}

/* Footer */

#footer {
	color:#FFFFFF;
	font-size:10px;
	line-height:1.5em;
	margin: 10px auto;
	width: 960px;
}
#footer a { color:#fff;}
#footer a:hover {text-decoration:underline;}
.copyright {	
	padding-top:15px;
}
.border-left { border-left: 1px dotted #fff;}

/* Table Classes */
.header {font-weight: bold;
	background-color: #003479;
	color: #FFFFFF;
	}
.altrow {
	background-color:#CCCCCC;
	}
	
#deposit_rates td h2 {
	color:#004284;
	display:block;
	background-color:#FFFFFF;
	font-size:14px;
	text-align:left;
	}

#deposit_rates th {
	border: 1px solid #cccccc;
	text-align:center; 
	font-weight:bold; 
	background-color:#FFF;
	color: #346633;
	}
	
#deposit_rates {
	padding:0px;
	text-align:center;
	}
	
#deposit_rates td { 
	border: 1px solid #cccccc;
	padding:3px;
	}
	
#deposit_rates .description{
	text-align:left;
}
#deposit_rates .title{
	background-color:#666666;
	text-align:left;
}


/* News */

.news-title {
	color:#003479;
	font-size: 12pt;
	font-weight:200;
	line-height:20px;
	margin: 0 0 10px 0;
}


/* general classes */
.sub-nav { padding: 7px 15px 5px 15px; border-left: 3px solid  #666666; background: #ccc; width:255px;}
.sub-nav hover{ padding: 7px 15px 5px 15px; border-left: 3px solid #003479; background: #ccc; width:255px;}
.sub-nav a {color:#333333; letter-spacing:1px; font-weight:100;}

.sub-nav-title {color: #FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;  padding: 7px 15px 5px 15px; border-left: 3px solid #0066CC; background: #003479; width:255px;}
.sub-nav-title hover{ padding: 7px 15px 5px 15px; border-left: 3px solid #003479; background: #ccc; width:255px;}
.sub-nav a {color:#333333; letter-spacing:1px; font-weight:100;}

.dotted-list {margin:15px 0px;}
.dotted-list a{ padding:5px 0px 5px 0px;; border-top:1px dotted #CCCCCC; border-bottom:1px dotted #CCCCCC;  width:100%}
.dotted-list  a:hover{ padding:5px 0px 5px 0px;; border-top:1px dotted #003479; border-bottom:1px dotted #003479; width:100%}


.dotted-hr {border-top: 1px dotted #CCCCCC; clear: both; height: 1px; margin:20px 0px 20px 0px; width: 100%;}
.clear {clear: both; height:1px; overflow:hidden; visibility:hidden; width:100%}
.left { float: left; margin: 0px 15px 15px 0px; width: auto;}
.left-border{ border: 1px solid #999; float: left; margin: 0px 15px 15px 0px; width: auto;}
.right { float: right; width: auto; margin:0 0 20px 20px;}
.hr { border-bottom: 1px dotted #fff; clear:both; height:1px; margin-bottom:10px; padding:5px 0px; width:100%;}
img.alignright {border: 1px solid #999999; float:right; margin:0 0 15px 15px;}

.fdic {float:left; margin-bottom: 10px; margin-right: 5px;}