html {overflow: -moz-scrollbars-vertical;}

body {margin: 0px; font-family: arial, sans-serif; font-size: 12px; background: url(../images/bg.gif) top repeat-x #f0f1f2;}
.page {width: 740px; position: relative; left: 50%; margin-left: -370px;}

p, td, li, blockquote {font-size: 12px; }
a {color: black;}
a:hover {color: #7c022b;}

h1 {color: #7c022b; font-size: 20px; font-family: 'arial narrow', arial, sans-serif;}
h2, .content_rates_category1 {color: #7c022b; font-size: 16px; font-weight:bold; font-family: 'arial narrow', arial, sans-serif;}
h3, .content_rates_table_title {color: #7c022b; font-size: 12px; font-weight:bold; text-transform: uppercase; font-family:  arial, sans-serif;}
h4 {color: #7c022b; 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: #7c022b; color: white; font-weight: bold; }
.content_rates_table_row2 {background-color: #dfe5ef;}
.content_rates_table_row_highlight {color: #0a6104;}

.regions_rates_table {width: 190px;}
.regions_rates_table_row1, .regions_rates_table_row2 {background-color: white; border-bottom: 3px solid #c5c6c6; font-size: 10px;}
.regions_rates_table_effectivedate {font-size: 9px;}
.regions_rates_table_title {display: none;}
.regions_rates_table_fields { font-size: 11px; color: #7c022b;}

.aprnote {font-size: 10px; text-align: center;}

.banner {width: 740px; background: url(../images/top.jpg) no-repeat; height: 109px;}

.toplinks {text-align: right; top: 20px; left: -25px;font-weight: bold;  font-size: 13px;}
a.toplink {text-decoration: none; color: black; font-family: 'arial narrow', arial, sans-serif;}
a.toplink:hover {text-decoration: underline; color: #7c022b;}
.pipe {font-weight: bold; margin: 0px 5px 0px 5px;}


/*
Light gray (background color) - #f0f1f2

Gray - #c5c6c6

Burgundy - #7c022b

*/

.search {top: 50px; left: 255px;}

.homelink {display: block; width: 225px; height: 100px; margin-left: 20px;}

.menu {width: 180px;}
.menuarea {background-color: #c5c6c6; height: 470px; border: solid 0px red}
a.menulink {display: block; color: black; font-family: 'arial narrow', arial, sans-serif; font-size: 16px; text-decoration: none; padding: 5px  0px 5px 0px; border-bottom: 1px solid white; width: 140px; margin-left: 20px; font-weight: bold;}
a.menulink:hover {color: #7c022b; text-decoration: none;}

.wideleft {margin-left: 10px;}
.narrowleft{margin-left: 10px;}
.marginbottom {margin-bottom: 5px;}

.hb {background: url(../images/Home-banking-login.jpg) no-repeat; width: 202px; height: 202px;}
.hb2 {background: url(../images/Home-banking-login2.jpg) no-repeat; width: 202px; height: 202px;}
a.ebutton {display: block; width: 115px; height: 55px; top: 50px; position: relative;}

.hb_new {background: url(../images/hb_bg.png) no-repeat; width: 202px; height: 202px;}
.hb_1, .hb_2, .hb_3, .hb_4 {position: relative; top: 60px; left: 10px; margin-bottom: 10px;}
.hb_2 {background-color: white;}


.homecontent {width: 322px; padding: 10px;}
.hbform {position: relative; top: 55px; left: 15px;}
.hbid {margin-bottom: 5px;}
.hbpass {margin-bottom: 10px;}

.ratesbox {background-color: #c5c6c6; width: 202px; margin-bottom: 10px;}
.rates {padding: 5px;}

.buttons {margin: 10px 0px 5px 0px; width: 740px;}


.footer {width: 690px; padding-top: 10px; left: 25px; margin-bottom: 20px;}
.blackline {width: 690px; height: 3px; background-color: black; overflow: hidden;}
.bottomlinks {font-weight: bold;  font-size: 13px; margin:10px 0px 10px 0px;}
a.bottomlink {font-weight: bold; text-decoration: none; color: black;}
a.bottomlink:hover {text-decoration: underline; color: #7c022b;}
.verisign {width: 120px; height: 50px; text-align: center;}/*border: solid 1px #7c022b; */

.regioncolumn {width: 180px; margin-left: 10px;}
.region {background-color: #c5c6c6; width: 180px; margin-bottom: 10px;}
.regionbox {padding: 0px 10px 0px 15px;}
.regionbox h1 {color: black; margin-top: 0px;}
.regionbox ul {padding-left: 15px;}
.regionbox li {padding-bottom: 5px;}

.content {margin-left: 20px; width: 540px;}
.marignal {margin-bottom: 10px;}

.footlogos {left: 20px;}
.footnote {font-size: 10px; width: 400px; text-align: left; line-height: .9; margin-top: 10px; clear: right;}
.blunote {color: #003399;}

.anylinkcss{position: absolute; visibility: hidden; border: 1px solid black; border-bottom-width: 0; font: normal 12px arial; z-index: 100; background: white; width: 200px; text-align: left; margin-top: -1px;}
.anylinkcss ul{margin: 0; padding: 0; list-style-type: none;}
.anylinkcss ul li a{width: 100%; height: 20px; overflow: hidden; text-indent: 5px; display: block; border-bottom: 1px solid black; padding: 4px 0px 0px 0px; text-decoration: none;}
.anylinkcss a:hover{background: #c5c6c6; color:black;text-decoration: none;}
.box1 {display: block; width: 200px; border: solid 1px black;text-decoration: none;height: 20px;text-indent: 5px;height: 20px;padding: 4px 0px 0px 0px;}

.cc {background: url(../images/Get-Email-Updates.gif) no-repeat; width: 160px; height: 94px; margin: 20px 0px 0px 10px;}
.cc1, .cc2 {position: relative;}
.cc1 {top: 40px; left: 10px; font-size: 11px; width: 135px;}
.cc2 {top: 45px; left: 95px;}

