/*  NEW HPNA WEB SITE WITH LAYOUT DIVS */

body, ul, li, h1, h2, h3 {
	padding: 0;
	margin: 0;
}

		
a {
	color: #658327;
	font-weight: normal;
	text-decoration: none;
}

a:focus { 
	color: white; 
	background-color: #6A8A29; 
}

a:hover{
	text-decoration: underline;
	background-color: #92C034;
	color: #3E372D;
}

a:active { 
	color: black; 
	background-color: #92C034; 
	}

body {
	background-color: #A8A293;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

table {
	font-size: .9em;
}


.left {float: left;}
.right {float: right;}
.clear {clear: both}   /*  use between rows of thumbnail divs */

br {
	clear: left;
}

.note {
	width:96%;
	border: 3px solid #cbcc00;
	background-color:#ffff80;
	font-size: 90%;
	padding: 15px;
}

/* TOP navigation bar */

#topnav_div {   /* div */
	float: left;
	width: 800px;
	height: 20px;
	font-size: 1em;
	background-color: #D8D1C7;  
	/*border-top: 1px solid #C5B9A7;*/
	border-bottom: 5px solid #92C034;  /*  green band */
	padding: 0px 0px 10px 0px;
	margin: 0; 
 /*border: 1px solid yellow;*/
}


#nav {  /*  on the UL */
	/*float: left;
	list-style: none; */
	height: 20px;
	margin: 0px 0px 0px 20px; 
	padding-top: 5px;
	/*border: 1px solid red;*/
}

	#nav li {
		float: left;
		list-style: none;
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
		
	}

	#nav li a{
		float: left;
		color: #3E372D;
		text-decoration: none;
		font-weight: bold;
		padding: 0px 15px 13px 15px;
		height: 30px;
		 font-size: 90%;
		 color: #3E372D;
		/* border: 1px solid white;*/
	}

	#nav li a:hover{
		 background-color: white;
		 color: #92C034;
		/* color: black;*/
		border-top: 5px solid #92C034;
	}



/*  INDICATE CURRENT PAGE  - top navigation */
body#home 			#nav li.home a,
body#newsletter   #nav li.newsletter a,
body#events		   #nav li.events a,
body#hpna  			#nav li.hpna a,
body#community 	#nav li.community a, 
body#history 		#nav li.history a, 
body#development  #nav li.development a {
	   background-color: white;
		border-top: 5px solid #92C034;
}

/*  ____________________________________________SUB-PAGE NAVIGATION _________*/
#subnav_div {  
	float: left;
	width: 500px;
	height: 30px;
	background-color: white; 
	padding: 8px 0 0 20px;
	border-bottom: 1px solid #92C034;
	
}

ul#subnav {  /*  on the UL */
	margin: 0 0 0 0; 
}

	#subnav li {
		float: left;
		list-style: none;
		 font-weight: bold;
		 font-size: 100%;

	}

	#subnav li a{
		float: left;
		text-decoration: none;
		 font-size: 85%;
		 font-weight: bold;
		 height: 23px;
		 color: #6F912A;
		 padding: 2px 15px 5px 15px;
		
	}

	#subnav li a:hover{
		 background-color: #92C034;
		 color: white;
	}
	
/* indicate current sub-page */
/*  change text after li to match subpageid param (body class) */
body.news 	#subnav li.news a,
body.adv 	#subnav li.adv a,
body.about 	#subnav li.about a,
body.officers 	#subnav	li.officers a,
body.archives 	#subnav	li.archives a,
body.community 	#subnav	li.community a,
body.crime 	#subnav	li.crime a,
body.city 	#subnav	li.city a,
body.yahoo 	#subnav li.yahoo a,
body.rec 	#subnav	li.rec a,
body.hist 	#subnav	li.hist a,
body.timeline #subnav li.timeline a {
	background-color: #92C034;
	color: white;
}

