body {
	background-color: #fff;
	color: #000;
	font-family: Verdana;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover { text-decoration: underline; }


/***********************/
/***** show/hide *******/
/***********************/
.show {
  display:block;
}
.hide {
  display:none;
}


/*** HEADER **/
#header {
	background: #fff url(/images/logo_bg.gif) repeat-x left top;
}
#header table {
	width: 780px;
	height: 97px;
	margin: 0px auto;
	margin-bottom: 6px;
}
#header td {
	height: 17px;
	vertical-align: middle;
	text-align: center;
}
#header #links td {
	padding: 3px 7px;
	vertical-align: bottom;
}
#header #links td.line {
	padding-bottom: 0px;
}
#header #links a {
	font-size: 9px;
	color: #9f5210;
}

/*** TOP MENU ***/
#topmenu,
#topmenu a { color: #fff; }
#topmenu a:hover { color: #dcc30d; }
#topmenu {
	background: #053d3a url(/images/top_bg.gif) repeat-x left top;
	height: 34px;
  position: relative;
  text-align: center;
}
#top_buttons {
  margin: 0 auto;
  padding: 0;
	width: 780px;
  height: 20px;
  position: relative;
}
#top_buttons ul {
	background: url(/images/topmenu_bg.gif) repeat-x left top;
	list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
  height: 20px;
  float: right;
}
#top_buttons ul li {
  display: inline;
  height: 20px;
}
#top_buttons ul li a {
	background: url(/images/topmenu_line.gif) no-repeat left top;
	line-height: 20px;
	text-align: center;
  padding: 0 12px 0 12px;
  margin: 0;
  display: inline;
}
#top_buttons ul li a.first {
	background: none;
}




/***********************/
/***** nav *************/
/***********************/
#nav {
  position:relative;
  width:780px;
  margin:0 auto;
  padding:0;
  border:0;
  height:38px;
  list-style-type:none;
  z-index:2;
}
#nav li {
  position:absolute;
  top:0;
  text-decoration:none;
  margin:0;
  padding:0;
}
#nav li a {
  display:block;
  height:38px;
  text-indent:-9999px;
  text-decoration:none;
}
#nav-personal     { left:0;     width: 110px; background: url(/images/nav_01_personal_off.gif) no-repeat top left; }
#nav-business     { left:110px; width: 114px; background: url(/images/nav_02_business_off.gif) no-repeat top left; }
#nav-mortgage     { left:224px; width: 182px; background: url(/images/nav_03_mortgage_off.gif) no-repeat top left; }
#nav-investments  { left:406px; width: 190px; background: url(/images/nav_04_investments_off.gif) no-repeat top left; }
#nav-additional   { left:596px; width: 184px; background: url(/images/nav_05_additional_off.gif) no-repeat top left; }

#nav-personal.on, #nav-personal a:hover, #nav-personal a.hover { background: url(/images/nav_01_personal_on.gif) no-repeat top left; }
#nav-business.on, #nav-business a:hover, #nav-business a.hover { background: url(/images/nav_02_business_on.gif) no-repeat top left; }
#nav-mortgage.on, #nav-mortgage a:hover, #nav-mortgage a.hover { background: url(/images/nav_03_mortgage_on.gif) no-repeat top left; }
#nav-investments.on, #nav-investments a:hover, #nav-investments a.hover { background: url(/images/nav_04_investments_on.gif) no-repeat top left; }
#nav-additional.on, #nav-additional a:hover, #nav-additional a.hover { background: url(/images/nav_05_additional_on.gif) no-repeat top left; }


/***********************/
/***** dhtml ***********/
/***********************/
#nav li ul,
#nav li ul li {
  width:160px;
  background: none;
}
#nav li ul {
  position:relative;
  float:left;
  list-style:none;
  margin:0;
  padding:0;
  background: none;
  border-right:solid 1px #7CA3A1;
  border-bottom:solid 1px #7CA3A1;
  border-left:solid 1px #7CA3A1;
  z-index:21;
  left:1px;
}
#nav li ul li {
  background: none;
  position:relative;
  display:block;
  float:left;
  margin:0;
  padding:0;
  height:auto;
  top:0;
}
#nav li ul li a {
  text-align:left;
  display:block;
  margin:0;
  padding: 5px 10px;
  height:100%;
  text-indent:0px;
	color:#000;
  background-color: #9EC5C3;
	border:0;
  border-top:solid 1px #7CA3A1;
}
#nav li ul li:hover a,
#nav li ul li.hover a,
#nav li ul li a:hover {
	background: #7CA3A1;
	color:#000;
}



/*******************************************/

