html {overflow: -moz-scrollbars-vertical;}

body {margin: 0px; font-family: arial, sans-serif; font-size: 12px;}
.page {width: 780px; position: relative; left: 50%; margin-left: -390px; background: url(../images/Center-slice.gif) center repeat-y; padding-left: 19px;}

p, td, li, blockquote {font-size: 12px; }
a {color: black;}
a:hover {color: #002596;}

h1 {color: #002596; font-size: 16px;}
h2, .content_rates_category1 {color: #002596; font-size: 14px; font-weight:bold;}
h3, .content_rates_table_title {color: #002596; font-size: 12px; font-weight:bold; text-transform: uppercase;}
h4 {color: #002596; font-size: 12px; font-weight: bold; }
h5 {color: black; font-size: 12px; font-weight: bold; }
h6 {color: black; font-size: 12px; font-style: italic; font-weight: bold;}

.floatR {position: relative; float: right;}
.floatL {position: relative; float: left;}
.breaker {clear: both;}
.border {border: solid 1px #002596;}

.content_rates_table {margin-bottom: 20px; width: 100%;}
.content_rates_table_fields {background-color: #002596; color: white; font-weight: bold; }
.content_rates_table_row2 {background-color: #dfe5ef;}
.content_rates_table_row_highlight {color: red;}

.regions_rates_table {width: 100%;}
.regions_rates_table_row1, .regions_rates_table_row2 {background-color: silver; border-bottom: 3px solid white; font-size: 10px; }
.regions_rates_table_effectivedate {font-size: 9px;}
.regions_rates_table_title, .regions_rates_category1 {display: none;}
.regions_rates_table_fields { font-size: 10px; color: #002596;}

.aprnote {font-size: 10px; width: 160px;}

.banner {width: 760px; background: url(../images/Top.jpg) no-repeat; height: 117px;}
a.homelink {width: 250px; height: 117px;}


.menu {width: 760px; height: 45px; background-color: #e8e8e8}

.search {font-weight: bold; margin: 20px 10px 0px 0px;}

.toplinks {text-align: right; margin: 15px 10px 0px 0px;}
a.toplink {font-weight: bold; text-decoration: none; color: black;}
a.toplink:hover {text-decoration: underline; color: #002596;}
.pipe {font-weight: bold; margin: 0px 5px 0px 5px;}

.hb {background: url(../images/Home-Banking.jpg) no-repeat; width: 247px; height: 248px; text-align: center; }
.hb a, .hb a:visited {color: white; text-decoration: none;}
.hb a:hover {text-decoration: underline; color: white;}

.atm {background: url(../images/ATM-Locator-Button.jpg) no-repeat; width: 246px; height: 89px;margin: 0px 2px 0px 10px; color: white; font-weight: bold}
.atm form {display: inline; margin: 0px;}
.atm1 {top: 35px; left: 95px;}
.atm2 {top: 40px; left: 30px; width: 200px;}
.atmbox {margin: 0px 5px;}
a.atmlink {color: white;}


.homecontent {margin: 7px; width: 750}
.content {margin: 10px 10px 10px 15px; width: 740px;}

.home_region {margin-top: 10px; width: 246px;}
.region {margin: 0px 0px 0px 10px; width: 246px;}

.regionbox {padding: 5px; border-left: solid 1px #eaeaea;border-right: solid 1px #eaeaea; width: 230px;}
.regiontop {background: url(../images/blank-header.jpg) no-repeat; width: 236px; height: 33px; color: white; font-size: 16px; font-weight: bold; padding: 7px 0px 0px 10px;}

/* .regionbox use min-height here and height in IEstyle */
.regionbox ul {margin: 0px; padding: 10px 0px 0px 20px;}
.regionbox ul li {padding-bottom: 5px;}

.rotate {background: url(../images/Rotating-Area-Background.jpg) no-repeat; width: 498px; height: 165px;}
.ad_region {left: 10px; top: 0px;  height: 145px; border: solid 0px red;}
.whats_new {display: none;  height: 145px; width: 470px; position: absolute}
.adnav {position: relative; top: 125px; left: 25px; width: 100px;}


a.numlink1 {display: block; background: url(../images/1-up.jpg) no-repeat; width: 16px; height: 16px; margin: 2px;}
a.numlink1:hover {background: url(../images/1-over.jpg) no-repeat;}
a.numlink2 {display: block; background: url(../images/2-up.jpg) no-repeat; width: 16px; height: 16px; margin: 2px;}
a.numlink2:hover {background: url(../images/2-over.jpg) no-repeat;}
a.numlink3 {display: block; background: url(../images/3-up.jpg) no-repeat; width: 16px; height: 16px; margin: 2px;}
a.numlink3:hover {background: url(../images/3-over.jpg) no-repeat;}
a.numlink4 {display: block; background: url(../images/4-up.jpg) no-repeat; width: 16px; height: 16px; margin: 2px;}
a.numlink4:hover {background: url(../images/4-over.jpg) no-repeat;}

a.onlink1 {background: url(../images/1-over.jpg) no-repeat; width: 16px; height: 16px; margin: 2px;}
a.onlink2 {background: url(../images/2-over.jpg) no-repeat; width: 16px; height: 16px; margin: 2px;}
a.onlink3 {background: url(../images/3-over.jpg) no-repeat; width: 16px; height: 16px; margin: 2px;}
a.onlink4 {background: url(../images/4-over.jpg) no-repeat; width: 16px; height: 16px; margin: 2px;}


.homebuttons {width: 750px; margin-top: 10px;}
.newsletter {background: url(../images/Email-Signup.jpg) no-repeat; width: 242px; height: 89px;}
.bttmpad {margin-bottom: 10px;}

.bottom {left: -10px;top: 1px;}

.footer {width: 750px; background: url(../images/bottom.jpg) no-repeat; position: relative; left: 50%; margin-left: -365px}
.bottomlinks {}
a.bottomlink {font-weight: bold; text-decoration: none; color: black;}
a.bottomlink:hover {text-decoration: underline; color: #002596;}

.footlogos { width: 700px; }
.footnote {font-size: 10px; width: 450px; text-align: left; line-height: .9; margin-top: 10px;}
.blunote {color: #003399;}

.hb td {color: white;}
.hb td span a {color: white;}


/*
change '#002596' to main site color
#002596 – #002596

Gray (drop own menus) - #e8e8e8
*/

.signupform {top: 50px; left: 10px;}
.formbox {width: 205px; border: solid 1px #e8e8e8;}
.formarrow { padding: 5px;}

.printit {display: none;}

.bpd_iframe {border: 0px; position: relative; left: -15px;}