/* CSS Document */

A {color:#FFFFFF; text-decoration:none;}
A:visited {color:#FFFFFF; text-decoration:none;}
A:hover {color:#FFFFFF; text-decoration:none;}
A:active {color:#FFFFFF; text-decoration:none;}

.style1 {color: #1C648A}
.style2 {color: #0000FF}



body {
	margin-top:10px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#333333;
}
#top_container {
	padding: 0px;
	width: 955px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 391px;
	border: none;
	background:url(htba_graphics/header.gif);

}
#container {
	padding: 0px;
	width: 955px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;

	
}
#image_header_border {
width:861px;
height:189px;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
border-top:#FFFFFF solid 3px;
border-right:#FFFFFF solid 3px;
border-bottom:#FFFFFF solid 8px;
border-left:#FFFFFF solid 3px;

}
#image_header {
width:861px;
height:189px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
}

#blank_top{
height:191px;
width:955px;
}
#bottom_container {
	padding: 7px 34px 0px 0px;
	width: 921px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 26px;
	background:url(htba_graphics/bot.gif);
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: right;
}
#inner_container {
	padding: 0px;
	width: 955px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
	background-image:url(htba_graphics/bkg.gif);
	float: left;
}

.spacer {
	
	float: left;
	height: 34px;
	width: 955px;
}

#title_box {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:36px;
	color: #FFFFFF;
	float: left;
	width: 593px;
	font-weight:900;
}

#content_box {
	float: left;
	height: auto;
	width: 593px;
	
}

#content_footer {

	float: left;
	padding-top:10px;
	width: 593px;
	margin-bottom: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
#logo{
	background-image:url(htba_graphics/log.gif);
	width:285px;
	height:95px;
	clear:both;
	}

#left_panel_container {
	float: left;	
	width: 321px;

	/*border:#00FF33 solid 1px;*/
}
#left_panel{
	
	height: auto;
	width: 285px;
	/*border:#00FFff solid 1px;*/
	
	}
ul.mainnav{
	list-style:none;
	margin:0;
	padding:0;
	background-color:#000000;
	width: 241px;
	float:right;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:36px;
	color: #66CCFF;
	text-decoration: none;
}	
ul.mainnav_page{
	list-style:none;
	margin:0;
	padding:0;
	background-color:#66CCFF;
	width: 241px;
	float:right;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:36px;
	color: #000000;
	text-decoration: none;
}	
ul.mainnav_page li a:link, .mainnav_page li a:visited{
color: #000000; display: block; width: 100%
}
ul.mainnav_page li a:hover{
display: block;
}

ul.mainnav li a:link{
	text-decoration: none;
	display: block;
	width: 100%;
	color: #66CCFF;
}
ul.mainnav li a:hover {
	background-color:#66CCFF;
	color: #000000;
}
ul.mainnav A:visited{
	text-decoration: none;
	display: block;
	width: 100%;
	color: #66CCFF;
}



ul.sidenav{
	list-style:none;
	float:right;
	margin:0;
	padding:0;
	background-color:#000000;
	width: 220px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:22px;
	color: #66CCFF;
	text-decoration: none;
}	

ul.sidenav li a:link, ul.sidenav A:visited{
	text-decoration: none;
	display: block;
	width: 100%;
	color: #FFFFFF;
}
ul.sidenav li a:hover {
	background-color:#666666;
	color: #000000;
}

ul.sidenav A:visited{
	text-decoration: none;
	display: block;
	width: 100%;
	color: #FFFFFF;
}

ul.sidenav_page{
	list-style:none;
	margin:0;
	padding:0;
	background-color:#666666;
	width: 220px;
	float:right;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:22px;
	color: #000000;
	text-decoration: none;
}	
ul.sidenav_page li a:link, .sidenav_page li a:visited{
color: #000000; display: block; width: 100%
}
ul.sidenav_page li a:hover{
display: block;
}



.top_nav_item {
font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:36px;
	color: #66CCFF;
	list-style:none;
	float: left;
	height: 28px;
	width: 246px;
	background-image: url(graphics/main_nav_back.jpg);
	color: #FFFFFF;
	text-align: left;
	padding-top: 11px;
	display:block;
}

