/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

* { 
    margin: 0; 
    padding: 0; 
}

html, body, #bg, #bg table, #bg td, #cont { height:100%; width:100%; overflow:hidden; 
}

#bg { 
    position: fixed;
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

#cont { position:absolute; top:0; left:0; z-index:70; overflow:auto; margin-top: 0px;}
#top{ height: 188px; width: 100%; margin-bottom: 25px; background: url(../images/HB_top_bg.jpg) repeat-x; }
#header{ width:1024px;  height:188px; margin-right: auto; margin-left: auto; background: url(../images/HB_sticker_bot.png) no-repeat right bottom; }
#header_left{ background-image:url(../images/HB_top_bg1.jpg); height: 130px; width: 373px; float:left; padding-top: 10px; padding-left: 30px; }
#header_left h1{ text-indent: -5000px; padding: 0px; visibility:hidden; }
#header_center{ background: url(../images/HB_top_bg2.jpg); width: 390px; height: 140px; float:left;}
#header_right{ background: url(../images/HB_top_bg3.png); width: 231px; height: 140px; float:left;}
.box { margin: 0 auto 0; width: 730px; font-family: Arial, Helvetica, sans-serif; height: 350px; }
.box_progress { margin: 0 auto 0; width: 830px; font-family: Arial, Helvetica, sans-serif; height: 360px; }

#focus-stealer      { position: absolute; left: -9999px; }

