html, body {height:100%; margin:0; padding:0;}
#wrapper {position:fixed; top:0; left:0; width:100%; height:100%; border: solid 0px yellow}

.veil {width:1008px; margin: 0px auto; text-align: center; background: url(../images/Content-Overlay-Middle.png); }
.page {width:1008px; margin: 0px auto; text-align: left; background: url(../images/top.png) no-repeat top; }
.topblu {background: url(../images/TopBlueBar.png) repeat-x; width: 100%; height: 66px; position: relative; top: 70px;}
.moveup { top: -66px;position: relative;}
.hiddenalt {display: none;}

p, td, li, blockquote {font-size: 12px;}
a, a:visited {color: #20409a;}
a:hover {color: #fdb813;}

h1 {color: #20409a; font-size: 16px;}
h2, .content_rates_category1 {color: #20409a; font-size: 14px; font-weight:bold;}
h3, .content_rates_table_title {color: #20409a; font-size: 12px; font-weight:bold; text-transform: uppercase;}
h4 {color: #20409a; 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}
img {border: 0px;}
.abso {position: absolute;}

/* rates page */
.content_rates_table {margin-bottom: 20px; width: 100%;}
.content_rates_table_fields {background-color: #20409a; 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 {font-size: 10px; }
.regions_rates_table_effectivedate {font-size: 9px;}
.regions_rates_table_title {display: none;}
.regions_rates_table_fields { font-size: 10px; color: #20409a; border-bottom: solid 1px gray;}
.aprnote {font-size: 10px; width: 180px;}

/* calendars */
.content_calendar_table {border: solid 1px black;}
td.content_calendar_table_headercell {background-color: black; color: white; text-align: center; font-weight: bold;} 
td.content_calendar_table_headercell a, td.content_calendar_table_headercell a:visited { color: white; text-decoration: none;} 
td.content_calendar_table_headercell a:hover { color: gray; text-decoration: none;} 
td.content_calendar_table_cell { border: solid 1px black} 
td.content_calendar_table_selectedcell { border: solid 1px black; background-color: gray} 

/*REMOVE IF CLIENT HAS ARTICLES MODULE*/

ul.content_article_list  {padding-left: 15px;}
ul.content_article_list li {list-style: none;}

.content_poll_option, .regions_poll_option {margin: 5px 0px; display: inline-block;}
.content_poll_title, .regions_poll_title {margin: 5px 0px; display: inline-block; font-weight: bold}


.required_legend {padding-bottom: 20px;color: gray;font-style: italic;}

.print {display: none;}


/* ******************************************************* */

.banner {width: 675px;  height: 70px;}
.homelink {width: 157px; height: 100px; padding: 27px 0px 0px 50px;}

.search {display: inline-block;  width: 268px; height: 70px; text-align: left}
.searchbox {margin: 0px 5px; border: 0px; position: relative; top: 23px; left: 35px; width: 180px; background: transparent;}
.searchbutton{ position: relative; top: 25px; left: 15px;}

/* for dropdown menus*/
.menu {width: 770px; height: 56px; ; 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;}
/* change background position to height of button */
.rollover:hover, .rollover:focus, .rollover:active, .rollover.MMO, .rollover.MMO:visited {background-position:0 0px;}

/* top links / utilities */
.toplinks {text-align: right; margin: 27px 10px 0px 0px; color: #20409a;}
.toplinks a, .toplinks a:visited { text-decoration: none; color: #20409a;}
.toplinks a:hover {text-decoration: underline; color: #20409a;}
.pipe {font-weight: bold; margin: 0px 5px 0px 5px;}

.homeL {width: 211px; clear: left; margin-left: 10px; padding-top: 40px;}
.hb {background: url(../images/Home-Banking.png) no-repeat; width: 211px; height: 262px;}
.hb1 {width: 175px; height: 180px; position: relative; top: 55px; left: 22px;} 
.hb2 {position: relative; top: 50px; left: 60px;} 
a.hb2 , a.hb2:visited {font-weight: bold; color: #20409a; text-decoration: none; font-size: 11px;} 
a.hb2:hover {color: #20409a; text-decoration: underline;}

.locator_box {background: url(../images/ATM_bg.png) no-repeat; width: 211px; height: 126px; position: relative;}
.atm1 {top: 63px; left: 40px; border: 0px;  width: 120px; color: gray;} 
.atm2 {top: 65px; left: 175px;} 
.atm3 {top: 90px; left: 75px;} 
.atm3 a, atm3 a:visited { font-weight: bold; color: #20409a; text-decoration: none; font-size: 11px;}
.atm3 a:hover {color: #20409a; text-decoration: underline;}

.homeM {width: 484px; margin: 0px 10px; min-height: 513px; padding-top: 15px;}
.home_content {background: url(../images/Content-Overlay-Middle.png); width: 464px; padding: 10px; }

.homeR {width: 267px;  }
.ratesbox {background: url(../images/R-Column-Box-Middle.png) repeat-y; width: 222px; padding: 1px 20px 1px 25px; max-height: 225px; overflow: hidden; z-index: 99;}

.signup {background: url(../images/Get-The-Latest.png) no-repeat; width: 267px; height: 89px; }
.signup1 {top: 40px; left: 22px; border: 0px;  width: 165px; height: 23px; padding: 2px 0px 0px 5px; color: gray; background: url(../images/Latest-Field.png) no-repeat;} 
.signup2 {top: 41px; left: 193px;}

.insideL {width: 729px; overflow: hidden; margin: 10px 0px 10px 27px; margin-top: 40px;}
.inside_content{background: url(../images/Interior-Content-Middle.png) repeat-y;width: 699px; overflow: hidden; padding: 1px 15px;}

.crumbs {background: url(../images/Interior-Content-Head.png) no-repeat; color: white; width: 709px; height: 20px; padding: 5px 0px 0px 20px;font-size: 11px; }
.crumbs a, .crumbs a:visited {color: white; font-size: 11px; text-decoration: none;}
.crumbs a:hover {color: white; text-decoration: underline;}

.content {top: 150px; padding-bottom: 10px;}

/* regions and sidebar content*/
.regions {z-index: 99; overflow: hidden; width: 214px;margin: 40px 20px 0px 0px;}
.regionbox ul {margin: 0px; padding: 10px 0px 0px 15px; list-style: none;}}
.regionbox ul li {padding-bottom: 5px;}

.small_banner {margin: 0px 0px 10px 17px; width: 180px; overflow: hidden;}

.boxtop, .code_block_indiv_top { overflow: hidden; color: #FDB813; font-size: 14px;  font-weight: bold; background: url(../images/boxtop.png) no-repeat; width: 169px; height: 25px; padding: 26px 0px 0px 45px;}
.regionbox, .code_block_indiv_content {overflow: hidden;background: url(../images/regionbox_bg.png) repeat-y; width: 194px; padding: 1px 10px; }
.boxbottom, .code_block_indiv_bttm { margin-bottom: 10px;background: url(../images/Interior-Side-Box-Bottom.png) no-repeat; width: 214px; height: 23px;}

.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 */
.bttmblu {background: url(../images/BottomBlueBar.png) repeat-x; width: 100%; height: 48px;  }

.shoe {width:968px; height: 38px; margin: 0px auto; text-align: left;  position: relative; z-index: 50;}
.bottomlinks {}
.bottomlinks a, .bottomlinks a:visited {text-decoration: none; color: black;}
.bottomlinks a:hover {text-decoration: underline; color: #20409a;}
.footlogos { margin-top: 7px;}
.footnote {font-size: 10px;  text-align: left; margin: 10px 20px;}
.blunote {color: #003399;}

.icons{margin-right: 12px; width: 825px; text-align: right;}
.icons img {}


/*
change '#20409a' to main site color
#20409a: #20409a
Red: #fdb813
gold: #FDB813

*/

/* updates to background images March 2012 */
.veil {width:1008px; margin: 0px auto; text-align: center; background: url(../new_images/Content-Overlay-Middle.png); }
.home_content {background: url(../new_images/Content-Overlay-Middle.png); width: 464px; padding: 10px; }
.ratesbox {background: url(../new_images/R-Column-Box-Middle.png) repeat-y; width: 222px; padding: 1px 20px 1px 25px; max-height: 225px; overflow: hidden; z-index: 99;}
.locator_box {background: url(../new_images/ATM-Locator.png) no-repeat; width: 211px; height: 126px; position: relative;}
.topblu {background: url(../new_images/TopBlueBar.png) repeat-x; }
.bttmblu {background: url(../new_images/BottomBlueBar.png) repeat-x; }