/* basic styles */
body {margin: 0px; font-family: arial, sans-serif; font-size: 12px; text-align: center; background-color: #97002d;}
.page {width:1000px; margin: 0px auto; text-align: left; background-color: 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:hover {color: #97200d; text-decoration: none}
a:hover {color:   #BE2B10;text-decoration: underline}

h1 {color: #97002d; font-size: 16px;}
h2, .content_rates_category1 {color: #97002d; font-size: 14px; font-weight:bold;}
h3, .content_rates_table_title {color: #97002d; font-size: 12px; font-weight:bold; text-transform: uppercase;}
h4 {color: #97002d; 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: 5px}
.Lpad{margin-left: 5px}
.padded {margin: 0px 0px 5px 5px;}

/* rates page */
.content_rates_table {margin-bottom: 20px; width: 100%;}
.content_rates_table_fields {background-color: #97002d; 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: #97002d;}
.aprnote {font-size: 10px; width: 180px;}

.content_article_header {display: none;}

/* calendar */
.content_calendar_header{color: #97002d; font-size: 14px; font-weight:bold;}
table.content_calendar_table {border: solid 1px silver; border-collapse: collapse;}
table.content_calendar_table td.content_calendar_table_cell {border: solid 1px silver; border-collapse: collapse; }
td.content_calendar_table_headercell {background-color: #97002d; font-weight: bold; color: white; text-align: center;}
td.content_calendar_table_headercell a {font-weight: bold; color: white; text-decoration: none;}
td.content_calendar_table_headercell a:hover {font-weight: bold; color: white; text-decoration: underline;}

.banner {width: 1000px; height: 102px; border-bottom: solid 1px #cbcdcc}
.search {display: inline; margin-left: 28px}
.searchbox {width: 200px; margin-left: 10px;}
.searchbutton {border: none; background: none; color: #97002d;font-weight: bold; cursor: pointer}



/* for dropdown menus*/
.menu {width: 990px; height: 32px; background-color: #9900FF; z-index: 100; margin-top: 5px;}
.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 -32px;}



/* top links / utilities */
.toplinks {text-align: right; margin: 6px 10px 0px 0px; font-weight: bold}
a.toplink {font-weight: bold; text-decoration: none; color: black;}
 a.toplink:visted {font-weight: bold; text-decoration: none; color: black;}
a.toplink:hover {text-decoration: underline; color: #97002d;}
.pipe {font-weight: bold; margin: 0px 5px 0px 5px;}

.aboutlink {top: 80px; left: 670px;}
a.redlink {color: #97002d; font-weight: bold; text-decoration: none; }
a.redlink:visited {color: #97002d; font-weight: bold; text-decoration: none; }
a.redlink:hover {color: black; font-weight: bold; text-decoration: underline; }

.home_content {background: url(../images/home_bg.gif) repeat-y; width: 1000px;}
.content {width: 520px; border: solid 0px red; margin: 0px 20px; display: inline;}

.greyline {width: 1000px; height: 1px; overflow: hidden; display: inline; background-color: #cbcdcc; border-top: solid 5px white; border-bottom: solid 5px white;} 

/* regions */

.home_top_box {width: 182px; margin-left: 20px; height: 270px; overflow: hidden;}
.home_L_box, .home_big_box, .home_R_box {width: 182px; margin-left: 40px; display: inline; min-height: 50px;}
.home_big_box { width: 517px;}
.home_L_box {margin-left: 20px}

.Rregions, .Lregions {z-index: 99; width: 215px; overflow: hidden; }
/* .regionbox use min-height here and height in IEstyle */
.regionbox {background-color: #ecdbbd; width: 100%; padding: 10px; margin-bottom: 5px; width: 195px; color: #97002d;}
.regionbox ul, .home_L_box ul, .home_big_box ul, .home_R_box ul, .home_box_top ul {margin: 0px; padding: 0px 0px 0px 15px; color: #97002d;}
.regionbox ul li, .home_L_box ul li, .home_big_box ul li, .home_R_box ul li, .home_box_top ul li  {padding-bottom: 5px; color: #97002d;}
ul.regions_sitemap {color: #97002d;}


/* 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_top {}
.code_block_indiv_content {}
.code_block_indiv_bttm { margin-bottom: 10px;}
.code_block_indiv_content p{margin-top: 0px;}



/* footer */
.shoe {width: 980px; background: url(../images/bottom.jpg) no-repeat; height: 50px; padding: 10px}
.bottomlinks {}
a.bottomlink, a.bottomlink:visited {font-weight: bold;color: black;}
a.bottomlink:hover {text-decoration: underline; color: #97002d;}
.footlogos {left: 20px;}
.footnote {font-size: 10px; width: 510px; text-align: left; line-height: .9; margin-top: 10px;}
.blunote {color: #003399;}


/*
change '#97002d' to main site color
red - #97002d
peach - #ecdbbd
ppink - #f3e8d6
grey #cbcdcc
*/
