/* basic styles */
body {margin: 0px; font-family: arial, sans-serif; font-size: 12px; text-align: center; background: url(../images/background-slice.jpg) repeat-x #018cb3;}
.page {width:989px; margin: 0px auto; text-align: left; margin-top: 20px; background: url(../images/Center-Slice.gif) repeat-y;}

/* 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:  #018cb3;}
a:hover {color: #737478;}

h1 {color: #018cb3; font-size: 16px;}
h2, .content_rates_category1 {color: #018cb3; font-size: 14px; font-weight:bold;}
h3, .content_rates_table_title {color: #018cb3; font-size: 12px; font-weight:bold; text-transform: uppercase;}
h4 {color: #018cb3; 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: #018cb3; 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: #018cb3;}
.aprnote {font-size: 10px; width: 180px;}

.banner {width: 989px; background: url(../images/Top.jpg) no-repeat white; height: 89px;}

/* for dropdown menus*/
.menu {width: 741px; height: 40px; z-index: 100; background: url(../images/Quick-LInks.gif) no-repeat left #cccccc; padding-left: 248px;}
.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 -40px;}

/* top links / utilities */
.toplinks {text-align: right; font-size: 11px; color: #737478}
a.toplink, a.toplink:visited { text-decoration: none; color: #737478;}
a.toplink:hover {text-decoration: underline; color: #018cb3;}
.pipe {font-weight: bold; margin: 0px 5px 0px 5px;}

.search {display: inline;font-size: 11px; }
.searchbox {font-size: 11px; color: #737478; border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc; border-left: solid 1px #cccccc; border-right: 0; margin-left: 5px; width: 100px;}
.searchbutton {position: relative; top: 4px; left: -5px;}

.ql {padding-top: 10px; width: 247px; background-color: #ebebeb; border-right: solid 1px white; overflow: hidden}

.content {width: 711px; min-height: 240px; padding: 0px 15px;border-top: solid 15px white; display: inline}
.home {background: url(../images/home_slice.gif) repeat-y white;}
.inside {padding-bottom: 15px;}

.bigbanner { background: #018cb3; height: 212px;}
.bigbanner table { position: relative; display: inline;  float: right }
.prevpipe {margin: 0px 10px; color: white;top: -2px;position: relative; }
#gostp0 {top: -2px;position: relative; }

.video {margin-left: 15px;}

/* regions and sidebar content*/
.regions {z-index: 99; width: 200px; margin: 0px 0px 10px 10px;}
.regionbox ul {margin: 0px; padding: 0px 0px 0px 0px; list-style: none;}
.regionbox ul li {padding-bottom: 5px;}
.regionbox ul li a, .regionbox ul li a:visited {color: black; text-decoration: none;}
.regionbox ul li a:hover {color:  #018cb3; text-decoration: underline;}

.boxtop, .code_block_indiv_top {}
.regionbox, .code_block_indiv_content {width: 180px; padding: 10px; background-color:#ebebeb; }
.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_home {width: 989px; background: url(../images/Home-Bottom.jpg) no-repeat top #018cb3; height: 150px; padding-top: 50px;}
.shoe {width: 989px; background: url(../images/Inside-Bottom.jpg) no-repeat top #018cb3; height: 150px; padding-top: 50px;}
.bottomlinks { color:#ebebeb;}
a.bottomlink, a.bottomlink:visited {font-weight: bold; text-decoration: none; color:#ebebeb;}
a.bottomlink:hover {text-decoration: underline; color: white;}
.footlogos {width: 721px;}
.footnote {font-size: 10px; width: 620px; text-align: left; line-height: .9; margin-top: 10px; color: white;}
.blunote { color: white;}
.face {top: 40px;}


/*
change '#018cb3' to main site color

turquoise - #018cb3
grey - #737478
pale grey - #cccccc
paler grey - #ebebeb
*/

.rotate {width: 385px; height: 235px; margin: 0px 15px 15px 15px; display: inline; overflow: hidden; }

.whats_new {display: none; width: 387px; height: 200px; position: relative; float: left}
.whats_new h2, whats_new h1 {margin-top: 0px;}
.whats_new table {postion: relative; top: -20px;}
.ad_nav {position: relative; top: 220px; float: right; margin-right: 10px; color:#018cb3;}
a.numblink {color: #018cb3; text-decoration: none; font-weight: bold; position: relative; float: left;  font-weight: bold;}
a.numblink:hover {color: black; text-decoration: underline; font-weight: bold;}
a.onlink {color: black; text-decoration: none; font-weight: bold; position: relative; float: left; font-weight: bold;}
a.onlink:hover {color: #737478; text-decoration: underline; font-weight: bold;}