/* basic styles */
body {margin: 0px; font-family: arial, sans-serif; font-size: 12px; text-align: center;}
.page {width: 900px; margin: 0px auto; text-align: left; }

/* 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: black;}
a:hover {color: red;}

ul {list-style: none; padding-left: 0px; margin-left: 0px}
li {background: url(../images/bullet.gif) no-repeat; padding-left: 15px; margin-left: 0px; padding-bottom: 10px;}

h1 {color: #54183e; font-size: 16px;}
h2, .content_rates_category1 {color: #54183e; font-size: 14px; font-weight:bold;}
h3, .content_rates_table_title {color: #54183e; font-size: 12px; font-weight:bold; text-transform: uppercase;}
h4 {color: #54183e; 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: #54183e; color: white; font-weight: bold; }
.content_rates_table_row2 {background-color: #e3e6cb}
.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: #54183e;}
.aprnote {font-size: 10px; width: 180px;}

.banner {width: 900px;  height: 85px;}
/* top links / utilities */
.toplinks {text-align: right; color: #54183e; font-weight: bold; margin-top: 30px;}
a.toplink {font-weight: bold; text-decoration: none; color: #54183e;}
a.toplink:visted {font-weight: bold; text-decoration: none; color: #54183e;}
a.toplink:hover {text-decoration: underline; color: #978d22;}
.pipe {font-weight: bold; margin: 0px 5px 0px 5px;}
.search {display: inline;}
.searchbutton {border: none; background: none; font-family: arial, sans-serif; font-size: 12px;font-weight: bold; color: #54183e; cursor: pointer;}

/* for dropdown menus*/
.menu {width: 900px; height: 39px; background-color: #4b6a83; z-index: 100; margin-bottom: 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 -39px;}

.blackline {width: 100%; height: 4px; overflow: hidden; background-color: black; margin-bottom: 1px;}

.ql {background: url(../images/Quick-Links.gif) no-repeat; width: 250px; height: 106px;}

/* regions */
.regions {z-index: 99; width: 250px; 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;}*/
.regiontop {background: url(../images/Header.gif) no-repeat; width: 235px; height: 26px; color: white; font-size: 16px; font-weight: bold; padding: 6px 0px 0px 15px;}
.regionbox {width: 230px; margin-left: 10px;}

/* 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;}

.content {width: 630px; margin: 0px 10px; display: inline}

/* footer */
.shoe {width: 900px; background: url(../images/bottom.jpg) no-repeat; border-top: solid 4px black; padding-top: 10px;}
.bottomlinks {}
a.bottomlink, a.bottomlink:visited {font-weight: bold; text-decoration: none; color:#54183e;}
a.bottomlink:hover {text-decoration: underline; color: #978d22;}
.footlogos {}
.footnote {font-size: 10px; width: 510px; text-align: left; line-height: .9; margin-top: 10px;}
.blunote {color: #003399;}


/*
change '#54183e' to main site color

Maroon - #54183e
Gold - #978d22
Light Gold - #cacdb3
Dropdown - #8c8e6f
#54183e - #4b6a83

*/

.anylinkcss{position: absolute; visibility: hidden; border: 1px solid black; border-bottom-width: 0; font: normal 12px arial; z-index: 100; background: white; width: 196px; text-align: left; margin-top: -1px;}
.anylinkcss ul{margin: 0; padding: 0; list-style-type: none;}
.anylinkcss ul li{background: none; padding: 0; margin: 0}
.anylinkcss ul li a{width: 100%; height: 20px; overflow: hidden; text-indent: 5px; display: block; border-bottom: 1px solid black; padding: 1px 0; text-decoration: none;}
.anylinkcss a:hover{background: #cacdb3; color:black;text-decoration: none;}
a.anchorclass {top: 60px; left: 20px; background: url(../images/Quick-Links-arrow.gif) no-repeat right white; border: solid 1px white; width: 190px; display: block; position: relative; height: 17px; text-decoration: none; padding-left: 5px; padding-top: 1px;}
a.anchorclass:hover { text-decoration: none; color: #54183e}

.whats_new {display: none; width: 650; height: 212px; position: relative; overflow: hidden}
.adnav {position: relative; top: -25px; left: 40px;}
a.numblink {color: white; text-decoration: none; font-weight: bold; position: relative; float: left; margin-right: 5px; font-size: 12px; font-weight: bold; border: solid 1px white; background-color: #773254; padding: 2px 5px;}
a.numblink:hover {color: black; text-decoration: underline; font-weight: bold; background-color: #e2e6cb; border: solid 1px white; padding: 2px 5px; }
a.onlink {color: black; text-decoration: none; font-weight: bold; position: relative; float: left; margin-right: 5px; font-size: 12px; font-weight: bold;background-color: #e2e6cb; border: solid 1px white;  padding: 2px 5px;}
a.onlink:hover {color: #13451; text-decoration: underline; font-weight: bold;background-color: #e2e6cb; border: solid 1px white; padding: 2px 5px; }
