/* basic styles */
body {margin: 0px; font-family: arial, sans-serif; font-size: 12px; text-align: center; background-color: #6fb03c}
.page {width:1005px; margin: 0px auto; text-align: left; background: url(../images/shadow.jpg) repeat-y; padding-left: 19px;}
.shadow {width:1024px; margin: 0px auto; margin-bottom: 10px; }
.content_wrapper {background: url(../images/girl.jpg) no-repeat bottom right;}
.content_inside {width: 955px; margin-left: 20px; margin-top: 20px;}


/* 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: black;}
a:hover {color: red;}

h1 {color: #33b1dd; font-size: 16px;}
h2, .content_rates_category1 {color: #33b1dd; font-size: 14px; font-weight:bold;}
h3, .content_rates_table_title {color: #33b1dd; font-size: 12px; font-weight:bold; text-transform: uppercase;}
h4 {color: #33b1dd; 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: #33b1dd; 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: #33b1dd;}
.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: silver; text-decoration: none;} 
td.content_calendar_table_cell { border: solid 1px black} 
td.content_calendar_table_selectedcell { border: solid 1px black; background-color: silver} 

/*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_home {width: 986px;  height: 400px; background: url(../images/top-header.jpg) no-repeat;}
.banner {width: 986px;  height: 400px; background: url(../images/top-header-interior.jpg) no-repeat;}

/* for dropdown menus*/
.menu {width: 967px; height: 30px; z-index: 100; margin: 30px 3px 0px 13px; display: inline;}
.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; margin-right: 2px;}
/* change background position to height of button */
/*.rollover:hover, .rollover:focus, .rollover:active, .rollover.MMO, .rollover.MMO:visited {background-position:0 -30px;}*/
#cu-connection {margin-left: 60px;}

/*
change '#33b1dd' to main site color

Iwelcome = #c8ebf5 (frame only)
Iearn       = #c8ebf5
Ibudget   = #b9d7f4
Isave       = #33b1dd
Ispend      = #9bcf87
Iborrow     =#7bc142
Ipayback    = #418609

Cuconnection = #dac0ab

Dark Brown = #8bbb54
Green          = #6fb03c
beige - #d9ccc3
*/
#box1 {background-color: white; border: solid 1px #c8ebf5;}
#box2 {background-color: #c8ebf5;}
#box3 {background-color: #b9d7f4;}
#box4 {background-color: #33b1dd;}
#box5 {background-color: #9bcf87;}
#box6 {background-color: #7bc142;}
#box7 {background-color: #418609; color: white}
#box8 {background-color: #dac0ab;}

/* top links / utilities */
.toplinks {text-align: right; font-size: 11px; margin: 10px 0px; font-family: 'arial narrow', arial, sans-serif;letter-spacing: 1px; width: 400px;}
a.toplink, a.toplink:visited {text-decoration: none; color: white; text-transform: uppercase; margin-right: 30px}
a.toplink:hover {text-decoration: none; color:#c8ebf5;}
.pipe {font-weight: bold; margin: 0px 5px 0px 5px;}

.sponsor{ font-size: 11px; margin: 10px 0px 0px 150px; font-family: 'arial narrow', arial, sans-serif;letter-spacing: 1px; color: #d9ccc3; width: 300px; display: inline; height: 15px; }
.sponsor a, .sponsor a:visited  {text-decoration: none; color: white; }
.sponsor a:hover {text-decoration: none; color:#c8ebf5;}

.blubox {margin: 260px 10px 0px 0px; width: 295px; height: 45px; overflow: hidden;}

.content {width: 649px; min-height: 450px;  padding: 10px 30px; margin: 0px 0px 15px 15px; background: url(../images/hooks.gif) no-repeat bottom; display: inline;}

/* regions and sidebar content*/
.regions {z-index: 99; width: 256px; margin: 10px 0px}
.regionbox ul {margin: 0px; padding: 10px 0px 0px 15px;}
.regionbox ul li {padding-bottom: 5px;}

.boxtop, .code_block_indiv_top {}
.regionbox, .code_block_indiv_content {width: 216px; padding: 0px 20px;}
.boxbottom, .code_block_indiv_bttm { margin-bottom: 10px;}

.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: 962px; height: 15px; background: url(../images/bot-bar.png) no-repeat; padding: 12px; font-size: 11px}
.bottomlinks {font-family: 'arial narrow', arial, sans-serif;color:#d9ccc3;text-transform: uppercase; letter-spacing: 1px;}
a.bottomlink, a.bottomlink:visited { text-decoration: none; color: white;}
a.bottomlink:hover {text-decoration: none; color:#c8ebf5;}
.footlogos {}
.footnote {font-size: 10px; width: 510px; text-align: left; line-height: .9; }
.blunote {color: #003399;}

.icons{}
.icons img {margin-left: 5px;}


/*
change '#33b1dd' to main site color

Iwelcome = #c8ebf5 (frame only)
Iearn       = #c8ebf5
Ibudget   = #b9d7f4
Isave       = #33b1dd
Ispend      = #9bcf87
Iborrow     =#7bc142
Ipayback    = #418609

Cuconnection = #dac0ab

Dark Brown = #8bbb54
Green          = #6fb03c
beige - #d9ccc3
*/

/* --- EXTRA FONTS FOR CATHY ----- */
.blue_hilight{
	color: #33b1dd;
	font-weight: bold;
}
.green_hilight{
	color: #418609 ;
	font-weight: bold;
}
.orange_hilight{
	color: #8b6b54;
	font-weight: bold;
}