/* basic styles */
body {margin: 0px; font-family: 'Trebuchet MS', arial, sans-serif; font-size: 12px; text-align: center; background: url(../images2/top-background2.jpg) no-repeat top center white;}

.home_page {width: 924px; margin: 0px auto;  background: url(../images2/top2-background.jpg) no-repeat top left  #a5c8e0;}
.page {width: 924px; margin: 0px auto; text-align: left; background: url(../images2/Inside-Slice.jpg) #eff4f8;}
.page_liner {width: 924px;  background: url(../images2/Inside-top.jpg) no-repeat top left;}

p, td, li, blockquote {font-size: 12px;color: #363636; }
a {color: #117ab1; text-decoration: none;}
a:hover {color: #CC0000; text-decoration: none;}

h1 {color: #378dbf; font-size: 16px; text-transform: uppercase;}
h2, .content_rates_category1 {color: #378dbf; font-size: 14px; font-weight:bold;}
h3, .content_rates_table_title {color: #378dbf; font-size: 12px; font-weight:bold; text-transform: uppercase;}
h4 {color: #378dbf; font-size: 12px; font-weight:normal; }
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;}
.border .border {border: solid 1px blue;}
.border .border .border {border: solid 1px green;}
.bttmpad {margin-bottom: 10px}

/* rates page */
.content_rates_table {margin-bottom: 20px; width: 100%;}
.content_rates_table_fields {background-color: #378dbf; color: white; font-weight: bold; }
.content_rates_table_row2 {background-color: #eeebe2;}
.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%; margin-bottom: 0px;}
.regions_rates_table_row1, .regions_rates_table_row2 {background-color: #d9e5ef; font-size: 12px; }
.regions_rates_table_effectivedate {font-size: 9px;}
.regions_rates_table_title {display: none;}
.regions_rates_table_fields { font-size: 10px; color: #378dbf;}
.regions_rates_table_effectivedate {display: none;}
.aprnote {font-size: 10px; width: 180px;}

a.homelink { display: inline; border: solid 0px red; position: relative; float: right; margin: 10px 10px 0px 0px; }

.bigbanner {margin-left: 30px; height: 262px; overflow: hidden; width: 608px; display: inline; margin-top: 3px;}
.adnav {background-color: #378dbf;  height: 18px; width: 155px; padding: 6px 5px; display: inline; position: relative; float: left; top: 2px}
.prevpipe {font-weight: bold; margin: 0px 5px 0px 5px; color: #ffffff; position: relative; top: -4px;}
#gostp0 {position: relative; top: -3px;}

/*.ticker {width: 400px; border: solid 1px blue; position: relative; top: -23px; }*/
#tick{width: 400px; height: 20px; position: relative; float: right; background-color:  #a5c8e0;  border: solid 0px green;  top: -20px; text-align: right;}
.innerDiv, .someclass {width: 400px;}
a.italink{font-style: italic; font-weight: bold; color: black; text-decoration: none; }
a.italink:visited {font-style: italic; font-weight: bold; color: black; text-decoration: none;width: 400px;  }
a.italink:hover {font-style: italic; font-weight: bold; color: white; text-decoration: none;width: 400px; }


/* for dropdown menus*/
.menu {width: 628px; height: 37px;  z-index: 100; margin: 66px 0px 5px 30px; 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; padding: 0px 1px 0px 0px;}
/* change background position to height of button */
.rollover:hover, .rollover:focus, .rollover:active, .rollover.MMO, .rollover.MMO:visited {background-position:0 0;}

/* top links / utilities */
.toplinks {text-align: left; width: 924px; border: solid 0px red;  margin: 0px auto; font-size: 11px; height: 24px; padding-top: 12px; }
a.toplink {font-weight: bold; text-decoration: none; color: #378dbf; text-transform: uppercase;position: relative; float: left}
a.toplink:hover {text-decoration: none; color: #b4a884;}
.pipe {font-weight: bold; margin: 0px 5px 0px 5px; color: #378dbf;position: relative; float: left}

.search { color: #378dbf; text-transform: uppercase;font-weight: bold; display: inline; width: 400px}
.searchboxbg { background: url(../images2/Search-area.png) no-repeat right;  width: 83px; height: 23px; border: solid 0px red; position: relative; float: left} 
.searchbox { height: 14px; width: 77px; top: 0px; position: relative; background-color: white; border: 0;display: inline; left: 2px;z-index:100 }
.searchbutton {margin-left: 5px;}

.hb {background: url(../images2/HB.jpg) no-repeat; width: 274px; height: 175px; margin: 3px 5px 0px 5px; display: inline}
.hb1, .hb2, .hb3, .hb4 {position: relative; left: -2px;}
.hb1, .hb2 {width: 140px; height: 20px; border: solid 0px red; color: #378dbf;  padding: 5px 0px 0px 5px; font-weight: bold;}
.hb1 {top: 75px; left: -33px;}
.hb2 {top: 85px;}
.hb3 {top: 93px; left: 15px;}
.hb4 {top: 95px;left: -35px;}
a.whtlink, a.whtlink:visited {color: white; font-size: 11px; text-decoration: none;}
a.whtlink:hover {color: #378dbf;  text-decoration: none;}
.whtpipe {color: white; margin: 0px 5px}

.join {margin: 0px 5px 0px 0px;display: inline; }

.gradient {background: url(../images2/Bottom-Background.gif) no-repeat; width: 924px; height: 362px; overflow: hidden;}

.homeliner {min-height: 200px;}
.homebox2 {width: 236px; padding: 10px 30px;  display: inline; border: solid 0px yellow; text-align: left;}
.homebox {width: 250px; padding: 10px 30px;  display: inline; border: solid 0px yellow; text-align: left;}
.homebox ul, .homebox2 ul {margin: 0px; padding: 5px 0px 0px 15px;}
.homebox h1, .homebox2 h1, .homebox3 h1 {margin: 0px; font-weight: normal;}
.homebox3 {width: 250px; padding: 10px 30px;  display: inline; border: solid 0px yellow; text-align: left;}

.joinbox {background: url(../images2/Join-Email.jpg) no-repeat; width: 285px; height: 91px; display: inline; text-align: center; }
.joinbox h4 {margin: 30px 0px 0px 0px; display: inline; text-transform: uppercase; width: 100px; font-size: 14px;}
.joinbox form {display: inline;}
.borg {border: 0; height: 30px; width: 110px; margin: 30px 10px 0px 0px;}
.joinbutton {position: relative; top: 8px; background-color: #fcba63}

.buttons { width: 871px; height: 91px; bordeR: solid 0px red; margin: 5px 0px 0px 25px;}
.button {display: inline; margin-right: 8px}


.content {width: 600px; margin-left: 30px; display: inline; margin-top: 12px}
.content_liner {width: 500px; background-color: white; display: inline; padding: 0px 50px;  border: solid 0px red}

.sidebar {margin: 4px 5px 0px 0px;width: 272px; z-index: 99;}
.regionbox, .code_block_indiv_content {width: 255px; padding: 10px 20px;  border: solid 0px red}   
/* .regionbox use min-height here and height in IEstyle */
.regionbox ul {margin: 0px; padding: 10px 0px 0px 25px;}
.regionbox ul li {padding-bottom: 5px;}
.regionbox h5, .code_block_indiv_content h1 {margin: 0px; text-transform: uppercase;}


.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_bttm { margin-bottom: 10px;}
.code_block_indiv_content p{margin-top: 0px;}


inside_bottom {width: 924px; height: 46px; margin: 0px auto; }

/* footer */
.shoe {width: 924px; margin: 0px auto;}
.bottomlinks { margin: 10px 0px; padding-right: 30px; display: inline; width: 494px; text-align: right}
a.bottomlink {font-weight: bold; text-decoration: none; color: #378dbf; text-transform: uppercase;font-size: 11px;}
a.bottomlink:hover {text-decoration: none; color: #b4a884;font-size: 11px;}
.bttmpipe {font-weight: bold; margin: 0px 5px 0px 5px; color: #378dbf;}

.blu {color: #378dbf; width: 302px; font-size: 11px;margin: 10px 0px;}
.bottom {font-weight: bold; color: #378dbf; text-transform: uppercase; width: 924px; margin: 0px auto; text-align: left}

/*
change '#378dbf' to main site color
Colors: 

darekr blue: #117ab1

#378dbf - #378dbf

Light #378dbf - #accde2

Lighter #378dbf - #e5edf4

Tan - #cfc7ad
 pale tan #eeebe2;
 

*/


#marqueecontainer{
position: relative;
width: 221px; /*marquee width */
height: 150px; /*marquee height */
background-color: #d9e5ef;
overflow: hidden;
}


.homelink { display: inline; border: solid 0px red; position: relative; float: right; margin: 10px 10px 0px 0px; }
.menu {width: 628px; height: 37px;  z-index: 100; margin: 36px 0px 5px 30px; display: inline}
.email_box {width: 211px; height: 26px; border:0; padding-left: 5px}
.joinbutton2 {position: relative; top: 4px;}
.signupform {position: relative; top: 20px; left: 13px; width: 300px; height: 30px;}
.signupform form {display: inline}

.linksbox{position: relative; top: 35px; left: 31px; width: 363px; height: 18px; color: #117ab1; background: url(../newimages/linksbox.gif) no-repeat; font-weight: bold; padding-top: 2px; margin-bottom: 10px;}
.linksbox a. .linksbox a:hover { color: #117ab1; text-decoration: none;}
.linksbox a:hover { color: #117ab1; text-decoration: underline;}