/*** CONTENT ***/
#backdrop {
	background: url(/images/content_fade_bg.gif) repeat-x left top;
	overflow: auto;
}
#backdrop #row {
	width: 804px;
	margin: 0px auto;
	background-color: #fff;
  clear:both;
  position:relative;
}
#content-left {
	background: #fff url(/images/content_top_left.gif) no-repeat left top;
	padding-top: 41px;
	width: 185px;
	float: left;
}
#content-right {
  position:relative;
	background: #FFF url(/images/content_top_right.gif) no-repeat left top;
	width: 595px;
	padding-top: 14px;
	float: left;
}
#content-top-container {
	background: url(/images/box_header_bg.gif) repeat-y left top;
	width: 574px;
	overflow: auto;
  margin:0;
}
#content-top-bg {
	background: url(/images/content_top.gif) no-repeat -185px -14px;
	width: 574px;
	height: 27px;
}
#content-top {
	position: relative;
	top: -21px;
	left: 7px;
	width: 562px;
}
#content-top-footer {
	background: #fff url(/images/box_header_bottom.gif) no-repeat 0 -6px;
	width: 574px;
	height: 18px;
	clear: both;
	position: relative;
	top: -17px;
}
#content {
  position:relative;
	margin: 0 24px 40px 0px;
	font-size: 12px;
	line-height: 18px;
	font-family: Arial;
	color: #000;
}
#content a:link, 
#content a:visited { 
  color: #b05100; 
  text-decoration: underline; 
}
#content a:hover,
#content a:active { 
  color: #087dff; 
  text-decoration: none; 
}




/* * * * * * TYPOGRAPHY * * * * * */
#content p, ul, ol, h2, h3 {
  padding: 0 20px;
}
#content ul, ol {
  margin: 0 30px;
}
#content p, ul, ol, h2, h3 {
  margin-top: 0;
  margin-bottom: 18px;
}


/* * * * * PAGE HEADINGS * * * * */
h1.page_heading {
  position:relative;
  display:block;
  height:63px;
  width:560px;
  margin:0;
  padding:0;
  top:1px;
  left:1px;
  text-indent:-9999px;
  text-decoration:none;
  background:#CCC;
}
h1#about            { background: url(/images/title_about_us.jpg) no-repeat top left; }
h1#additional       { background: url(/images/title_additional_services.jpg) no-repeat top left; }
h1#branch           { background: url(/images/title_branch_atm.jpg) no-repeat top left; }
h1#business         { background: url(/images/title_business_banking.jpg) no-repeat top left; }
h1#contact          { background: url(/images/title_contact_us.jpg) no-repeat top left; }
h1#customer_service { background: url(/images/title_customer_service.jpg) no-repeat top left; }
h1#investing        { background: url(/images/title_investments_trusts.jpg) no-repeat top left; }
h1#legal            { background: url(/images/title_legal_agreements.jpg) no-repeat top left; }
h1#mortgage         { background: url(/images/title_mortgages_loans.jpg) no-repeat top left; }
h1#news             { background: url(/images/title_news_events.jpg) no-repeat top left; }
h1#personal         { background: url(/images/title_personal_banking.jpg) no-repeat top left; }
h1#privacy          { background: url(/images/title_privacy_policy.jpg) no-repeat top left; }
h1#resources        { background: url(/images/title_resources.jpg) no-repeat top left; }
h1#sitemap          { background: url(/images/title_site_map.jpg) no-repeat top left; }
h1#terms            { background: url(/images/title_terms_of_use.jpg) no-repeat top left; }
h1#locations        { background: url(/images/title_generic_01.jpg) no-repeat top left; }
h1#security         { background: url(/images/title_generic_03.jpg) no-repeat top left; }
h1#faq              { background: url(/images/title_generic_02.jpg) no-repeat top left; }
h1#careers              { background: url(/images/title_careers.jpg) no-repeat top left; }

h2.homepage {
  font-size: 20px;
}

/****** DATA TABLES ******/

/* homepage_service_list */
table#homepage_service_list {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  left: 20px;
  top: 0;
}

/* locations */
table.locations {
  width: 90%;
  margin-left:20px;
  margin-bottom:1em;
}
table.locations caption {
  width: 90%;
  margin-left:20px;
  text-align: left;
  font-weight: bold;
  background: #000;
  color: #FFF;
  padding: 5px;
}
table.locations td {
  vertical-align: top;
  padding-bottom: 1em;
}

/* contact */
table.contact {
  width: 90%;
  margin-left:20px;
  margin-bottom:1em;
  position:relative;
}
table.contact th {
  vertical-align: top;
  text-align: left;
  font-weight: bold;
  position:relative;
}
table.contact td {
  vertical-align: top;
  position:relative;
}
table.contact td.location {
  text-indent: 20px;
  font-weight: bold;
  font-style: italic;
}
table.contact td.person {
  text-indent: 40px;
}



