/* basic styles */
body {margin: 0px; font-family: arial, sans-serif; font-size: 12px; text-align: center;}
.page {width:998px; margin: 0px auto; text-align: left; background: url(../images/Top-Slice.gif) repeat-x top white; }

/* 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;}
a, a:visited {color: #802040;}
a:hover {color: black;}

h1 {color: #802040; font-size: 18px; font-family: 'trebuchet', 'arial narrow', arial, sans-serif;}
h2, .content_rates_category1 {color: #802040; font-size: 16px; font-weight:bold; font-family: 'trebuchet', 'arial narrow', arial, sans-serif;}
h3, .content_rates_table_title {color: #802040; font-size: 14px; font-weight:bold; text-transform: uppercase; font-family: 'trebuchet', 'arial narrow', arial, sans-serif;}
h4 {color: #802040; 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: 20px}

/* rates page */
.content_rates_table {margin-bottom: 20px; width: 100%;}
.content_rates_table_fields {background-color: #802040; 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: white; font-size: 12px; }
.regions_rates_table_effectivedate {font-size: 12px;}
.regions_rates_table_title {display: none;}
.regions_rates_table_fields { font-size: 12px; color: #802040;}
.aprnote {font-size: 12px; width: 180px;text-transform: uppercase;}

.banner {width: 998px; background: url(../images/top.jpg) no-repeat; height: 96px;}
a.homelink {margin-left: 30px;display: inline;}

/* for dropdown menus*/
.menu {width: 968px; height: 34px; z-index: 100; margin-left: 20px;}
.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 -34px;}

/* top links / utilities */
.toplinks {text-align: right; color: white; margin: 20px; width: 500px;display: inline;}
a.toplink, a.toplink:visited { text-decoration: none; color: white;}
a.toplink:hover {text-decoration: underline; color: #eeeeee;}
.pipe {font-weight: bold; margin: 0px 5px 0px 5px;}

.search {display: inline;}

.content_area {margin: 28px 0px 10px 18px; width: 960px;}

/* regions and sidebar content*/
.regions {z-index: 99; margin-right: 9px;}
.regionsR {z-index: 99; margin: 0px 0px 10px 10px; width: 180px; overflow: hidden;}
.regionbox ul {margin: 0px; padding: 10px 0px 0px 10px; list-style: none;}
.regionbox ul li, .hb ul li, .ratesbox ul li {padding-bottom: 5px;}
.hb ul,  .ratesbox ul {margin: 0px; padding: 10px 0px 0px 0px; list-style: none;}
.regionbox ul li a, .hb ul li a, .regionbox ul li a:visited, .hb ul li a:visited {color: black}
.regionbox ul li a:hover, .hb ul li a:hover {color: #802040}

.boxtop, .code_block_indiv_top {background: url(../images/Related-links-top.jpg) no-repeat; width: 180px; height: 20px; overflow: hidden;}
.regionbox, .code_block_indiv_content {background-color: #eeeeee; border: solid 1px #cdccca; border-top: 0px; width: 158px;overflow: hidden; padding: 1px 10px 10px 10px}
.boxbttm, .code_block_indiv_bttm {}

.hbtop {background: url(../images/Online-Banking-Top.gif) no-repeat; width: 220px; height: 22px; font-size: 18px; font-family: 'trebuchet', 'arial narrow', arial, sans-serif; font-weight: bold; padding: 5px 0px 0px 10px}
.hb {background: url(../images/Online-Banking-slice.gif) repeat-y; width: 220px; padding: 10px 5px; height: 178px;}

.ratesbox {background: url(../images/Rates-slice.gif) repeat-y; width: 210px; padding: 1px 10px}
.ratesbox h1, .hb h1, .regionbox h1 {color: black; margin-top: 0px;}

.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;}

.content {width: 691px; margin: 20px 0px 0px 20px; }


/* footer */
.shoe {width: 998px; background: url(../images/Bottom-slice.gif) repeat-x; height: 39px; margin-bottom: 10px;}
.bottomlinks {color: white; margin: 10px;}
a.bottomlink, a.bottomlink:visited {font-weight: bold; text-decoration: none; color: white;}
a.bottomlink:hover {text-decoration: underline; color: #802040;}
.footlogos {}
.footnote {font-size: 10px; width: 510px; text-align: left; line-height: .9; margin-top: 10px;}
.blunote {color: #003399;}

.icons {width: 300px;}
.icons img {margin-right: 5px; border: 0px;}


/*
change '#802040' to main site color
Colors:

Red - #802040

Gray - #63686c (drop down menu)

Light Gray – #eeeeee



Fonts:

Headers – Trebuchet

Body text - Arial



Placement: Large Banner ad/Header and left region areas should be 157px from the top

*/

.whats_new {display: none; width: 555; height: 258px; position: relative; }
.adnav {position: relative; top: 10px; left: 20px;}
a.numblink {color: white; text-decoration: none; font-weight: bold; position: relative; float: left; margin-right: 5px; font-size: 10px; font-weight: bold; padding: 2px 5px; background-color:#63686c; border: solid 1px #63686c;}
a.numblink:hover, a.onlink:hover {color: white; text-decoration: underline; font-weight: bold;padding: 2px 5px; background-color: #802040; border: solid 1px #63686c; text-decoration: none;}
a.onlink {color:#802040; text-decoration: none; font-weight: bold; position: relative; float: left; margin-right: 5px; font-size: 10px; font-weight: bold; padding: 2px 5px; background-color:#eeeeee; border: solid 1px #63686c;}