body {margin: 0px; font-family: arial, sans-serif; font-size: 12px; text-align: center;} /* text-align: center; */
.page {width: 1000px; margin: 0px auto; text-align: left;}
#contented {font-size: 12px;}

p, td, li, blockquote {font-size: 12px; }
a {color: black; text-decoration: underline;}
a:hover {color: #860038;}

h1 {color: #026d7d; font-size: 18px; display: block; border-bottom: solid 1px #6e7544;}
h2, .content_rates_category1 {color: #026d7d; font-size: 14px; font-weight:bold;}
h3, .content_rates_table_title {color: #026d7d; font-size: 12px; font-weight:bold; text-transform: uppercase;}
h4 {color: #026d7d; font-size: 12px; font-weight: bold; }
h5 {color: #026d7d; font-size: 12px; font-weight: bold; }
h6 {color: #026d7d; 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%; color: #860038; border: solid 1px #860038;}
.content_rates_table_title, .content_rates_table_effectivedate {background-color:#860038; color: white; font-weight: bold; }
.content_rates_table_fields {background-color:white; color: #860038; font-weight: bold; }
.content_rates_table_row_highlight {color: #0a6104;}

table.rs {border: solid 1px #026d7d; border-spacing: 0px; width: 100%}
table.rs th {background-color:  #026d7d; text-align: left}
table.rs th a {color: white; font-size: 11px; font-weight: bold; text-decoration: none;}
table.rs th a:hover {color: white; font-size: 11px; font-weight: bold; text-decoration: underline;}
table.rs td.white {background-color: white; font-size: 10px;}
table.rs td.gray {background-color:  #d7d3c8; font-size: 10px;}
table.rs td {padding: 4px;}

/*
table.content_rates_table {margin-bottom: 20px; width: 100%; border-right: none;  border-left: none;  border-top: none; border-bottom: solid 1px #860038; border-collapse: collapse;}
td.content_rates_table_fields {background-color: #860038; color: white; font-weight: bold;  border: solid 1px #860038;}
td.content_rates_table_row_highlight {color: #0a6104;}

table.content_rates_table td.content_rates_table_row2, table.content_rates_table td.content_rates_table_row1 {border-width: 1px; border-style: solid; border-color:#860038;}
table.content_rates_table td.content_rates_table_effectivedate, table.content_rates_table td.content_rates_table_title {border: none;}
*/


.printbttn {top: 15px;}
.printbttn2 {top: 10px;}
.socmed{top: 0px; width: 475px; border: solid 0px red}
.socmed a {text-decoration: none;}


/* for polls */
.region table td table td {padding: 2px;}
.region table td table{margin-bottom: 10px;}

.regions_rates_table {width: 100%; position: relative; float: left}
.regions_rates_table_row1, .regions_rates_table_row2 {background-color: #d7d3c8; border-bottom: 1px solid white; font-size: 10px; }
.regions_rates_table_effectivedate {font-size: 9px;}
.regions_rates_table_title {display: none;}
.regions_rates_table_fields { display: none;}

.regions_rates_table_row1 table, .regions_rates_table_row2 table {border-spacing: 0px; border-collapse: collapse; border: none;}

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

.banner {width: 1000px; background: url(../images/Top.gif) no-repeat; height: 105px;}

.menu {width: 1000px; height: 34px; background: url(../images/nav_bg.gif) no-repeat #860038; border: solid 0px blue; position: relative; z-index: 100}
.rollover span.alt {display: none;}
.rollover img {border: none;}
:root .rollover img {display: block;}

.rollover, .rollover:visited {
    background-color:transparent !important; /* needed for Opera5/6 */
    background-repeat:no-repeat;
    background-position:0 0;
}

.rollover:hover, .rollover:focus, .rollover:active, .rollover.MMO, .rollover.MMO:visited {
    background-position:0 -34px;
}


a.homelink {width: 250px; height: 100px; display: block;}

.toplinks {text-align: right;font-weight: bold; color: #026d7d; top: 15px; right: 15px; width: 500px;}
a.toplink {font-weight: bold; text-decoration: none; color: #026d7d;}
a.toplink:hover {text-decoration: none; color: #860038;}
.pipe {font-weight: bold; margin: 0px 10px 0px 10px; color: #026d7d;}
a.plus {font-size: 18px; text-decoration: none; } 
a.plus:hover {font-size: 18px; text-decoration: none;  color: #860038;}

.searchborder {border: solid 1px #026d7d; height: 18px; width: 145px;  top: 15px;}
.search {display: inline;  padding: 0px; margin: 0px; position: relative; top: -2px; left: 1px;}
.searchbutton, .searchbox {font-size: 11px; padding: 0px; margin: 0px;}
.searchbox {border: none;}
.searchbutton { font-weight: bold;}
.searchlabel {  top: 17px; margin-right: 10px;}

.resize {margin-left: 10px; top: 15px;}

.home_left {width: 691px; margin: 11px 0px 0px 11px;}
.home_right {width: 270px; margin: 11px 11px 0px 0px;}

.bannerbar {background: url(../images/banner-bar.gif) no-repeat; width: 691px; height: 31px;}
.whats_new {display: none; width: 534; height: 235px; position: relative; }
.adnav {position: relative; top: 7px; left: 490px;}
a.numblink1, a.numblink2, a.numblink3, a.numblink4, a.onlink1, a.onlink2, a.onlink3, a.onlink4, a.numblink5, a.onlink5, a.numblink6, a.onlink6 {display: block; width: 20px; height: 20px; margin-left: 10px;}
a.numblink1  {background: url(../images/1-up.gif) no-repeat;}
a.numblink2  {background: url(../images/2-up.gif) no-repeat;}
a.numblink3  {background: url(../images/3-up.gif) no-repeat;}
a.numblink4  {background: url(../images/4-up.gif) no-repeat;}
a.numblink5  {background: url(../images/5-up.gif) no-repeat;}
a.numblink6  {background: url(../images/6-up.gif) no-repeat;}

a.numblink1:hover, a.onlink1 {background: url(../images/1-over.gif) no-repeat;}
a.numblink2:hover, a.onlink2   {background: url(../images/2-over.gif) no-repeat;}
a.numblink3:hover, a.onlink3  {background: url(../images/3-over.gif) no-repeat;}
a.numblink4:hover, a.onlink4  {background: url(../images/4-over.gif) no-repeat;}
a.numblink5:hover, a.onlink5  {background: url(../images/5-over.gif) no-repeat;}
a.numblink6:hover, a.onlink6  {background: url(../images/6-over.gif) no-repeat;}

.toppad {margin-top: 11px;}

.rates {margin-top: 11px; width: 400px; background-color: #d7d3c8;}
.ratesbox { padding: 0px 15px; min-height: 176px;}
.ratesbox h1, .qlbox h1, .ql h1 {border: none; padding: 0px; margin: 0px 0px 5px 0px;}

.banking {margin: 0px 0px 5px 0px; width: 270px; height: 118px; background: url(../images/Home-Banking3.gif) no-repeat;}
.banking2 {margin: 0px 0px 39px 0px; width: 270px; height: 50px; top: 15px;}
.hblinks {margin: 40px 0px 0px 20px;}
.hblinks a {display: block; color: white; font-weight: bold; text-decoration: none; margin-bottom: 5px;}
.hblinks a:hover {text-decoration: underline; color: #CCCCCC;}

/*.banking .quickform {margin: 32px 0px 0px 15px;}*/
.button {margin-bottom: 5px;}
.button2 {margin: 15px 0px;}

.calcbox { padding: 0px 15px; }

.content, .bottregion {width: 671px; margin: 11px 0px 11px 11px;}

.bottregion {width: 691px; margin: 11px 0px 11px 11px;}
.content {min-height: 330px;}

.bottregion h2 {display: block;  border-bottom: solid 1px #6e7544; color: #860038;}
.bottregion ul {list-style: none;margin: 0px; padding: 0px;}
.bottregion ul li {display: inline; margin-right: 15px;}

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

.region {width: 270px;  background-color: #d7d3c8; margin-top: 15px; }


.home_left .boxtop, .home_left .code_block_indiv_top, .home_left .boxbottom, .home_left .code_block_bttm {display: none;}
.home_left .regionbox, .home_left .code_block_indiv_content {overflow: hidden; padding: 0px; width: 270px; height: 230px; background-color: white;}



.boxtop, .code_block_indiv_top { overflow: hidden; background: url(../images/Small-region-top.gif); width: 270px; height: 15px; display: inline-block;}
.regionbox, .code_block_indiv_content {overflow: hidden; padding: 0px 15px; min-height: 176px;}
.boxbottom {background: url(../images/Small-region-bottom.gif); width: 270px;  height: 14px; }
.code_block_indiv_bttm {}

.code_block {overflow: hidden; width: 270px;   margin-top: 15px; position: relative: float: left; padding: 0px; display: inline-block;} /* prevents breaking the design with images that are too wide, if width set */
.code_block_top {}
.code_block_center {background-color: #d7d3c8;}
.code_block_bttm { background: url(../images/Small-region-bottom.gif); width: 270px;  height: 14px;}
.code_block_indiv_content p{margin-top: 0px;}
/*.code_block_center div {display: none;}*/


.shoe {width: 1000px;  height: 150px;}
.bottomlinks { margin: 10px 0px;}
a.bottomlink {font-weight: bold; text-decoration: none; color: #026d7d;}
a.bottomlink:hover {text-decoration: underline; color: #026d7d;}

.logoline {width: 1000px; border: solid 0px silver; top:-10px; height: 65px; text-align: center; }
.logoline a {margin: 0px 3px;}

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

.noshow {display: none;}
/*
change '#026d7d' to main site color
Colors:

Burgundy – #860038

Bright Green - #860038

Green (lines under headings, internal pages) - #6e7544

Teal (headings and utility nav) - #026d7d

Beige - #d7d3c8

*/

a.tab {background: url(../images/tab_grey.gif) no-repeat; font-weight: bold; display: block; padding-top: 8px; margin-right: 5px; top: 1px; width: 126px; text-align: center; z-index: 100; height: 22px; text-decoration: none; position: relative; float: left;}
a.tab:hover {background: url(../images/tab_white.gif) no-repeat; color: #860038;}

a.tab_on {background: url(../images/tab_white.gif) no-repeat; font-weight: bold; display: block; padding-top: 8px; margin-right: 5px; top: 1px; width: 126px; text-align: center; z-index: 100; height: 22px; text-decoration: none; position: relative; float: left;}
a.tab_on:hover{background: url(../images/tab_white.gif) no-repeat; color: #860038;}

.rates_pane {border: solid 1px #860038; padding: 10px; width: 650px; min-height: 300px; z-index: 10;}
.rates_loan, .rates_mort, .rates_car, .rates_dep {display: none;}

a.tab_c, a.tab_d, a.tab_l, a.tab_m, a.tab_b {background: url(../images/tab_grey.gif) no-repeat; font-weight: bold; display: block; padding-top: 8px; margin-right: 5px; top: 1px; width: 126px; text-align: center; z-index: 100; height: 22px; text-decoration: none; position: relative; float: left;}
a.tab_c:hover, a.tab_d:hover, a.tab_l:hover, a.tab_m:hover, a.tab_b:hover {background: url(../images/tab_white.gif) no-repeat; color: #860038;}


/* for calc menu */

.applemenu{
width: 270px; /*width of menu*/
min-height: 432px;
}

.applemenu div.silverheader a, .applemenu div.silverheader a:visited{
background-color: #d7d3c8;
font: bold 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: black;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
padding-left: 20px;
}



.applemenu div.selected a, .applemenu div.silverheader a:hover{
background-color: #6e7544;
color: white;
}

applemenu div.silverheader a:active{
color: white;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: #6e7544;
padding: 5px 5px 5px 15px;
}

.applemenu div.submenu ul {list-style: none; padding: 0px 0px 0px 20px; margin: 0px;}
.applemenu div.submenu ul li {padding-bottom: 5px;}
.applemenu div.submenu ul li a, .applemenu div.submenu ul li a:active, .applemenu div.submenu ul li a:visited {color: white; text-decoration: none;}
.applemenu div.submenu ul li a:hover {color: white; text-decoration: underline;}

td.content_calendar_table_headercell {background-color: #860038; color: white; font-weight: bold; text-align: center;}
td.content_calendar_table_headercell a, td.content_calendar_table_headercell a:visited {color: white; font-weight: bold; text-decoration: none;}
td.content_calendar_table_headercell a:hover {color:  #860038; font-weight: bold; text-decoration: none;background-color: white}
td.content_calendar_table_cell {border-collapse: collapse; border: solid 1px #860038; padding: 2px;}
.content_calendar_table {border-collapse: collapse;}


/* ######### Default class for drop down menus ######### */


.ql {width: 270px;  margin-top: 5px;background: url(../images/Small-region-bottom.gif) #d7d3c8 no-repeat bottom left; padding-bottom: 14px;}
.qlbox { padding: 1px 15px 15px 15px; min-height: 176px; }
.qlbox h1 {margin-top: 0px; padding-top: 0px; margin-bottom: 18px;}
.quicklist {width: 235px;}

a.anchorclass {text-decoration: none; margin-bottom: 15px;display: block; width: 240px; height: 20px; border: solid 1px black; . color: black;  text-indent: 5px; padding-top: 3px;position: relative; float: left; background: url(../images/down_arrow.gif) white no-repeat right;}
a.anchorclass:hover {text-decoration: none; margin-bottom: 15px;display: block; width: 240px; height: 20px; border: solid 1px black; background-color: white; color: black;  text-indent: 5px; padding-top: 3px;position: relative; float: left;}

/*.box1 {top: 0px;}
.box3 {top: 40px;}
.box2 {top: 80px;}
.box4 {top: 120px;}*/

.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-left: 40px; 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: 1px 0; text-decoration: none;}

.anylinkcss a:hover{background: #a4cf6d; color:black;text-decoration: none;}

.alert {background: url(../images/alert_end_R.gif) right #D50035 no-repeat; color: white; font-weight: bold; width: 691px; height: 30px; margin: 10px 0px 0px 0px; }


.alert a, .alert a:visited {color: white; text-decoration: none; padding-top: 7px; }
.alert a:hover {text-decoration: underline;}
.alert h1 {font-size: 12px; display: inline; border: 0; text-transform: uppercase; width: auto; margin: 0px; color: white;} 
.alert p {font-size: 12px; display: inline; margin: 0px; color: white;} 

.tbox {font-size: 11px; background: url(../images/button_bg.gif) repeat-x center; border: solid 1px grey; border-top: solid 1px silver; border-left: solid 1px silver;}


/* for js/iPad calcs*/
.calcbox2 { padding: 0px; }

.calcbox2 ul.content_sitemap {list-style: none; padding: 0px; margin: 0px; }
.calcbox2 ul.content_sitemap li a, .calcbox2 ul.content_sitemap li a:visited {font-weight: bold; color: black; text-decoration: none; background-color: #D7D3C8; display: block; width: 100%; height: 18px; text-indent: 15px; padding-top: 6px;}
.calcbox2 ul.content_sitemap li a:hover {font-weight: bold; color: white; text-decoration: none; background-color: #6E7544;}
.content table span.FontTwo {color: #860038;}
.content table span.FontThree {color: #026D7D;}
.content table td table {width: 100%; border: 1px solid #D7D3C8; border-bottom: 0px;  border-top: 0px; margin-top: 0px; border-collapse: collapse}