/*** CONTENT-LEFT ITEMS ***/
#login-box {
	width: 162px;
	height: 156px;
	font-size: 9px;
}
#login-box #login-links a:link,
#login-box #login-links a:visited { 
  color: #224368; 
  text-decoration: underline;
}
#login-box #login-links a:hover,
#login-box #login-links a:active { 
  color: #0078ff; 
  text-decoration: none;
}
#login-box a:hover { color: #fff; }
/* login-box: personal banking */
#login-box.personal { background: url(/images/box_login_bg_personal.gif) no-repeat 0px 25px; }
#login-box.personal .login-id { color: #e6dea3; }
#login-box.personal .first-time { color: #fae65c; }
/* login-box: business banking */
#login-box.business { background: url(/images/box_login_bg_business.gif) no-repeat 0px 25px; }
#login-box.business .login-id { color: #483f00; }
#login-box.business .first-time { color: #716720; }
#login-box h3.banking-login {
  background: url(/images/box_login_top.gif) no-repeat;
  color: #c9b106;
  width:162px;
  height:25px;
  line-height:25px;
  text-indent:22px;
  text-transform: uppercase;
  font-size: 10px;
  margin: 0;
  padding: 0;
}
#login-box td {
	padding: 3px;
	vertical-align: middle;
}
#login-box table {
	margin: 0px auto;
	margin-top: 5px;
}

/* SECURITY-BOX */
#security-box {
	width: 162px;
  height: 250px;
	margin-top: 20px;
	font-size: 10px;
	font-weight: bold;
}
#security-box a.bullet {
	display: block;
	background: url(/images/bullet_gold.gif) no-repeat 0px 4px;
	padding-left: 12px;
}
#security-box a:hover { color: #2861a0; }
#security-box .line {
	position: relative;
	left: -12px;
	margin: 0px auto;
	padding: 7px 0px;
}
#security-top {
	background-color: #cb874c;
	padding: 5px;
	font-weight: bold;
	color: #e9e9e9;
}

/* SUBNAV */
#subnav { margin-top: 20px; }
#subnav a {
	display: block;
	width: 145px;
	padding: 5px 2px 5px 20px;
	background: #2861a0 url(/images/bullet_gold.gif) no-repeat 10px 9px;
	color: #e1e1e1;
	margin-bottom: 1px;
}
#subnav a.on,
#subnav a:hover { 
  text-decoration: none !important; 
  background: #398ae2 url(/images/bullet_gold.gif) no-repeat 10px 9px;
}


/****************/
/***** faqs *****/
/****************/
.faqs {
  margin-left: 20px;
}
.faqs dl {
  margin:12px 0;
  clear:both;
}
.faqs dt a {
  padding-left:20px;
}
.faqs dd {
  margin-left: 20px;
  padding:0;
}
.faqs dl.on .question {
  background:url(/images/icon_minus.gif) top left no-repeat;
  background-position: 0 5px;
}
.faqs dl.on .answer {
  display:block;
  width:90%;
}
.faqs dl.on .close {
  padding:5px 0 0 0;
	font-size:10px;
  text-align:left;
}
.faqs dl.off .question {
  background:url(/images/icon_plus.gif) top left no-repeat;
  background-position: 0 5px;
}
.faqs dl.off .answer {
  display:none;
}
#open_all_top p.first {
  *padding:10px 0 0 0;
  _padding:0 0 0 0;
}
#close_all_top p.first {
  *padding:10px 0 0 0;
  _padding:0 0 0 0;
}
#open_all_bottom p.first {
  *padding:10px 0 5px 0;
  _padding:0 0 0 0;
}
#close_all_bottom p.first {
  *padding:10px 0 5px 0;
  _padding:0 0 0 0;
}


/*** FOOTER STUFF **/
#promos {
	margin-bottom: 35px;
	color: #666;
	font-size: 9px;
}
#promos td {
	width: 180px !important;
	padding: 5px;
	white-space: normal;
}
#promos table tr:first-child td {
	background: url(/images/box_promo.gif) no-repeat left top;
	height: 130px;
	padding: 0px 5px;
}
#footer {
	position: relative;
	border-top: 5px solid #c0ae30;
	background-color: #053d3a;
	overflow: visible;
}
#footer a { color: #8d8d8d; }
#footer a:hover { color: #fff; }
#footer td.line {
	padding: 0px 10px !important;
}
#footer-content {
	position: relative;
  border-top: 5px solid #b19b00;
	width: 780px;
	margin: 0px auto;
	overflow: visible;
	position: relative;
	top: -5px;
	background-color: #000;
	font-size: 9px;
	color: #fae65c;
	padding: 0 10px;
}
#footer-content table.small {
  width: 100%;
}
ul#nav_footer {
  list-style-type: none;
  text-align:right;
  padding: 0;
  margin: 0 -10px 0 0;
  float:right;
}
ul#nav_footer li {
  display:inline;
  height:39px;
}
ul#nav_footer a {
  float:left;
  background: url(/images/footer_nav_line.gif) top left no-repeat;
  height:39px;
  line-height: 39px;
  padding: 0 20px;
}
ul#nav_footer a.first {
  background: none;
}
p#disclaimer {
  width: 360px;
  margin: 0;
  padding: 0;
  position: relative;
  top: 18px;
  right: 30px;
  float: right;
}
#footer_logos {
  padding-left:45px;
}
#footer_logos img {
  margin-right: 32px;
}
td#footer_phone {
  color:#fae65c;
  text-align:left;
  position:relative;
}
td#footer_phone div {
  position:relative;
  top: 12px;
  left: 0;
}
td#footer_phone span {
  color:#bdb57a;
}



