/* Thorne CSS Document  Copyright 2006. All Rights Reserved -Hemlock Hills */

html {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 100.01%;
	min-width: 760px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #414141;
}

strong {color: #414141;}
 
a:link { color: #333; }
a:visited {color: #990000;}
a:hover { text-decoration: underline; }
#topcontainer {
	position: relative;
	width: 760px;
	margin: 0px auto;
	text-align:left;
	z-index: 1;
	background-color: #414141;
}
#logo {z-index: 2;}

#homepagecontainer {
	position: relative;
	width: 760px;
	margin: 0px auto;
	border: 1px solid #fff;
	text-align:left;
	z-index: 2;
	background-color: #FFFFFF;
}

homepagecontainer2 {position: relative;
	width: 760px;
	text-align: center;
	background-color: #414141;
}

#homepagecontainer2 p {
	font-size: 0.75em;
	line-height : 1.9em;
	padding: 0px 20px 0px 10px;
	margin: 2px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #fff;

}

#homepagecontainer2 a:link, #homepagecontainer2 a:visited {color: #FFF;}
#homepagecontainer2 a:hover, #homepagecontainer2 a:active, #homepagecontainer2 a:focus {color: #f85a5a;}

#homepagefooter {
	width: 760px;
	font-size: 0.60em;
	color: #FFF;
	text-align: center;
	padding: 5px 0px;
	background-color: #414141;
	border: 1px solid #414141;
position: relative;
	margin: 0px auto;	
	padding-bottom: 0px;
	margin-bottom: 0px;
	display:block;
	valign: center;
}

#homepagefooter a:link, #homepagefooter a:visited {color: #ffffff;}
#homepagefooter a:hover, #homepagefooter a:active, #homepagefooter a:focus {color: #FF9900;}


#container {
	position: relative;
	width: 760px;
	margin: 0px auto;
	border: 1px solid #fff;
	text-align:left;
	z-index: 2;
	background-color: #FFFFFF;
	background:  url("images/vbkgnd.gif") repeat-y left; 	/* faux-column, this is for the left sidebar */
}

#header {z-index: 3;}
#navbar {
	position: absolute;
	top:40px;
	right: 0;
	padding: 2px 0 2px 32px;
	white-space:nowrap;
	left: 502px;
}
#navbar a {text-decoration: none; font-size: 0.75em; color:#FFFFFF; padding: 0 1em 0 0;}
#navbar b {display:none;}
#navbar a:link, #navbar a:visited {color: #FFF;}
#navbar a:hover, #navbar a:active, #navbar a:focus {color: #f85a5a;}



#content table  {font-style: normal; font-variant: normal; font-weight: normal;  line-height: normal; font-size-adjust: none; font-stretch: normal;}
#content table strong   {color: #6380b6; text-align:right;}
#review td {padding: 0px; text-align: left; }

#recycle table{
text-align:left;
margin-left: 20px;
}

#recycle strong {color: #6380b6; text-align:right;}

#recycle ul {
	margin: -2;
	padding: 0;
}
#recycle li {
	list-style-type: square;
		text-align: left;
		margin-4;
		padding:0;
}




#topnav {
	width: 760px;
	height: 40px;
	font-size: 0.70em;
	margin: 0;
	padding: 0;
	background-color: #000;
	z-index: 10;
	border-bottom: 1px solid white;
}
#topnav ul {
	margin: 0;
	padding: 0;
}
#topnav li {
	width: 125px;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 8px 0px 4px 0px;
	white-space: nowrap;
		text-align: center;

}
#topnav a {
	padding: 5px 0px 5px 0px;
	text-decoration: none;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#topnav a:link, #topnav a:visited {color: #FFF;}
#topnav a:hover, #topnav a:active, #topnav a:focus {color: #FF9900;}

#homepagecontent {
	width:700px;
	margin-left: 30px;
	margin-right: 30px;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	z-index: 4;
}

#homepagecontent h1 {
	color: #cb713f;
	font-size: 1.4em;
	margin-top: 10px;
	font-weight: 900;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#homepagecontent h2 {
	color: #cb713f;
	font-size: 1.2em;
	margin: 5px 0 5px 0;
	font-weight: 900;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#homepagecontent h3 {
	color: #6380b6;
	font-size: .95em;
	font-weight:600;
	text-align:left;
	margin: 5px 0 5px 0;
	font-weight: 900;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#homepagecontent p {
	font-size: 0.75em;
	line-height : 1.9em;
	padding: 0px 20px 0px 10px;
	margin: 2px;
}





#content {
	width: 531px;
	margin-left: 205px;
	margin-right: 20px;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	z-index: 4;
}
#content h1 {
	color: #cb713f;
	font-size: 1.4em;
	margin-top: 10px;
	font-weight: 900;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#content h2 {
	color: #6380b6;
	font-size: 1.1em;
	margin: 5px 0 5px 0;
	font-weight: 900;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#content h3 {
	color: #333;
	font-size: .9em;
	margin: 5px 10px 0px 0px;
	padding: 0;
	font-weight: 900;
	font-family:arial;
	text-align:left;
}
#content h4 {
	color: #6380b6;
	font-size: .8em;
	margin: 0;
	padding: 0;
	font-weight: 900;
}

#content h5 {
color: #f85a5a;
	font-size: 1.2em;
	text-align:center;
	font-style:italic;
	margin: 5px 0 5px 0;
	font-weight: 900;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
#content p {
	font-size: 0.75em;
	line-height : 1.6em;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
#content ul {
	list-style-type: disc;
	list-style-position: outside;
}
#content ul li {
	color: #333;
	font-size: 0.75em;
	line-height: 1.4em;
	margin: 0px 10px 2px 0px;
}

