/* basic styles */
body {margin: 0px; font-family: arial, sans-serif; font-size: 12px; text-align: center; background: url(../images/rocks_header_image.jpg) no-repeat center top; padding-top: 5px;}
.page {width:865px; 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:visited {color: #103d5e;}
a:hover {color: #de7b06;}

h1 {color:  #de7b06; font-size: 16px; text-transform: uppercase}
h2, .content_rates_category1 {color:  #103d5e; font-size: 14px; font-weight:bold;}
h3, .content_rates_table_title {color:  #de7b06; font-size: 12px; font-weight:bold; text-transform: uppercase;}
h4 {color: #103d5e; font-size: 12px; font-weight: bold; }
h5 {color:  #de7b06; font-size: 12px; font-weight: bold; display: inline }
h6 {color: #103d5e; font-size: 12px; font-weight: bold;  display: inline}

.floatR {position: relative; float: right;}
.floatL {position: relative; float: left;}
.breaker {clear: both;}
.border {border: solid 1px red;}
.bttmpad {margin-bottom: 10px}


/* for polls */
.region table td table td {padding: 2px;}
.region table td table{margin-bottom: 10px;}


.whitetext{color: white; padding-top: 5px;}
.whitetext a, .whitetext a:visited{color: white; font-weight: bold; text-decoration: none;}
.whitetext a:hover {color: #fdcb96; font-weight: bold; text-decoration: underline;}

.searcher {color: #fdcb96; font-weight: bold;}
.searchbutton {position: relative; top: 5px;}


.banner {width: 865px; background: url(../images/top.jpg) no-repeat; height: 77px; margin-top: 50px;}

.content {width: 610px; padding: 10px;}

/* for dropdown menus*/
.menu {width: 630px; height: 35px;  z-index: 100; background-color: silver}
.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 -35px;}

big_banner{margin-left: 10px;}

/* regions */
.regions {z-index: 99; width: 190px; overflow: hidden;}
/* .regionbox use min-height here and height in IEstyle */
.regiontop, .code_block_indiv_top {background: url(../images/modular_section_top.gif) no-repeat top #de7b06; width: 165px; min-height: 25px; color: white; padding: 10px 0px 0px 25px; font-weight: bold;}
.regionbox, .code_block_indiv_content {width: 140px; padding: 1px 25px; background-color: #de7b06;}
.regionbox ul {margin: 0px; padding: 10px 0px 0px 15px;}
.regionbox ul li {padding-bottom: 5px;}

.regionbox ul li a, .regionbox ul li a:visited {color: #103d5e;}

.regionbox ul li a:hover {color: white;}

/* 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_bttm {background: url(../images/modular_section_bottom.gif) no-repeat; width: 190px; height: 22px; margin-bottom: 10px;}
.code_block_indiv_content p{margin-top: 0px;}



/* footer */
.shoe {width: 630px; background: url(../images/footer.gif) no-repeat; height: 50px;}
.bottomlinks {margin: 10px 20px;}
a.bottomlink, a.bottomlink:visited {text-decoration: none; color: white;}
a.bottomlink:hover {text-decoration: underline; color: #fdcb96;}
.pipe {color: white; margin: 0px 5px;}


/*
change 'blue' to main site color

blue - #103d5e
orange - #de7b06
gold - #fdcb96
*/

.whats_new {display: none; width: 630; height: 153px; position: relative; margin-bottom: 20px; float: left;}
.adnav {display: none;}
a.numblink {color: #13451; text-decoration: none; font-weight: bold; position: relative; float: left; margin-right: 5px; font-size: 10px; font-weight: bold;}
a.numblink:hover {color: #13451; text-decoration: underline; font-weight: bold;}
a.onlink {color: #13451; text-decoration: underline; font-weight: bold; position: relative; float: left; margin-right: 5px; font-size: 10px; font-weight: bold;}
a.onlink:hover {color: #13451; text-decoration: underline; font-weight: bold;}