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

body {margin: 0px; font-family: arial, sans-serif; font-size: 12px;}


.banner {width: 100%; background: url(../images/Top-Slice.gif) repeat-x; height: 93px;}
.menu {width: 100%; background-color: #012f6a; height: 27px; margin-bottom: 20px;}
.footbar {width: 100%; background: url(../images/Bottom-Slice.gif) repeat-x; height: 60px; margin: 30px 0px 10px 0px;}
.interior {width: 720px; position: relative; left: 50%; margin-left: -360px;}


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

h1 {color: #850227; font-size: 16px; text-transform: uppercase;}
h2, .content_rates_category1 {color: #850227; font-size: 16px; font-weight:bold;}
h3, .content_rates_table_title {color: #850227; font-size: 14px; font-weight:bold; }
h4 {color: #850227; font-size: 12px; font-weight: bold;text-transform: uppercase; }
h5 {color: #850227; font-size: 12px; font-weight: bold; }
h6 {color: black; font-size: 12px;  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: 480px;}
.content_rates_table_fields {background-color: #850227; color: white; font-weight: bold; }
.content_rates_table_row2 {background-color: #e9f3ff;}
.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; font-size: 10px; }
.regions_rates_table_effectivedate {font-size: 9px;}
.regions_rates_table_title {display: none;}
.regions_rates_table_fields { font-size: 10px; color: #850227;}




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


.toplinks {text-align: right; text-transform: uppercase; color: #012f6a;font-weight: bold; margin-top: 13px;}
a.toplink {font-weight: bold; text-decoration: none; color: #012f6a;}
a.toplink:hover {text-decoration: underline; color: #850227;}
.pipe {font-weight: bold; margin: 0px 5px 0px 5px;}

.search {display: inline;}
.searchbox {border: solid 1px #b4b4b4; width: 75px; margin-left: 5px;font-size: 11px;}

.hb {background: url(../images/Cyber-Branch.gif) no-repeat; width: 386px; height: 36px; top: 27px;}
.hbname{top: 11px; left: 230px; font-size: 11px; width: 100px;border: solid 1px #b4b4b4; position: relative; display: inline}
.hbarrow {left: 235px;top: 15px; }
.hbnotice {top: 12px; left: 155px;}
.hbnotice a{font-weight: bold; text-decoration: none;}
.hbnotice a:hover{text-decoration: underline;}
.hb2 {position: relative; top: 13px; left: 55px; color: #850227; display: inline}

.region {width: 216px;}
.bttmpad {margin-bottom: 10px;}
.toppad {margin-top: 10px;}
.Rpad {margin-right: 25px;}
.Lpad {margin-left: 20px;}

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


.bottomlinks {text-align: right; text-transform: uppercase; color: white;font-weight: bold; margin-top: 22px;}
a.bottomlink {font-weight: bold; text-decoration: none; color: white;}
a.bottomlink:hover {text-decoration: underline; color: #e9f3ff;}

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


/*
change '#850227' to main site color
Blue – #012f6a

Red – #850227 (Use this for the drop down menus. Sorry, I forgot to add them to the samples)

Light #850227 - #e9f3ff
grey #b4b4b4
*/