#breadcrumb {
	float: left;
	width: 500px;
	height: 15px;
	font-size: 70%;
	font-weight: bold;
	padding: 10px 0 12px 20px;
	color: gray;
	border-bottom: 1px solid #92C034;
}

.borderbox {
		border: 1px solid #92C034;
		padding: 10px ;
}

.boldborder{
	border: 5px solid black;
}

/*  page content  */


#masthead {
	width: 800px;
}

#wrapper {
	background-color: white;
	width: 800px;
	height: 100%;
	/*border: 1px solid white;*/
	margin-left: 0px;
	background-image: url(images/wrapperbg.jpg);
	background-position: top;
	background-repeat: repeat-y;
}
	
	
#content {
	float: left;
	width: 492px;
	font-size: 80%;
	line-height: 130%;
	text-align: left;
	line-height: 1.4em;
	padding: 20px  20px 10px 20px;
	vertical-align: top; 
	/*border: 1px solid gray;*/
	}

		#content a {
			font-weight: bold; 		}
			
		#content H1{
			font-size: 1.5em;
			line-height: 130%;
			color: black;
			padding: 00px 0 00px 0;
			margin: 00px 0 00px 0;
					}
			
		#content H2{
			font-size: 1.1em;
			color: #3E372D;
			border-top: 1px solid #CFE1A2;
			margin-top: 20px;
		}
			
		
		/*#content IMG {
			padding-right: 10px;*/
			
}
			
		#content UL {
			padding-left: 30px;
			list-style-type: square;
		}
		
#footer{
	clear: both;
	width: 800px;
	text-align: center;
	font-size: 70%;
	color: black;
	padding: 20px 0 20px 0;
	background-color: #A8A293;
	border-top: 1px solid #3E372D; 
	}


#sidebar {
/*applied to DIV*/
	float: right;
	width: 266px;
	color: black;
	background-color: #E7E6E0;
	font-size: .7em;
	/*letter-spacing: .1em;*/
	line-height: 140%;
	padding: 0 0 0 0px;
	
}

		#sidebar IMG {
			border-bottom: 1px solid #E7E7E7;
		}
		
		#sidebar P{
			padding-left: 10px;
			padding-right: 10px;
		}
		
		#sidebar H1{
			color: black;
			font-size: 1.2em;
			text-align: center;
			padding-top: .9em;
		}
		
		#sidebar a{
			color: #465F18;
			/*background-color: #FCFCF6;*/
			text-decoration: none;
			border-bottom: 1px solid #967B0C;
			font-weight: normal;
		} 
		
		#sidebar A:hover{
			color: black;
			text-decoration: none;
			text-decoration: underline;
		}
		
		#sidebar a:active{
		
			background: white;
			text-decoration: none;
			text-decoration: underline;
		}


.spot { 
 /*applied to P (not to A) */
	padding-left: 0px;
	line-height: normal;
}

		.spot a{ 
			font-weight: bold;
			background-image: url(Images/site/bullet-yellow.gif);
			background-position: left;
			background-repeat: no-repeat;
			padding-left: 15px;
		}

 /*DATA table formatting*/
.datatable {
	font-size: .9em; 
	background-color: white;
	margin-top: 1em;
	margin-bottom: 1em;
	
}
		.datatable TH{
			font-weight: bold;
			text-align: left;
			background-color: #e5e5d8;
		}
		
		.datatable TD{
			border-bottom: 1px solid #E5E5D8; 
		}



/* image preloads*/

#preload_a {
	background-image: url(Images/site/pecanpress_gate.jpg);
}

#preload_b {
	background-image: url(Images/site/HT2005_carriage.jpg);
}

#preload_c {
	background-image: url(Images/site/HPgrill_fork.jpg);
}

#preload_d {
	background-image: url(Images/site/Home6_04_resized.jpg);
}

#preload_e {
	background-image: url(Images/site/HT2005_house.jpg);
}*/