/* basic styles */
body {margin: 0px; font-family: arial, sans-serif; font-size: 12px; text-align: center; background-color: #372a25;}
.page {width:920px; margin: 0px auto; text-align: left; background: url(../images/Center-Slice.gif) repeat-y; }
.page_regions {width:920px; margin: 0px auto; text-align: left; background: url(../images/Center-Slice_regions.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;color: #363636; }
a, a:hover {color: #0179b7;}
a:hover {color: #d95436;}

h1 {color: #d95436; font-size: 16px; margin-top: 10px;}
h2, .content_rates_category1 {color: #0179b7; font-size: 14px; font-weight:bold; margin: 20px 0px 5px 0px;}
h3, .content_rates_table_title {color: black; font-size: 12px; font-weight:bold; text-transform: uppercase;}
h4 {color: black; 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}
.Lpad {margin-left: 10px;}


.banner {width: 920px; background: url(../images/top-inside.gif) no-repeat; height: 172px;}
.banner_home {width: 920px; background: url(../images/top.gif) no-repeat; height: 157px;}
a.homelink {top: 40px; left: -20px;}

table.lined_table {border: 1px solid silver; border-spacing: 0px; border-collapse: collapse; width:570px; margin: 10px 0px;}
table.lined_table td {border-width: 1px 0px; padding: 5px; border-style: solid; border-color: silver;}
table.lined_table th {background-color: #E8E8E8; font-weight: bold; color: black; padding: 5px; }
table.lined_table td.lined_table_row_2 {background-color: #e3f0f7;}
table.narrow {width: 845px;}/* 415px */

.blockhead {height: 30px; width: 415px; text-align: right}
a.block, a.next {background-color: #efe9da; padding: 2px 5px; color: #0179b7; font-weight: bold; border: solid 1px #0179b7; margin-left: 5px; text-decoration: none;}
a.block:hover, a.next:hover {background-color: white; padding:  2px 5px; color: #d95436; font-weight: bold; border: solid 1px #d95436;text-decoration: none;}
a.block_off, a.next_off {background-color: #efe9da; padding:  2px 5px; color: silver; font-weight: bold; border: solid 1px silver; margin-left: 5px; text-decoration: none;}


/* top links / utilities */
.toplinks {top: 66px; left: 140px;}
a.toplink{ text-decoration: none; color: #d95436; }
a.toplink:visted { text-decoration: none; color: #d95436;}
a.toplink:hover {text-decoration: underline; color: #0179b7;}
.pipe {color: #d95436; margin: 0px 5px 0px 5px; font-size: 20px;}

table.topnav {}
table.topnav td {border-left: solid 1px #d95436; padding: 0px 10px; }
table.topnav td.noborder {border-left: solid 0px #d95436; padding: 0px 10px; }

.side {width: 300px; background-color: #efe9da; height: 300px;}
.blueline {background: url(../images/blue_line.gif) transparent; height: 30px; width: 900px;  display: inline; z-index: 1; margin-left: 10px; position: relative; float: left;}

.home_regions {margin: 10px 0px 10px 12px;width: 900px; display: inline}
.coltable {width: 900px; z-index: 1;}
.coltable td {width: 33%; border-right: solid 1px #efe9da; padding: 10px 20px;}
.coltable td.last {border: none;}
.coltable td img {margin-bottom: 10px;}

.coltable td table td {border: none; width: auto; padding: 2px}

/* for polls */
.regionbox table td table td {padding: 2px;}
.regionbox table td table{margin-bottom: 10px;}


.content {width: 560px; padding: 0px 20px; margin-bottom: 10px; display: inline}
.widecontent {width: 860px; padding: 0px 20px; margin-bottom: 10px; display: inline}
.logoarea {width: 260px; background-color: white;  padding: 5px 20px;}
.shadow {background: url(../images/shadow-beige.gif) repeat-x; width: 300px; height: 15px; top: -15px; position: relative}

/* regions */
.regions {width: 300px; background-color: #efe9da; display: inline; background-color: #efe9da;}
/* .regionbox use min-height here and height in IEstyle */
.regionbox {width: 238px; margin: 10px 0px 0px 20px; background-color: white; border-top: solid 1px #0179b7;  border-left: solid 1px #0179b7; border-right: solid 1px #0179b7; padding: 10px;}
.regionbox ul, .coltable td ul {margin: 0px; padding: 10px 0px 0px 0px; list-style: none;}
.home_regions ul {margin: 20px; padding: 10px 0px 0px 20px; list-style: disc !important;}
.home_regions ul  li{margin-left: 15px;}
.regionbox ul li, .coltable td ul li {padding-bottom: 5px;}
.regionbox ul li a, .coltable td ul li a {text-decoration: none; color: black}
.regionbox ul li a:hover, .coltable td ul li a:hover {text-decoration: underline; color: #d95436}
.regions h1 {color: #d95436; background: url(../images/blue-arrow.gif) top left no-repeat; padding-left: 15px; margin-left: 20px;  text-transform: lowercase}
.regionbox_bottom {height: 6px; overflow: hidden; margin-left: 20px;}

/* 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;}

.tabbed {margin: 10px 0px 0px 20px; z-index: 100;}
.tabs {position: relative; top: 1px; height: 22px; overflow: hidden;}
.box {width: 258px; border: solid 1px #0179b7; height: 180px; background-color: white; z-index: 100;}
#two, #three {display: none; z-index: 100;}
.boxbttm {position: relative; top: -1px;}
a.link1, a.link2, a.link3, a.link1_on, a.link2_on, a.link3_on {display: block; width: 67px; height: 22px; position: relative; float: left; margin-right: 2px;}
a.link1 {background: url(../images/Simple-up.gif);}
a.link2 {background: url(../images/Advanced-up.gif);}
a.link3 {background: url(../images/By-Name-up.gif);}
a.link1:hover, a.link1_on {background: url(../images/Simple-over.gif);}
a.link2:hover, a.link2_on {background: url(../images/Advanced-over.gif);}
a.link3:hover, a.link3_on {background: url(../images/By-Name-over.gif);}

/* for forms on home */
.box form {margin: 10px;}
.box h4, .contact_form h4 {margin: 0px;}
.widebox {width: 205px;}
.smallbox {width: 105px;}
p.note {font-size: 10px; color: gray; margin: 0px 0px 0px 0px;}
a.info {position: relative; top: 5px; margin-left: 5px;}
a.info2 {position: relative; top: 0px; margin-left: 5px;}

.buttons form{display: inline; margin-left: 7px;}
.buttons {width: 100px; margin: 10px 0px 0px 20px}

/* footer */
.shoe {width: 920px; background: url(../images/bottom.gif) no-repeat; height: 19px;}
.shoe_regions {width: 920px; background: url(../images/bottom_regions.gif) no-repeat; height: 19px;}
.footnote {background-color:  #372a25; width: 100%; color: #efe9da; text-align: right; }
.footnote a {color: #efe9da; text-decoration: none;}
.footnote a:hover {color: white; text-decoration: underline;}
.whtpipe {color: #efe9da; margin: 0px 5px 0px 5px;}

#texter {position: absolute; z-index: 100; top: 100px; left: 100px; width: 400px; height: 200px; border: solid 5px #0179b7; background-color: white; text-align: left; padding: 20px; display: none;}
.text_message_box h4 {margin-bottom: 0px;}

.print {display: none}
/*
change 'black' to main site color
black – #0179b7

Orange – #d95436

Brown - #372a25
beige = #efe9da
*/

/* for find by name flyout */

#result {height:20px; font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#333; padding:5px;
	margin-bottom:10px;
	background-color:#FFFF99;
}
#CUName{
	padding:3px;
	border:1px #CCC solid;
/*	font-size:17px; */
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #000;
	height: 15px;
	width: 230px;
}
.suggestionsBox {
	position: relative;
	left: 12px;
	top: -50px;
	margin: 0px 0px 0px 0px;
	padding:0px;
	width: 225px;
	z-index:100;
	display: none;
	
	
}
.suggestionList {
	margin: 0px;
	padding: 0px;
	background-color: #0179b7;
	border: 3px solid #000;
	color: #fff;
	z-index:100;
	overflow: auto;
	height: 250px;
}
#suggestionsList ul {
	list-style:none;
	margin: 0px;
	padding: 2px;
}
.suggestionList li {
	list-style:none;
	margin: 0px;
	padding-bottom: 3px;
	border-bottom:1px dotted #d1e6f2;
	cursor: pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
}
.suggestionList ul li:hover {
	background-color: #d1e6f2;
	color:#0179b7;
}

.arrow {position: relative; top: 0px; left: 5px; height: 10px; width: 50px; overflow: hidden}
#form {z-index: 100}

.load{
background-image:url(../images/finder/loader.gif);
background-position:right;
background-repeat:no-repeat;
}
