/*Designer's specs go here for colors and font styles*/



html {
min-height: 100%;
margin-bottom: 1px;} /* Always makes vertical scrollbar (kills annoying page shift in Firefox) */

* {
margin:0;
padding:0;}


/*--------- site-wide font styles ----------*/
a img {
border:none;}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#555555;}

h1 {
font-family:Gerogia, "Times New Roman", Times, serif;
font-size:18px;
font-variant:small-caps;
color:#003668;
margin-bottom:5px;} /* title */

h2 {
font-family:Gerogia, "Times New Roman", Times, serif;
font-size:14px;
font-variant:small-caps;
color:#555555;
margin-bottom:5px;
text-decoration:none;}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#555555;
margin-bottom:5px;} /* body text font size + bold */

h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#C96F23;
margin-bottom:5px;}

p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#555555;
line-height:130%;
margin-bottom:10px;}

.smaller {
font-size:10px;}

#main .item p.description a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#555555;
line-height:130%;
text-decoration:none;
float:none;}

#main .item h2 a {
float:none;}

#header p {
font-family:Gerogia, "Times New Roman", Times, serif;
font-size:12px;
color:#ffffff;
line-height:27px;
margin:7px 0 2px 0;
letter-spacing:1px;
font-variant:small-caps;}

#header p span {
background:url(/images/spacer_header.png) right center no-repeat;
padding:0 14px 0 10px;}

#header p a {
color:#ffffff;
text-decoration:none;
padding-left:8px;}

#header p a:hover {
text-decoration:underline;}

/* main top nav */
#nav a {
font-family:Gerogia, "Times New Roman", Times, serif;
font-size:14px;
color:#333333;
text-decoration:none;
padding-top:14px;
display:block;
margin:0 12px 0 2px;
font-variant:small-caps;}

#nav a:hover {
color:#003668;
background:url(/images/nav_a_arrow.gif) top center no-repeat;}

#nav a.navsel {
color:#003668;
background:url(/images/nav_a_arrow.gif) top center no-repeat;}

#tabs a {
font-family:Gerogia, "Times New Roman", Times, serif;
font-size:12px;
text-transform:none;
font-weight:normal;
font-variant:small-caps;
color:#ffffff;
margin:0;
display:block;
letter-spacing:1px;}

#tabs a.banking {
width:100px;
height:21px;
padding:4px 0 10px 18px;
margin:0 1px 0 2px;}

#tabs a.help {
width:61px;
height:21px;
padding:4px 0 10px 30px;}

/* main content area */
#content ul, #content ol {
list-style-position:outside;
padding-left:15px;}

#main ul, #main ol {
margin:0 0 15px 15px;}


/* faq */
#faq ul {
list-style:none;
margin-left:0px;}

#faq li.q {
font-weight:bold;
margin-bottom:5px;}

#faq li.a {
margin-bottom:10px;}


/* sub nav in left column */
#col_left h2 {
font-family:Gerogia, "Times New Roman", Times, serif;
font-size:16px;
font-variant:small-caps;
color:#356555;
margin-bottom:10px;}

#col_left ul.subnav {
width:180px;
list-style:none;
padding-left:0;
margin-bottom:20px;}

#col_left ul.sub_subnav {
width:160px;
list-style:none;
padding-left:20px;}

#col_left ul.subnav a, #col_left ul.sub_subnav a {
font-family:Gerogia, "Times New Roman", Times, serif;
font-size:14px;
font-variant:small-caps;
color:#333333;
text-decoration:none;
display:block;
padding:5px 0 5px 20px;}

#col_left ul.subnav li {
border-bottom:1px solid #D3D2CE;}

#col_left ul.sub_subnav li {
border:none;}

#col_left ul.subnav a:hover {
background:url(/images/nav_arrow_right.png) left center no-repeat;
color:#003668;}

#col_left ul.subnav a.navsel {
background:url(/images/nav_arrow_right.png) left center no-repeat;
color:#003668;}

/* search block */
#search .search_text {
font-size:11px;
color:#616161;}


/* reminder items in left col */
#col_left .item h2, #main .item h2, #main .item h2 a {
font-size:14px;
font-weight:bold;
color:#555555;
margin-bottom:0;
text-decoration:none;}