ul {  padding:0;}
.top_nav ul{
	list-style:none;
	margin:0;
	display:block;
	float: right;
	
}

#nav_container {
	padding: 0px;
	width: 756px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 39px;
	
	border-right: 4px solid #FFFFFF;
	
	border-left: 4px solid #FFFFFF;
	background-color: #D6DCDB;

}











.top_nav_item2 {
	list-style:none;	
	float: left;
	height: 36px;
	width: 82px;
	background-image: url(graphics/main_nav_back.jpg);
	color: #FFFFFF;
	text-align: center;
	padding-top: 3px;
}
#search_box {
	background-image: url(graphics/search_nav_bkg.jpg);
	float: left;
	height: 30px;
	width: 258px;
	padding-left: 6px;
	background-repeat: no-repeat;
	padding-top: 9px;
	color: #FFFFFF;
}
.search_field {
	background-color: #D5F7FF;
	height: 16px;
	width: 173px;
	border: 1px solid #246E9B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #1C648A;
}
.search_button {
	background-color: #FFFFFF;
	background-image: url(graphics/search.jpg);
	height: 20px;
	width: 58px;
	border: none;
}


#links_top {
	float: left;
	height: 53px;
	width: 215px;
}
#links_top_people {
	float: left;
	height: 57px;
	width: 215px;
}
.links_divider {
	float: left;
	height: 1px;
	width: 214px;
}
#left_panel_white_line {
	float: left;
	height: auto;
	width: 214px;
	border-right-width: 21px;
	background-color:#00FF00;
	

	}
.spacer2 {
	float: left;
	height: 7px;
	width: 213px;

}
.nav_spacer {
	float: left;
	height: 88px;
	width: 213px;
	
}
.nav_spacer2 {
	float: left;
	height: 30px;
	width: 213px;
	
}
.side_nav {
	list-style:none;
	margin:0;
	display:block;
	float: left;
	
}
.side_nav_item {
	background-image: url(graphics/side_nav_bkg.gif);
	float: left;
	height: auto;
	width: 190px;
	text-align: right;
	padding-right: 24px;
	font-weight: bold;
	color: #1C648A;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-repeat: no-repeat;
	padding-bottom: 5px;
	background-position: 0px 2px;
}

.side_nav_item_people {
	background-image: url(graphics/side_nav_bkg_people.gif);
	float: left;
	height: auto;
	width: 190px;
	text-align: right;
	padding-right: 24px;
	font-weight: bold;
	color: #1C648A;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-repeat: no-repeat;
	padding-bottom: 5px;
	background-position: 0px 2px;
}
.side_nav_item_comm {
	background-image: url(graphics/side_nav_bkg_comm.gif);
	float: left;
	height: auto;
	width: 190px;
	text-align: right;
	padding-right: 24px;
	font-weight: bold;
	color: #1C648A;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-repeat: no-repeat;
	padding-bottom: 5px;
	background-position: 0px 2px;
}
.side_nav_item_health {
	background-image: url(graphics/side_nav_bkg_health.gif);
	float: left;
	height: auto;
	width: 190px;
	text-align: right;
	padding-right: 24px;
	font-weight: bold;
	color: #1C648A;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-repeat: no-repeat;
	padding-bottom: 5px;
	background-position: 0px 2px;
}
.side_nav_item_welfare {
	background-image: url(graphics/side_nav_bkg_welfare.gif);
	float: left;
	height: auto;
	width: 190px;
	text-align: right;
	padding-right: 24px;
	font-weight: bold;
	color: #1C648A;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-repeat: no-repeat;
	padding-bottom: 5px;
	background-position: 0px 2px;
}
.whiteline {
	float: left;
	height: 1px;
}
#assoc_box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	float: left;
	height: 185px;
	width: 190px;
	margin-left: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#assoc_title {
	width: 178px;
	height: 20px;
	padding-top: 3px;
	padding-left: 12px;
	padding-right: 0px;
	background: #2886BA;	
	border-bottom: 1px solid #ffffff;
	font-size: x-small;
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	text-align: left;
}

