/* basic styles */
/* basic styles */
body {margin: 0px; font-family: arial, sans-serif; font-size: 12px; text-align: center;}
.page {width:970px; margin: 0px auto; text-align: left; z-index:99}


/* for pngs as backgrounds {height: px; width: px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="",sizingMethod="scale");} */
/* for pngs in IE6 */
.hiddenalt {display: none;}

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

h1 {color: #352c66; font-size: 16px;text-transform: uppercase;}
h2, .content_rates_category1 {color: #352c66; font-size: 14px; font-weight:bold;}
h3, .content_rates_table_title {color: #352c66; font-size: 12px; font-weight:bold; text-transform: uppercase;}
h4 {color: #352c66; 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;}
.bttmpad {margin-bottom: 10px}

/* rates page */
.content_rates_table {margin-bottom: 20px; width: 100%;}
.content_rates_table_fields {background-color: #352c66; color: white; font-weight: bold; }
.content_rates_table_row2 {background-color: #dfe5ef;}
.content_rates_table_row_highlight {color: #0a6104;}

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

/* featured rates */
.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: #352c66;}
.aprnote {font-size: 10px; width: 180px; }
.regions a {color: black;}
.regions a:hover {color: white;}


.banner {width: 970px; background: url(../images/top.gif) no-repeat right; height: 115px;}

/* for dropdown menus*/
.menu {width: 621px; height: 27px;  z-index: 100; background: url(../images/nav-left.gif) left no-repeat; padding-left: 349px;}
.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;}
/* change background position to height of button */
.rollover:hover, .rollover:focus, .rollover:active, .rollover.MMO, .rollover.MMO:visited {background-position:0 -27px;}

/* top links / utilities */
.toplinks {text-align: right;text-transform: uppercase; color: #352c66; margin-top: 10px; font-size: 11px}
a.toplink { text-decoration: none; color: black; text-transform: uppercase; color: #352c66; text-decoration: none;}
a.toplink:visited { text-decoration: none; color: black; text-transform: uppercase; color: #352c66; text-decoration: none;}
a.toplink:hover {text-decoration: underline; }
.pipe {font-weight: bold; margin: 0px 5px 0px 5px;}

.search {display: inline}
.searchbox {width: 100px; border-top: solid 1px #b9ac97; border-bottom: solid 1px #b9ac97; border-left: solid 1px #b9ac97; }
.searchbutton {position: relative; top: 5px; left: -5px; border-top: solid 1px #b9ac97; border-bottom: solid 1px #b9ac97; border-right: solid 1px #b9ac97; padding: 1px 1px 1px 0px}

.home_beige {background: url(../images/Center-Background.gif) no-repeat; width: 970px;  height: 240px;}

/*
.hb {height: 109px; margin: 20px 0px 10px 30px; display: inline}
*/
.hb {background: url(../images/Home-Banking.gif); width: 287px; height: 109px; margin: 20px 0px 10px 30px; display: inline}
.hb1, .hb2, .hb3, .hb4 {border: none; position: relative; top: 45px; left: 20px;}
.hb2 { top: 48px; left: 25px}
.hb3 { top: 45px; left: 30px}
.hb4 {color: white; top: 55px;}
a.whitelink {color: white;}

.bigbutton {margin-left: 38px; margin-bottom: 5px; display: inline}
.bigbannerad {margin: 10px 15px 0px 0px; display: inline; width: 605px;}

.content {width: 600px}
/* regions */
.regions {z-index: 1; width: 287px; margin: 10px 30px; display: inline}
/* .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;}
.regionbox, .code_block_indiv_content {width: 257; padding: 0px 15px 5px 15px; background-color: #b9ac97;}
.boxtop, .code_block_indiv_top {background: url(../images/region-top.gif); width: 287px; height: 15px;}
.boxbttm, .code_block_indiv_bttm { margin-bottom: 10px; background: url(../images/region-bottom.gif) no-repeat; width: 287px; height: 13px; overflow: hidden}


.homebox {z-index: 99; width: 287px; }
.homebox h1 {color: #352c66; font-weight: bold; background: url(../images/purple-arrow.jpg) left no-repeat; padding-left: 15px; border-bottom: solid 1px #b9ac97; text-transform: uppercase}


/* for sidebar content regions 
- define code_block the same as regions
- make top and bottom region images backgroudn images in code_indiv_top and code_block_indiv_bottom
- define code_block_indiv_center same as regionbox
*/
.code_block {overflow: hidden; width: 100%} /* prevents breaking the design with images that are too wide, if width set */
.code_block_top {}
.code_block_center {}
.code_block_bttm {}
.code_block_indiv_content p{margin-top: 0px;}



/* footer */
.shoe {width: 970px; ; background: url(../images/bottom.gif) no-repeat; height: 55px;}
.bottomlinks {margin: 10px; color: white; text-align: right; font-size: 11px}
a.bottomlink { text-decoration: none; color: white; text-transform: uppercase;}
a.bottomlink:visited { text-decoration: none; color: white;}
a.bottomlink:hover {text-decoration: underline; color: white;}
.footlogos {}
.footnote {font-size: 10px; width: 410px; text-align: left; line-height: .9; margin-top: 10px;}
.blunote {color: #003399;}

.address, .sclogo {margin: 10px 10px 0px 20px; font-size: 11px;}


/*
change '#352c66' to main site color

Purple – #352c66

Tan - #b9ac97

*/
.whats_new {display: none; width: 605; height: 235px; position: relative; }
.adnav {position: relative; top: 10px; left: 450px; display: none}
a.numblink {}
a.numblink:hover {}
a.onlink {}
a.onlink:hover {}

.regions_banner, .regions_banner img, regions, .page, body, .regions_rates_table, .homebox  {z-index: 1;}