#main .item h2, #main .item h2 a {
color:#003668;}

#col_left .item h2 a {
color:#555555;
text-decoration:none;}

#col_left p a {
color:#555555;
text-decoration:none;}

.item span {
color:#000066;}


/* right col shortcuts */
#shortcuts a {
color:#555555;
text-decoration:none;}

#shortcuts a span {
font-family:Gerogia, "Times New Roman", Times, serif;
font-size:16px;
font-variant:small-caps;
font-weight:bold;}

#sc_1 a span {
color:#33715a;}

#sc_2 a span {
color:#002b5d;}

#sc_3 a span {
color:#ce7019;}

a.rate_links {
color:#33715A;
text-decoration:none;}

a.rate_links:hover {
color:#33715A;
text-decoration:none;}

a.rate_links:visited {
color:#33715A;}

/* news items */
.news_item {
border-bottom:1px solid #D3D2CE;
/*padding-bottom:5px;*/	/* bottom padding and margin changed per client 1-18/2010 */
/*margin-bottom:15px;*/
padding-bottom:2px;
margin-bottom:10px;
float:left;
width:100%;}

#main .news_item a.news_title, span.news_title {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#003668;
float:left;
text-decoration:none;}

#main .news_item a.news_date, span.news_date  {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#003668;
float:right;
text-decoration:none;}

#main .news_item a.news_teaser {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#555555;
float:left;
clear:both;
text-decoration:none;}

.news_description {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#555555;
text-decoration:none;}

.view_all {
float:right;
clear:both;
text-align:right;}

#main a, #sidebar_contents a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#003668;}

#main a:hover {
text-decoration:none;}

a.rdmr {
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#003668;
float:right;
text-decoration:none;}

#main a.intabs {
float:left;}


/* rate tables */
.ratesheet td {
padding:5px 10px;
border-bottom:1px solid #d3d2ce;
color:#545454;}

tr.disclosures th {
border-bottom:1px solid #d3d2ce;}

.ratesheet tr.even {
background-color:#f2f2f2;}

.ratesheet tr.rate_type {
background-color:#e6f1ed;
font-size:13px;
font-style:italic;
font-weight:bold;}

.ratesheet th {
color:#013668;
font-size:13px;
font-weight:normal;
padding:20px 0 3px 0;
border-bottom:1px solid #9f9f9f;}

.disclosures th {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: bold;
color:#33715A;
border:none;
padding:5px 0 0 10px;}

td.rates_title {
width:110px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: bold;
color:#33715A;}


/* footer */
#footer p {
font-size:12px;
color:#888888;
margin-bottom:5px;}

#footer p.copyright {
font-size:11px;
float:left;
padding-left:20px;}

#footer p.branches {
float:left;}

#footer p.branches a {
font-size:11px;
color:#888888;
text-decoration:none;}

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

#footer a {
font-size:11px;
color:#888888;
text-decoration:none;}

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


/*------------- layout styles -------------*/
body {
background:url(/images/bg_slice.jpg) top center repeat-x #ffffff;}

#wrapper {
width:998px;
margin:0 auto;}

#header {
width:900px;
float:left;
margin:0 49px 5px 49px;
background:url(/images/bg_slice.jpg) top center repeat-x;
color:#ffffff;}

#logo {
width:360px;
height:125px;
float:left;}

#rotator {
width:540px;
height:125px;
float:left;}

.clear {
clear:both;}


/*------------ top horizontal navigation ---------------*/
#nav {
width:684px;
height:27px;
float:left;
border-top:1px solid #D3D2CE;}

#nav ul {
float:left;
list-style:none;}

#nav ul li {
float:left;}

#nav a {
float:left;
display:block;}

#tabs {
width:212px;
height:35px;
float:right;
border-top:1px solid #D3D2CE;}

#tabs a.banking {
background:url(/images/btn_home_banking_off.gif) top center no-repeat;
display:inline;
float:left;
text-decoration:none;}

#tabs a.banking:hover {
background:url(/images/btn_home_banking_on.gif) top center no-repeat;}

#tabs a.help {
background:url(/images/btn_need_help_off.gif) top center no-repeat;
display:inline;
float:left;
text-decoration:none;}