.b1f, .b2f, .b3f, .b4f, .b5f, .b6f, .b7f, .b8f{font-size:1px; overflow:hidden; display:block;}
.b1f, .b5f {height:1px; margin:0 5px;}
.b2f, .b6f{height:1px; margin:0 3px;}
.b3f, .b7f {height:1px; margin:0 2px;}
.b4f, .b8f{height:2px; margin:0 1px;}
.b1f, .b2f, .b3f, .b4f{filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7; background:#fff;
}
.b5f, .b6f, .b7f, .b8f{filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9; background:#fff;
}
.content_location { height:315px; background: url(../images/white_bg.png); padding: 10px; }
.content_location1 { height:340px; background: url(../images/white_bg.png); padding: 10px; }
.content_location2 { height:360px; background: url(../images/white_bg.png); padding: 10px; }
.content_location3 { height:440px; background: url(../images/white_bg.png); padding: 10px; }
.content_location4 { height:440px; background: url(../images/white_bg.png); padding: 0px 10px 10px; }
.content_location div, .content_location1 div, .content_location2 div, .content_location3 div, .content_location4 div{ font-size: 0.85em; text-align:right;  }
.content_location h2, .content_location1 h2, .content_location2 h2, .content_location3 h2, .content_location4 h2{ text-indent: -5000px; padding: 0px; text-align: left;}
.content_location h3, .content_location1 h3, .content_location2 h3, .content_location3 h3, .content_location4 h3{ font-weight: normal; }
.bold{font-weight:bolder;}
#left{ float:left; width:230px; padding-top: 60px; }
#left1{ float:left; width:250px; padding-top: 60px; }
#right{float:right; width:470px;}
#right1{float:right; width:450px;}
#right_progress{float:right; width:550px;}
#center{width:700px; padding-top:40px; margin-left:15px; text-align:left;}
#center p{text-align:center;}
#center1{width:700px; padding-top:10px; margin-left:15px; text-align:left;}
#center2{width:700px; padding-top:10px; margin-left:15px; text-align:left;}
#center2 h3{ line-height: 1.8em; }
#center2 ul{ float: left; width:700px; list-style: none; color:#367c2b; padding-top: 15px; padding-bottom: 25px; margin-left: 100px; line-height: 1.8em; }
#center2 a{color:#367c2b; text-decoration:none;}
#center2 a:hover{color:#000;}
#center2 ul li{float: left; width:250px;margin: 0;padding: 0;}
.spacer{height:100px;}
.big_txt{font-size:1.5em; font-weight:bold; color:#367c2b;}
.arrow{ width:175px; height:20px; background: url(../images/HB_arrow.png) no-repeat 10px 3px; padding-top: 5px; padding-bottom: 5px; margin-left: 55px; }
.arrow_long{ width:215px; height:20px; background: url(../images/HB_arrow.png) no-repeat 10px 3px; padding-top: 5px; padding-bottom: 5px; margin-left: 10px;padding-left:22px; }
.arrow_left{ width:215px; height:20px; background: url(../images/HB_arrow.png) no-repeat 10px 3px; padding-top: 5px; padding-bottom: 5px; margin-left: 60px;padding-left:50px; float:left; }
.arrow_right{ width:200px; height:20px; background: url(../images/HB_arrow.png) no-repeat 10px 3px; padding-top: 5px; padding-bottom: 5px; padding-left:50px; float:left; margin-top:20px; margin-left:60px; line-height: 1.3em; }
.features{ text-align:left; width:165px; margin-left: 75px; list-style: circle inside; }
.map_link a{ color:#060; font-style: italic; text-decoration:none;}

#form{width:480px; text-align:left; float:right; font-size:10pt; text-align:right;}
#form p{ padding: 15px 40px 15px 10px; }
#form input, #form textarea{margin-bottom:5px; margin-top:5px; width:190px; border: 1px solid #367c2b; /*float:right;*/ margin-left:15px; /*background:#fff;*/ }
#form .input_sm, #sm_box {margin-bottom:5px; margin-top:5px; width:120px; border: 1px solid #367c2b; /*float:right;*/ margin-left:15px; background:#fff; }
.form_txt{/*padding-bottom:15px; padding-top:5px;*/ padding-right: 0px; text-align:right; /*float:left;*/ display:inline;}
.form_intro{padding-right: 20px; text-align:right; /*display:inline;*/}
.required{color:#900; font-size:0.8em;}
.but{ float:right;}
#form_post{ width:370px; text-align:left; font-size: 1em; margin-left:100px;
margin-top:100px;}

/*table*/
#gradient-style
{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px 10px 0px 140px; width: 520px; text-align: left; border-collapse: collapse; }
#gradient-style ul li{ list-style: none outside; margin-left: 0px; padding-left: 0px; }
#gradient-style th
{ font-size: 0.9em; font-weight: normal; color: #333; text-align:center; width:105px;}
#gradient-style td
{ color: #333; line-height: 1em; padding-top: 10px; padding-bottom: 10px; text-align:center;}
#gradient-style tbody tr:hover td{	}
#c1{ background-color:#a4bf96;}
#c2{ background-color:#7fa66e; }
#c3{ background-color:#5b8f49; }
#c4{ background-color:#367c2b; }
#c5{ background-color:#c7d8bf; }
#c6{ background-color:#b1c9a6; }
#c7{ background-color:#9bba90; }
#c8{ background-color:#84af7d; }
#c9{ background-color:#dbe5d5; }
#c10{ background-color:#ccdbc5; }
#c11{ background-color:#bdd2b6; }
#c12{ background-color:#afcbaa; }
#c3 ul li,#c7 ul li,#c11 ul li{text-align:left; margin-left:15px;}

.footer{ color:#e6e5e4; text-align:center; z-index:100; margin-top: -25px; font: 0.85em Arial, Helvetica, sans-serif; position:relative; }
.footer a{ text-decoration:none; color:#e6e5e4;}
.footer1{ color:#e6e5e4; text-align:center; z-index:100; margin-top: -25px; font: 0.85em Arial, Helvetica, sans-serif; left:-200%;
    position:relative;
    top:-400%;}
/*Demographics page*/
.title_left{float:left; width:250px;}

#dem_table{clear:both;}

/*Gallery styling*/
.svwp {width: 50px; height: 20px;} /*preloader stuff. do not modify!*/ 
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/ 
.slideViewer { /*this is the gallery container*/ position: relative; overflow: hidden; margin: 0; padding: 15px 0 5px 20px; } 
.slideViewer ul {  /*this is your list of images*/ 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
margin: 0;  
padding: 0; 
} 
.slideViewer ul li { /*each LI item is floated; the whole list is now displayed as if its in one row*/ 
float:left; 
} 
 
/*typographic info*/ 
.slideViewer span.typo{ padding: 0px 10px 2px 0px; do not modify padding (yet) 
color: #000; 
font: normal 12px Verdana; } 

#thumbSlider0{padding-top:2px; position:relative; }
.thumbSlider { /*the thumbnails slider contanier*/ 
overflow: hidden; 
width: 1%;
position:relative;
text-align:left;
top:20px;
} 
.thumbSlider ul { /*the thumbnails list of images*/ 
list-style-type: none; 
margin: 0;  
padding: 0; 
} 
.thumbSlider ul li{  
float:left; 
margin: 0; 
} 
.thumbSlider a{ /*the link wrapped around each thumbnail. dynamically.*/ 
color: #fff; 
text-decoration: none; 
} 
.thumbSlider a img{ 
border: 0; 
display: block; 
padding: 0;
position:relative;
left:0px;} 
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */ 
/* width, height and top values are dynamically added by the script. Do not modify. */ 
position:relative;  
left: 0; 
font-size: 0.01em; 
left: 0; 
margin: 0; 
padding: 0; 
} 
 
a.left, a.right { /*the left and right buttons (links)*/ 
background: transparent; /* could be any color  */ 
color: #ff0000; 
font: bold 16px Arial; 
overflow: hidden; 
} 
a.left span, a.right span{ 
color:#3a7933;font-weight:bold; font-size:16px;
} 
a.left img, a.right img{ 
border: 0; 
} 
a.l_dis, a.r_dis { 
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */ 
cursor: default; 
} 
a.l_dis span, a.r_dis span { 
/*display: none; */
} 
a:focus {outline:none;} 
.slideViewer img{padding-bottom:10px;}