#content ol li {
	color: #333;
	font-size: 0.75em;
	line-height: 1.4em;
	margin: 0px 10px 10px 0px;
}

#contenttuition {
	width: 531px;
	margin-left: 205px;
	margin-right: 20px;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	z-index: 4;
}

#contenttuition p {
	font-size: 0.8em;
	line-height : 1.4em;
	padding: 0px 20px 0px 20px;
	margin: 0;
}
#contenttuition ul {
	list-style-type: disc;
	list-style-position: outside;
}
#contenttuition ul li {
	color: #333;
	font-size: 0.70em;
	line-height: 1.4em;
	margin: 0px 10px 2px 0px;
}

#contenttuition ol li {
	color: #333;
	font-size: 0.80em;
	line-height: 1.4em;
	margin: 0px 10px 10px 0px;
}


/* Use this style with the float to keep this column from overflowing if content in right column is shorter */
#sidenav {
	float: left;
	width: 181px;
	/* IE doubles the margins on floats, this takes care of the problem */
	display:inline;
	margin: 0;
	padding: 0;
	background-color: #f2f2f2;
	font-size: 0.70em;
	text-align: left;
		border-right: 1px solid #dcdcdc;

}

/* Use this style for editing as it displays better in Dreamweaver */
Xsidenav {
	position: absolute;
	top: 98px;
	left: 0px;
	width: 180px;
	/* IE doubles the margins on floats, this takes care of the problem */
	display:inline;
	margin: 0;
	padding: 0;
	background-color: #f2f2f2;
	font-size: 0.70em;
	text-align: left;
		border-right: 1px solid #dcdcdc;

}
#sidenav ul {
	margin: 0;
	padding: 0;
}
#sidenav li {
	width: 180px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#sidenav a.mnav, #sidenav a.snav {
	display: block;
	padding: 8px 0 8px 28px;
	background-color: #f2f2f2;
	text-decoration: none;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #666;
}
#sidenav li#contact {border-bottom: 2px solid white;}

#sidenav a:link, #sidenav a:visited {color: #000;}
#sidenav a:hover, #sidenav a:active, #sidenav a:focus {color: #000; background-color: #bbcec5;}
 
#sidenav a.snav {
	border: none;
	margin-left: 10px;
	margin-top: 1px;
	color: #333;
	font-weight: normal;
}
#sidenav p {color: #663300; margin: 10px 15px 10px 10px; padding: 0;}
#sidenav p.section {
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
	margin: 4px 0px 6px 10px;
 }
 #subnav1, #subnav2 {background-color: #F1EFE2;}


#footer {
	width: 760px;
	font-size: 0.60em;
	color: #FFF;
	text-align: center;
	padding: 5px 0px;
	background-color: #999;
	border: 1px solid white;
position: relative;
	margin: 0px auto;	
	padding-bottom: 0px;
	margin-bottom: 0px;
	display:block;
	valign: center;
}

#footer a:link, #footer a:visited {color: #ffffff;}
#footer a:hover, #footer a:active, #splash a:focus {color: #FF9900;}

.cname {
	font-family: Arial, Helvetica, sans-serif;
	color: #9E9456;
	font-size: 1.40em;
	font-weight: bold;
	line-height: 1.5em;
	letter-spacing: 0.04em;
}
.ctitle {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: -0.01em;
}
.btop a {color: #666; font-size: .8em;}
.btop a:link, .btop a:visited {text-decoration: underline;}
.btop a:hover, .btop a:active, .btop a:focus {text-decoration: none;}

.imgwleft {
	float: left;
	margin: 5px 5px 2px 0px;}
	
.imgwright {
	float: right;
	margin: 2px 0px 2px 5px;}
	
p.imgleft img {
	float: left;
	margin: 5px 15px 5px 0px;}
	
p.imgright img {
	float: right;
	margin: 5px 0px 5px 5px;}
	
	
	/* You are HERE indicators for Main Menu items */
body#aboutpage #topnav li#about a, 
body#eventpage #topnav li#about a, 
body#historypage #topnav li#about a, 
body#directionspage #topnav li#about a, 
body#contactuspage #topnav li#about a, 
body#localpage #topnav li#local a, 
body#minutespage #topnav li#local a, 
body#municipalpage #topnav li#local a, 
body#officialspage #topnav li#local a, 
body#firedeppage #topnav li#local a, 
body#watchpage #topnav li#local a, 
body#dumppage #topnav li#local a, 
body#Postofficepage #topnav li#local a, 
body#emergencypage #topnav li#local a, 
body#businesspage #topnav li#business a, 
body#churchpage #topnav li#business a, 
body#tourismpage #topnav li#tourism a, 
body#linkspage #topnav li#tourism a, 
{
	color: #FF9900;
}

/* You are HERE indicators for Sidenav Menu items */
body#aboutpage #sidenav li#aboutus a, 
body#historypage #sidenav li#history a, 
body#directionspage #sidenav li#map a, 
body#contactuspage #sidenav li#contactus a, 
body#localpage #sidenav li#hours a, 
body#minutespage #sidenav li#minutes a, 
body#officialspage #sidenav li#officials a, 
body#firedeppage #sidenav li#firedep a, 
body#watchpage #sidenav li#watch a, 
body#dumppage #sidenav li#dump a, 
body#Postofficepage #sidenav li#postoffice a, 
body#familypage #sidenav li#family a, 
body#emergencypage #sidenav li#emergency a, 
body#businesspage #sidenav li#busdirectory a, 
body#churchpage #sidenav li#church a, 
body#tourismpage #sidenav li#local a, 
body#linkspage #sidenav li#links a, 
body#photopage #sidenav li#photos a, 
 {
	color: #333;
	background-color: #d6e0db;
}