#tabs a.help:hover {
background:url(/images/btn_need_help_on.gif) top center no-repeat;}

/*--------------- flash banner ----------------*/
#banner {
width:994px;
height:264px;
float:left;
clear:both;}
a:active { outline: none; }
a:focus { -moz-outline-style: none; }

/*------------ main body area ---------------*/
#content {
width:900px;
float:left;
margin:0 49px;}

/* left sidebar */

#col_left {
width:180px;
float:left;
margin-top:15px;
padding-right:15px;}

#search {
width:180px;
padding-bottom:20px;
float:left;}

#search .search_text {
width:140px;
height:17px;
float:left;
padding:5px 0 0 10px;
border:1px solid #cccccc;}

#search img {
float:right;}

#search a {
text-decoration:none;}

#add_links {
width:180px;
float:left;}

#reminders {
width:180px;
float:left;
background:url(/images/sticky_slice.gif) top center repeat-y;}

#top {
width:180px;
height:48px;
background:url(/images/sticky_top.gif) top center no-repeat;}

#col_left .item {
width:145px;
margin:10px 20px 0 15px;
border-bottom:1px dotted #555555;
padding-bottom:5px;}

#main .item {
width:100%;
margin:10px 0 10px 0;}

.item p {
margin-bottom:0;}

#bottom {
width:180px;
height:35px;
background:url(/images/sticky_bottom_off.gif) bottom center no-repeat;}

#bottom a {
float:right;
padding:5px 40px 10px 0;
text-decoration:none;
color:#897e10;}

#reminders:hover #bottom {
background:url(../../images/sticky_bottom_on.gif) bottom center no-repeat;}

/* main content */

#main {
width:420px;
float:left;
border-right:1px solid #d3d2ce;
border-left:1px solid #d3d2ce;
margin:15px 0 5px 0;
padding:0 14px;}

#main_tabs {
float:left;}

#subpage_tabs {
width:420px;
float:left;}

#content #main #subpage_tabs ul {
margin:0 0 10px 0;
padding-left:0;
float:left;
display:block;}


/* right sidebar */

#col_right {
width:240px;
float:left;
margin-top:15px;
padding-left:15px;}

#rates_block {
width:225px;
}

/* rate table */
#content #rate_tabs ul, #content .shadetabs ul {
margin-left:0;
padding-left:0;}

#promoted_deposit_rates, #promoted_loan_rates{
clear:left;}

.rate_table td {
padding:3px 5px 3px 0;
color:#33715a;
border-bottom:1px solid #D3D2CE;}

.rate_table td.title {
border-bottom:1px solid #9f9f9f;}

.rate_table h2 {
margin-bottom:0;
color:#002b5d;}

.disclosures {
background-color:#f2f7f5;}


/* shortcuts */
#shortcuts {
margin:30px 0 25px 0;}

#shortcuts a {
width:170px;
height:63px;
display:block;
padding:15px 66px 0 4px;}

#sc_1 a {
background:url(/images/btn_short_cut_gr.png) top center no-repeat;}
#sc_1 a:hover {
background:url(/images/btn_short_cut_gr_a.png) top center no-repeat;}

#sc_2 a {
background:url(/images/btn_short_cut_bl.png) top center no-repeat;}
#sc_2 a:hover {
background:url(/images/btn_short_cut_bl_a.png) top center no-repeat;}

#sc_3 a {
background:url(/images/btn_short_cut_oran.png) top center no-repeat;}
#sc_3 a:hover {
background:url(/images/btn_short_cut_oran_a.png) top center no-repeat;}


/*------------ footer ---------------*/
#footer {
width:900px;
margin:10px 49px;
padding-top:10px;
clear:both;
height:80px;
border-top:1px solid #D3D2CE;}

#footer img {
float:right;}


/*------------ big fresh signature/logo on light background ---------------*/

#footer a.bf {
letter-spacing:1px;
color:#d2d2d2;
font-weight:bold;
text-decoration:none;}

#footer a.bf span {
font-weight:normal;}

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

#footer span.bullet {
color:#d2d2d2;}

/*----------- png fix for IE6 ------------------*/