html {overflow: -moz-scrollbars-vertical;}

body {background-color: #82af4a; margin: 0px;}
.body { font-family: arial, sans-serif; font-size: 12px; background: url(../images/background-slice.jpg) bottom repeat-x white; width: 100%;}
.page {width: 780px; position: relative; left: 50%; margin-left: -390px; background: url(../images/center-slice.jpg) repeat-y;}

p, td, li, blockquote {font-size: 12px; }

a {color: black;}
a:hover {color:#003f84;}

h1 {color: #629919; font-size: 18px; display: block; border-bottom: solid 1px #003f84; text-transform: lowercase;}
h2, .content_rates_category1 {color: #629919; font-size: 16px; font-weight:bold; text-transform: lowercase;}
h3, .content_rates_table_title {color: #629919; font-size: 14px; font-weight:bold; text-transform: lowercase;}
h4 {color: #629919; 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 red;}

.content_rates_table {margin-bottom: 20px; width: 100%;}
.content_rates_table_fields {background-color: #629919; color: white; font-weight: bold; }
.content_rates_table_row2 {background-color: #dfe5ef;}
.content_rates_table_row_highlight {color: #0a6104;}

.regions_rates_table {width: 100%;}
.regions_rates_table_row1, .regions_rates_table_row2 {background-color: silver; border-bottom: 3px solid white;}
.regions_rates_table_effectivedate {font-size: 9px;}
.regions_rates_table_title {display: none;}

.aprnote {font-size: 10px;}

.banner {width: 780px; background: url(../images/top.jpg) no-repeat; height: 147px;}

.toplinks {text-align: right; color: #003f84; font-size: 11px; width: 350px;font-weight: bold; margin: 5px 20px 0px 0px; }
a.toplink {text-decoration: none;color: #003f84;}
a.toplink:hover {text-decoration: underline; color: #629919;}
.pipe {font-weight: bold; margin: 0px 5px 0px 5px;}

.search { margin-top: 10px;}
.searchbox {width: 60px; border: solid 1px white; font-size: 11px; }

a.homelink {display: block; width: 395px; height: 100px;}

.leftcol {width: 204px; margin-left: 22px;}

.hb {background: url(../images/online-banking.jpg) no-repeat; width: 204px; height: 119px; margin: 0px 0px 20px 0px;}
.hbuser {position: relative; top: 50px; left: 15px; width: 175px; border: 0px;}
.hbbutton {position: relative; top: 75px; left: 160px;}
.hb form {margin-top: 0px;}

.marginal {margin-bottom: 10px;}

.contentarea {margin-right: 25px; width: 490px;}

.homecontent {width: 219px; margin: 0px 5px 0px 5px;}
.signup {width:  219px; text-align: center; margin-top: 20px;}

/*
change '#629919' to main site color
blue - #003f84

Green – #629919

Lighter Green - #a2cb65

*/

.footer {width: 780px; background: url(../images/center-bottom.jpg) no-repeat; height: 150px; position: relative; left: 50%; margin-left: -390px; }
.bottomlinks{text-align: right; color: #003f84; font-size: 11px; font-weight: bold; margin: 35px 20px 10px 0px; }
a.bottomlink {font-weight: bold; text-decoration: none; color: #003f84;}
a.bottomlink:hover {text-decoration: underline; color: #629919;}
.bottomlinks p {font-size: 11px;}

.region {background-color: #a2cb65; padding: 0px 10px 0px 10px}
.region h1 {color: black; font-size: 16px; text-transform: lowercase; margin: 0px 0px 10px 0px; border-bottom: 0px;}
.region ul { padding: 0px 0px 0px 15px; margin: 0px;}
.region li {padding-bottom: 5px;}
.region a {color: black; text-decoration: none;}
a:hover {color:#003f84; text-decoration: underline;}

.greenbottom {height: 300px; width: 100%; background-color: #82af4a;}