#right_panel {

	float: left;
	height: auto;
	width: 500px;
}
#white_line {
	background-image: url(graphics/white_pixel.gif);
	float: left;
	height: auto;
	width: 756px;
	background-repeat: repeat-y;
	background-position: 414px;
}
#front_page_image {
	float: left;
	height: 290px;
	width: 500px;

}
#people_box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	height: 130px;
	width: 240px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #DADADA;
	margin-bottom: 13px;
}
#people_box_title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	height: 20px;
	width: 235px;
	background: #CC7A00;
	border-bottom: 1px solid #ffffff;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 5px;
}
.text_box1 {
	padding: 5px;
	float: left;
	height: auto;
	width: 225px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#community_box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	height: 130px;
	width: 240px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #E9E9E9;
	margin-left: 13px;
	margin-bottom: 13px;
}
#community_box_title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	height: 20px;
	width: 235px;
	background: #DFB300;
	border-bottom: 1px solid #ffffff;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 5px;
}
#health_box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	height: 130px;
	width: 240px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #DADADA;
	margin-bottom: 13px;
}
#health_box_title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	height: 20px;
	width: 235px;
	background: #54719C;
	border-bottom: 1px solid #ffffff;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 5px;
}
#welfare_box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	height: 130px;
	width: 240px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #E9E9E9;
	margin-left: 13px;
	margin-bottom: 13px;
}
#welfare_box_title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	height: 20px;
	width: 235px;
	background: #2D8BC4;
	border-bottom: 1px solid #ffffff;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 5px;
}
.form {
	padding: 0px;
	height: 5px;
	float: left;
	
}
#links_title_box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	height: 20px;
	width: 493px;
	background: #ECA201;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 5px;
	border: 1px solid #FFFFFF;
}
#people_title_box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	height: 20px;
	width: 493px;
	background: #CC7A00;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 5px;
	border: 1px solid #FFFFFF;
}
#comm_title_box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	height: 20px;
	width: 493px;
	background: #DFB300;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 5px;
	border: 1px solid #FFFFFF;
}
#health_title_box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	height: 20px;
	width: 493px;
	background: #54719C;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 5px;
	border: 1px solid #FFFFFF;
}
#welfare_title_box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	height: 20px;
	width: 493px;
	background: #3786CB;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 5px;
	border: 1px solid #FFFFFF;
}
#search_title_box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	height: 20px;
	width: 493px;
	background: #138261;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 5px;
	border: 1px solid #FFFFFF;
}
#contact_title_box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	height: 20px;
	width: 493px;
	background: #2F91CE;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 5px;
	border: 1px solid #FFFFFF;
}


/* Fix for MS Office style paragraphs (MsoNormal) */
p {
	margin: 0px;
	padding: 0px;
}
/* what's this!!!!!!!!!!!!! duplicate??*/
#contact_box {
	background-color: #FFFFFF;
	float: left;
	height: 470px;
	width: 485px;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 15px;
	color: #1C648A;
}
#contact_box2 {
	background-color: #E9EDEC;
	float: left;
	height: 290px;
	width: 479px;
	
	padding-top: 20px;
}


.form_title {
	float: left;
	height: 20px;
	width: 100px;
	text-align: right;
	padding-top: 5px;
	padding-right: 3px;
}
.field_box {

	float: left;
	height: 24px;
	width: 350px;
	
	padding-top: 1px;
}
.formfield1 {
	
	border: 1px solid #246E9B;
	height: 15px;
	width: 340px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1C648A;
}
.formfield2 {
	
	border: 1px solid #246E9B;
	
	width: 340px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1C648A;
}
.field_box2 {
	float: left;
	height: 165px;
	width: 350px;
	padding-top: 1px;

}
#send_box {
	float: left;
	height: 30px;
	width: 350px;
	padding-left: 105px;
}
.send_button {
	background-color: #999999;
	background-image: url(graphics/send.gif);
	height: 20px;
	width: 52px;
	border: none;
}

.google_title {
	margin-left: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000CC;
	padding: 0px 0px 0px 0px;
	font-weight:bold;
}
.google_main {
	margin-left: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 0px 0px 0px 0px;
}
.google_href {
	margin-left: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #008000;
	padding: 0px 0px 0px 0px;
}