/*** OTHER **/
table.small {
	border-collapse: collapse;
	empty-cells: show;
}
table.small td {
	padding: 0px;
	white-space: nowrap;
}
form.small { display: inline; }
input.text {
	padding: 1px 2px;
	border: 1px solid #000;
}
a.bullet {
	background: url(/images/bullet_gold.gif) no-repeat left center;
	padding-left: 12px;
}
#content p.backtotop {
  text-align:center;
  margin-top:2em;
  margin-bottom:0;
}
a.link_outside {
  background: url(/images/icon_new_window.gif) top right no-repeat;
  padding-right: 10px;
}


/* sitemap */
#content ul.sitemap, #content ul.sitemap ul {
  list-style-type: none;
  margin:0 0 0 20px;
  padding: 0;
}
#content ul.sitemap li {
  margin:1em 0;
}
#content ul.sitemap li li {
  margin:0;
}




/******* EXIT PAGES ******/
body.exit {
  background: #FFF;
}
body.exit a { color: #b05100; }
body.exit a:hover { color: #087dff; }
body.exit #container {
  width: 380px;
  margin: 0 auto;
  position: relative;
}
body.exit #top {
  position: relative;
  float:left;
  width: 380px;
  height: 120px;
}
body.exit #branding {
  position: relative;
  top: 10px;
  left: 10px;
}
body.exit h2 {
  font-size: 2em;
  padding:0;
  margin:0;
}
body.exit #middle {
  clear:both;
  width: 380px;
  padding: 20px 0;
  margin: 0 auto;
  border-top:1px solid #CCC;
  border-bottom:1px solid #CCC;
}
body.exit #bottom {
  float:left;
  clear:both;
  width: 500px;
}
body.exit .close {
  position: relative;
  top:0;
  right:0;
  text-align:right;
}




/* * * * * * * * * * * */
/* * * * FORMS * * * * */
/* * * * * * * * * * * */
#content #form_response {
  border: 1px solid green;
  background: url(/images/checkmark.gif) top left no-repeat #EFEFEF;
  background-position: 10px 10px;
  color: green;
  padding: 10px;
  margin: 20px;
  position: relative;
  float: left;
  clear: both;
  text-indent: 20px;
}
#content #form_response.error {
  border:1px solid red;
  background: url(/images/exclamation.gif) top left no-repeat #EFEFEF;
  background-position: 10px 10px;
  color: red;
}

#contact_form {
  margin: 0 0 2em 20px;
  padding: 20px;
  width: 340px;
  background: #EFEFEF;
  border: 1px solid #CCC;
}
#contact_form fieldset {
  border: 0;
}
#contact_form legend {
  font-weight: bold;
  padding: 0;
  margin: 0 0 1em 0;
}
#contact_form label {
  width:100%;
  float:left;
  clear:left;
  margin: 0;
  padding:0;
}
#contact_form label.error {
  color:red;
}
#contact_form input,
#contact_form textarea {
  display:block;
  float:left;
  margin: 0 0 1em 0;
  padding:0;
  border: 1px solid #CCC;
}
#contact_form input.error,
#contact_form textarea.error {
  border: 1px solid red;
}
#contact_form textarea {
	font-family: Arial;
  font-size: 1em;
  height: 6em;
}
.med {
  width: 300px;
}
.button {
  background:#EEE;
}





/* * * * * * * * * * * * * * * * */
/* * * * SEARCH RESULTS  * * * * */
/* * * * * * * * * * * * * * * * */
table.search_results div.content {
  border-top:1px solid #CCC;
}

div#meet-proteam-container {
	position: relative;
}
a#meet-proteam {
	position: absolute;
	left: -51px;
	left: -95px;
	_left: -123px; /* IE 6. */
	top: -80px;
	background: url(/images/btn_ProTeam_160px.gif) no-repeat;
	width: 160px;
	height: 51px;
	background-position: 0 -51px;
	text-indent: -10000px;
	outline: none;
}
a#meet-proteam.on {
	cursor: default;
}
a#meet-proteam:hover, a#meet-proteam.on {
	background-position: 0 0;
}
div.proteam {
	background: none !important;
}