/* basic styles */
body {margin: 0px; font-family: arial, sans-serif; font-size: 12px; text-align: center; background: url(../images/background-slice.jpg) repeat-x fixed white;}

table.glowwrapper {width: 780px;text-align: left; border-spacing: 0; border-width: 0; border-collapse: collapse; }
table.glowwrapper td {padding: 0px; }
table.glowwrapper td.page {width: 724px; background: url(../images/slice.gif) repeat-y #ffffff; display: inline;}
.liner {background: url(../images/slice.gif) repeat-y #ffffff;}

/* 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;color: #363636; }
a, a:hover {color: black;}
a:hover {color: #ab6715;}

h1 {color: #a19143; font-size: 16px;}
h2, .content_rates_category1 {color: #a19143; font-size: 14px; font-weight:bold;}
h3, .content_rates_table_title {color: #a19143; font-size: 12px; font-weight:bold; text-transform: uppercase;}
h4 {color: #a19143; font-size: 12px; font-weight: bold; margin-bottom: 0px;}
h5 {color: black; font-size: 12px; font-weight: bold; }
h6 {color: black; font-size: 12px; font-style: italic; font-weight: bold;}

a.h4like {color: #a19143; font-size: 12px; font-weight: bold; text-decoration: none;}
a.h4like:hover {color: #ab6715; font-size: 12px; font-weight: bold; text-decoration: none;}


.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: #a19143; color: white; font-weight: bold; }
.content_rates_table_row2 {background-color: #dfe5ef;}
.content_rates_table_row_highlight {color: #0a6104;}

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

/* featured rates */
.regions_rates_table {width: 100%;}
.regions_rates_table_row1, .regions_rates_table_row2 {border-bottom: 1px solid white; font-size: 10px; }
.regions_rates_table_effectivedate {font-size: 9px;}
.regions_rates_table_title {display: none;}
.regions_rates_table_fields { font-size: 12px; font-weight: bold;}
.aprnote {font-size: 10px;}
.regions_rates_table_effectivedate {display: none}


.banner {width:  724px; background: url(../images/top.jpg) no-repeat; height: 140px; margin: 0;}

.column {width: 130px; display: inline; z-index: 89;}
.center {width: 592px; display: inline; z-index: 88; }
.gradient {background: url(../images/Center.jpg) no-repeat; width: 569px; margin-left: 2px; padding: 11px 12px 11px 11px; z-index: 99; }
.page_banner { padding: 5px; display: inline; width: 388px;}
.inside_line {border-right: solid 1px #a19143; margin-top: 10px; padding-right: 10px; width: 375px; }
.inside_no_line {margin-top: 10px; padding-right: 10px; width: 528px;}

.coltable {border-collapse: collapse; margin-bottom: 10px;}
.coltable td { width: 50%}
.coltable td.line { border-right: solid 1px #a19143; width: 50%}
.coltable td.ad {  width: 50%; text-align: center; padding-bottom: 10px;}
.coltable td div {margin: 10px;}
.coltable td div div, .coltable td div div div {margin: 0px;}


/* for dropdown menus*/
.menu {width: 592px; height: 42px; background-color: #a19143; z-index: 89; margin: 0px 0px 0px 2px;}
.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 -42px;}

#Menu2 .rollover:hover, #Menu2 .rollover:focus, #Menu2 .rollover:active,  #Menu2 .rollover.MMO, #Menu2 .rollover.MMO:visited {background-position:0 -41px;}


.hb {background: url(../images/HB-login-area.jpg) no-repeat; width: 120px; height: 74px; padding-left: 10px;}
.hb h1, .hb2 h1 {margin: 0px 0px 5px 0px; color: white; font-size: 12px;}

.hb2 {background: url(../images/HB-login-area.jpg) no-repeat bottom #4E93A2; width: 127px;  padding: 0px 0px 40px 3px;}


.search {display: inline; margin-left: 7px;}
.searchdiv {background-color: white}
.searchdiv h1 {color: #ab6715; font-size: 14px; margin: 0px 0px 3px 7px;}
.searchbutton{margin-right: 8px; display: inline;}
.searchbox {background: url(../images/Search-box.jpg) no-repeat; width: 74px; height: 20px; border: 0; display: inline; position: relative; top: -6px; font-size: 11px; padding: 2px 0px 0px 2px}

.signup {background: url(../images/Left-side-bottom.jpg) no-repeat top #bad2d6; height: 347px; padding: 25px 0px 0px 7px;}
form.sign {display: inline; margin: 0px;}
.signup h1 {margin: 0px 0px 5px 0px; color: white; font-size: 12px;}
.signbox {background: url(../images/eNews-box.jpg) no-repeat; width: 93px; height: 20px; border: 0; display: inline; font-size: 11px; padding: 2px 0px 0px 2px}
.signarrow {position: relative; top: 5px;}

/* top links / utilities */
.toplinks {text-align: right;}
a.toplink, a.toplink:visted {font-weight: bold; text-decoration: none; color: black;}
a.toplink:hover {text-decoration: underline; color: #a19143;}
.pipe {font-weight: bold; margin: 0px 5px 0px 5px;}

/* regions */
.regions { width: 162px; margin: 5px 5px 0px 0px;z-index: 88; display: inline}
.ratesbox {background: url(../images/Rates-area.jpg) no-repeat; width: 142px; height: 240px; padding: 10px;}
.ratesbox h1 {color: black; font-weight: bold; text-transform: uppercase;}
/* .regionbox use min-height here and height in IEstyle */
.regionbox {width: 142px;  padding: 10px;}
.regionbox ul, td.line ul, .code_block_indiv_content ul {margin: 0px; padding: 0px 0px 0px 15px;}
.regionbox ul li, td.line ul li, .code_block_indiv_content ul li {padding-bottom: 5px;}
.regionbox ul li ul, td.line ul li ul  .code_block_indiv_content ul li ul{padding-top: 0px;}



.code_block {overflow: hidden; width: 142px;} /* 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:  724px; background: url(../images/bottom.jpg) no-repeat; height: 31px; margin: 0px 0px 10px 0px; text-align: center ;padding-top: 7px;}
.bottomlinks { text-align: center; padding-top: 7px;}
a.bottomlink {font-weight: bold; text-decoration: none; color: white;}
a.bottomlink:visited {font-weight: bold; text-decoration: none; color: white;}
a.bottomlink:hover {text-decoration: underline; color: #cec581;}
.pipe {margin: 0px 5px; color: white;}
.copyright { font-size: 10px; text-align: right; width: 220px;}

.footlogos {}
.footnote {font-size: 10px; width: 475px; text-align: left; line-height: .9;}
.blunote {color: #003399;}

a.goldlink, a.goldlink:visited {color: #E3DDB9; font-size: 11px;}
a.goldlink:hover {color: white;}

/*
change '#a19143' to main site color
Colors:

Teal - #006170

Olive - #636c2f

Light Olive - #a3ac78

Goldish - #a19143

Light gold - #cec581

Burnt Orange - #ab6715


*/

#quicklinks UL {margin: 0px 0px 0px 7px;	padding: 0;	list-style: none; z-index:100;}

#quicklinks #quicklinks_list { z-index:100;}

#quicklinks LI {background-color: white; position: relative; float: left; height: 14px; background: url(../images/arrow.jpg) no-repeat; background-position: 99px -1px; padding: 0; margin: 0px 0px 3px 0px; cursor: pointer; border: solid 1px #ab6715;  z-index:100;}

#quicklinks LI A {padding: 0px 0px 0px 2px; display: block; height: 14px; color: black; width: 115px; font: 8pt arial, verdana, sans-serif; text-decoration: none; z-index:100;}

#quicklinks LI UL {background-color: white; position: absolute; z-index: 1000; display: none; width: 163px; left: 110px; top: 0px;  z-index:100;}

#quicklinks LI UL LI UL {display: none !IMPORTANT; z-index:100;}

#quicklinks LI.over UL {z-index: 1; display: block !IMPORTANT; background-color: white !IMPORTANT; border-style: solid solid solid none; 	border-color: black; border-width: 1px 2px 2px 0px; z-index:100;}

#quicklinks LI.over {background-image: url(../images/arrowR.gif) !IMPORTANT; z-index:100;}

#quicklinks LI UL LI {background-color: #ffffff; position: relative; border: none;	float: none; background-image: none; width: 163px; padding: 0px;margin: 0px !IMPORTANT; z-index:100;}

#quicklinks LI UL LI A {padding: 0px 0px 0px 5px; margin: 0px; text-decoration: none; background-color: white; color: black; width: 158px;  z-index:100;}

#quicklinks LI UL LI A:hover {background-color:  #ab6715; color: white;  z-index:100;}

.comment_item {border-bottom: solid 2px silver; margin: 20px 0px; }
.comment_header {margin-left: 10px; color: #636c2f; text-transform: uppercase;}
.comment_text {margin: 10px;}
.comment_footer {font-style: italic; font-size: 11px; color: gray; text-align: right}
.comments_section_header {width: 538px; color: #a19143; font-size: 14px; font-weight:bold; margin-top: 10px;}
.comments_form_table {margin: 20px 0px;}
.comments_form_table tr td {padding: 5px;}
.comments_form_textbox {width: 526px;}
.comments_submitted {color: #ab6715; font-weight: bold; font-size: 14px; margin: 10px 0px;}

.comments_section_header1{background: url(../images/comments_divider.jpg); width: 549px; height: 25px; text-indent: -9999px;}
.comments_section_header2{background: url(../images/post_comment_divider.jpg); width: 549px; height: 25px; text-indent: -9999px;}

/* for new community section */
.commdown p {margin: 10px 5px;}
.commdown ul {list-style: none; margin: 0px; padding: 5px;}
ul.greenarrow {list-style: none; margin: 0px; padding: 10px 5px;}
.commdown ul li a, ul.greenarrow li a:hover {background: url(../images/arrow_orange.png) left top no-repeat; padding: 0px 0px 0px 20px; text-decoration: none; display: block; width: 152px; height: 20px;}
.commdown ul li a:hover, ul.greenarrow li a {background: url(../images/arrow_green.png) left top no-repeat; padding: 0px 0px 0px 20px; text-decoration: none; display: block; width: 152px; height: 20px;}

ul.greenarrow li a, ul.greenarrow li a:hover {width: 200px;}