/* basic styles */
body {margin: 0px; font-family: arial, sans-serif; font-size: 12px; text-align: center; background: url(../images/Background-Slice.jpg) repeat-x #dde4ef;}
.page {width: 946px; margin: 0px auto; text-align: left; }

table.content_table {width: 946px; border-spacing: 0px; border-collapse: collapse; clear: both; z-index: 99}
table.content_table td.left {background: url(../images/left-slice.png) repeat-y right; width: 7px; padding: 0px}
table.content_table td.right {background: url(../images/right-slice.png) repeat-y; width: 8px; padding: 0px}
table.content_table td.noshadow {background-color: white; padding: 20px; z-index: 99}
/*
table.content_table td.left {background:none; width: 9px; padding: 0px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="../images/left-slice.png",sizingMethod="scale");}


table.content_table td.right {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="../images/right-slice.png",sizingMethod="scale"); width: 8px; padding: 0px; background: none;}
*/
/* 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; z-index: 99 }

a {color: #00518e;}
a:hover {color: #bdbec1;}

h1 {color: #6587b6; font-size: 16px; font-family: trebuchet, arial, sans-serif; margin-top: 0px;}
h2, .content_rates_category1 {color: #6587b6; font-size: 14px; font-weight:bold; font-family: trebuchet, arial, sans-serif;}
h3, .content_rates_table_title {color: #6587b6; font-size: 12px; font-weight:bold; text-transform: uppercase; font-family: trebuchet, arial, sans-serif;}
h4 {color: #6587b6; 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: #6587b6; 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 { font-size: 10px; }
.regions_rates_table_effectivedate {font-size: 9px;}
.regions_rates_table_title {display: none;}
.regions_rates_table_fields { font-size: 10px; color: #00518e; height: 12px;}
.aprnote {font-size: 10px; width: 180px;}

.banner {width:  946px; background: url(../images/top.jpg) no-repeat; height: 422px;}
.banner2 {width:  946px; background: url(../images/top.jpg) no-repeat; height: 324px; z-index: 100; }
.bannerL {width: 677px; z-index: 100; }
.bannerR {width: 269px;}

.homelink {top: 25px; left: 30px;}

.hb {background: url(../images/Home-HB-Background.jpg) no-repeat; width: 239px; height: 166px; padding: 5px 0px 0px 30px}
.hb1, .hb2 {width: 180px; border: 0px; margin: 5px 0px; display: inline;}
.hb1{background-image: url("../images/username_bg.jpg"); background-repeat: no-repeat;}
.hb2{background-image: url("../images/password_bg.jpg"); background-repeat: no-repeat;}
.hb3 {margin-left: 5px; display: inline}
#hbform2 {height: 1px overflow: hidden; border: solid 1px red; display: none;}
.hb h1 {margin-bottom: 0px; color: #00518E;}
.moved {width: 250px; padding: 5px 0px 0px 19px;}

.big_banner {background: url(../images/Home-Nav-Banner-Background.jpg) no-repeat; width: 677px; height: 288px;}
.home_banner, .inside_banner {margin: 13px 0px 0px 37px; display: inline;}
.top_stuff {border: solid 0px red; width: 677px; height: 141px;}
.small_banner {background: url(../images/Inside-Nav-Banner-Background.jpg) no-repeat; width: 677px; height: 194px; border: solid 0px red;  z-index: 100; }
.adnav {height: 30px; overflow: hidden; border: solid 0px red;}
.adnav table  {display: inline; margin: 0px 0px 0px 20px;}
.prevpipe {margin: 0px 10px; color: gray;}
.inside_banner {width: 615px; height: 120px; font-size: 30px; color: #00518e; padding: 60px 0px 0px 275px; border: solid 0px blue; top: -3px;}

.find {background: url(../images/Find-a-Location.gif) no-repeat; width: 238px; height: 73px; margin-top: 10px;}
.loc1 {top: 40px; left: 80px; border: none; width: 122px;}
.loc2 {top: 45px; left: 90px;}

.ratesbox {background: url(../images/Featured-Rates.gif) no-repeat; width: 365px; height: 110px; margin-left: 10px; padding: 35px 15px 10px 15px;}
.rates {border: solid 0px red; width: 363px; height: 80px; overflow: hidden;}
a.move {position: relative; top: 10px;}
.rates_buttons { text-align: right;}

/* for quick links lists*/
.homebox {width: 210px; margin-left: 20px}
.anylinkcss{position: absolute; visibility: hidden; border: 1px solid #6587b6; border-bottom-width: 0; font: normal 12px arial; z-index: 100; background: #d8e2ec; width: 205px; text-align: left; margin-left: 0px; margin-top: -1px;}
.anylinkcss ul{margin: 0; padding: 0; list-style-type: none;}
.anylinkcss ul li a{width: 100%; height: 20px; overflow: hidden; text-indent: 5px; display: block; border-bottom: 1px solid #6587b6; padding: 1px 0; text-decoration: none;}
.anylinkcss a:hover{background: #6587b6; color: white; text-decoration: none;}
a.anchorclass {display: block; width: 200px; height: 16px; border: solid 1px #6587b6; margin: 15px 0px; background: url(../images/Drop-Down-Arrow.gif) no-repeat right; padding: 5px 0px 0px 5px; color: #00518e; text-decoration: none}
a.anchorclass:hover {text-decoration: none; background-color: #d8e2ec; color: black}

/* for dropdown menus*/
.menu {width: 622px; height: 53px; background: url(../images/cstone_grad.png) repeat-x #d8e2ec; border-radius: 15px 0 0 15px; z-index: 100; margin: 0px 0px 0px 35px; display: inline; padding: 1px 0 0 20px;}
.menu a, .menu a:visited {color: white; display: inline-block; padding: 19px 20px 18px 20px; text-decoration: none; border-left: solid 1px #6390CB; border-right: solid 1px #004578; position: relative; float: left;}
.menu a:hover {color: #01518E; text-decoration: none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d8e2ee+0,ffffff+100 */
	background: #d8e2ee; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q4ZTJlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #d8e2ee 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #d8e2ee 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #d8e2ee 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8e2ee', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

/* change background position to height of button */
.rollover:hover, .rollover:focus, .rollover:active, .rollover.MMO, .rollover.MMO:visited {background-position:0 -54px;}

.search {color: #666666; position: relative; float: right; margin-top: 65px;}
.searchbox {color: #666666; border: solid 1px #666666; font-size: 11px; font-family: trebuchet, arial, sans-serif;}

/* top links / utilities */
.toplinks {text-align: right; color: #666666; position: relative; float: right; margin: 15px 0px 0px 0px; font-size: 11px; display: inline;}
a.toplink {text-decoration: none; color: #666666; font-family: trebuchet, arial, sans-serif;}
a.toplink:hover {text-decoration: underline; color: #6587b6;}
.pipe {font-weight: bold; margin: 0px 5px 0px 5px;}

.content {width: 853px; margin-left: 25px; display: inline; z-index: 99;}

/* regions */
.Lcol {width: 238px; overflow: hidden;}
.regionbox {background-color:#d8e2ec; padding: 1px 10px;}
.Lcol .regionbox {width: 218px;}
.regions .regionbox {width: 161px;}

.regions {z-index: 99; width: 181px; margin: 0px 0px 10px 20px}
/* .regionbox use min-height here and height in IEstyle */
.regionbox ul {margin: 0px; padding: 10px 0px 0px 15px;}
.regionbox ul li {padding-bottom: 5px;}
.buttons {margin-top: 10px;}
.regionbox h1 {margin: 0px; font-size: 14px;}

/* 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;}



/* footer */
.shoe {width:  948px; height: 26px; left: -2px;}
.bottomlinks { color: #666666; font-family: Trebuchet, arial, sans-serif; font-size: 11px; text-align: right; padding-right: 20px; width: 800%;}
a.bottomlink, a.bottomlink:visited { text-decoration: none; color: #666666;}
a.bottomlink:hover {text-decoration: underline; color: #6587b6;}
.footlogos {left: 20px;}
.footnote {font-size: 10px; width: 410px; text-align: left; line-height: .9; margin-top: 10px; color: #666666}
.blunote {color: #666666; font-weight: bold;}
.icons {margin: 10px 20px; clear: both;}


/*
change '#6587b6' to main site color
Colors:

Light #6587b6 for background -#d8e2ec

#6587b6 - #6587b6

Dark #6587b6 - #00518e (Header text)

Gray - #bdbec1

Darker Gray – #666666 (Top and Bottom Nav)
*** The top of the “Top” graphic and “Home Photo” should start at 21 pixels down.

Headers – Trebuchet

Body Text - Arial

 */

.quicklist {background-color: white; width: 200px; font-weight: bold; border: solid 1px #6587b6; font-weight: normal; font-size: 12px; font-family: arial,sans-serif; }