/* the body info is here - background colors, images, font info */

body 
	{
	text-align: center;
	margin: 0 auto;
	padding: 0;
	font-size: 76%;
	font-family: Georgia, serif;
	background: #e6e6e6 url(img/page-bg.jpg) repeat-x top left;
	}


html
	{
	min-height: 100%;
	height: 100%;
	margin-bottom: 1px;
	overflow-y: scroll;
	}

#wrapper
	{
	width: 950px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	padding-bottom: 10px;
	background: transparent url(img/wrapper.jpg) no-repeat top left;
	overflow: hidden;
	}


/* page headers */


#headerhome
	{
	height: 260px;
	width: 950px;
	background: transparent url(img/home.jpg) no-repeat top;
	margin: 0 auto;
	padding: 0;
	}


#headereducation
	{
	height: 260px;
	width: 950px;
	background: transparent url(img/ohs.jpg) no-repeat top;
	margin: 0 auto;
	padding: 0;
	}


#headerservices
	{
	height: 260px;
	width: 950px;
	background: transparent url(img/city-building.jpg) no-repeat top;
	margin: 0 auto;
	padding: 0;
	}


#headerlocation
	{
	height: 260px;
	width: 950px;
	background: transparent url(img/shops.jpg) no-repeat top;
	margin: 0 auto;
	padding: 0;
	}


#headergrowing
	{
	height: 260px;
	width: 950px;
	background: transparent url(img/smith-garden.jpg) no-repeat top;
	margin: 0 auto;
	padding: 0;
	}


#headerpast
	{
	height: 260px;
	width: 950px;
	background: transparent url(img/hawthorn.jpg) no-repeat top;
	margin: 0 auto;
	padding: 0;
	}


#headerneighbors
	{
	height: 260px;
	width: 950px;
	background: transparent url(img/orchardly.jpg) no-repeat top;
	margin: 0 auto;
	padding: 0;
	}


#headercontacts
	{
	height: 260px;
	width: 950px;
	background: transparent url(img/leaves-street.jpg) no-repeat top;
	margin: 0 auto;
	padding: 0;
	}



#headermayor
	{
	height: 260px;
	width: 950px;
	background: transparent url(img/schantz-gate.jpg) no-repeat top;
	margin: 0 auto;
	padding: 0;
	}


#headersafety
	{
	height: 260px;
	width: 950px;
	background: transparent url(img/fire-engines.jpg) no-repeat top;
	margin: 0 auto;
	padding: 0;
	}


#headerfaq
	{
	height: 260px;
	width: 950px;
	background: transparent url(img/hillcrest.jpg) no-repeat top;
	margin: 0 auto;
	padding: 0;
	}	



/*  left navigation  */



#leftnav
	{
	float: left;
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Palatino Linotype, Book Antiqua, serif;
	width: 155px;
	}


#leftnav ul
	{
	margin: 0;
	margin-top: 0;
	padding: 0;
	margin-bottom: 10px;
	list-style-type: none;
	width: 155px;
	}


#leftnav li
	{
	margin-bottom: 5px;
	}


#leftnav a 
	{
	display: block;
	color: #000000;
	padding: 5px 0;
	text-decoration: none;
	border-bottom: none;
	}



#leftnav a:hover
	{
	color: #707273;
	}





/* page content */


#content
	{
	margin: 0;
	margin-right: 84px;
	padding: 0;
	width: 620px;
	border-right: 1px solid #b0afb0;
	border-bottom: 1px solid #848284;
	background-color: #ebebeb;
	float: right;
	padding-bottom: 50px;
	}

#content p
	{
	text-align: left;
	color: #000000;
	padding-left: 20px;
	padding-right: 20px;
	}


#content ul
	{
	list-style: square inside;
	text-align: left;
	margin-left: 20px;
	}

#content li
	{
	padding-bottom: 10px;
	}


#content a
	{
	color: #176bf6;
	text-decoration: none;
	border-bottom: none;
	}

#content a:hover
	{
	text-decoration: underline;
	color: #5a95f5;
	}




/*  footer info   */


#footer
	{
	width: 780px;
	height: 30px;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 0;
	font-size: 88%;
	text-align: right;
	}

#footer a:link, a:visited
	{
	color: #194293;
	text-decoration: none;
	border-bottom: 1px dashed #194293;
	}

#footer a:hover
	{
	color: #006ca2;
	border-bottom: 1px solid #006ca2;
	}




/* image boxes */



.imgboxmessage
	{
	width: 140px;
	background-color: #ffffff;
	padding: 10px 0;
	float: right;
	margin: 5px;
	margin-right: -20px;
	border-right: 1px solid #b0afb0;
	border-bottom: 1px solid #848284;
	}



.imgboxright
	{
	width: 180px;
	background-color: #ffffff;
	padding: 10px 0;
	float: right;
	margin: 5px;
	margin-right: -20px;
	border-right: 1px solid #b0afb0;
	border-bottom: 1px solid #848284;
	}




.imgboxwide
	{
	width: 220px;
	background-color: #ffffff;
	padding: 10px 0;
	float: right;
	margin: 5px;
	margin-right: -60px;
	border-right: 1px solid #b0afb0;
	border-bottom: 1px solid #848284;
	}



.imgboxoverlap
	{
	width: 140px;
	background-color: #ffffff;
	padding: 10px 0;
	margin: 5px;
	margin-left: -10px;
	border-right: 1px solid #b0afb0;
	border-bottom: 1px solid #848284;
	z-index: 5;
	}


.imgboxoverlapwider
	{
	width: 220px;
	background-color: #ffffff;
	padding: 10px 0;
	margin: 5px;
	margin-right: -10px;
	border-right: 1px solid #b0afb0;
	border-bottom: 1px solid #848284;
	z-index: 5;
	float: right;
	}


.imgboxbottom
	{
	width: 220px;
	background-color: #ffffff;
	padding: 10px 0;
	float: right;
	margin: 5px auto;
	margin-right: 60px;
	border-right: 1px solid #b0afb0;
	border-bottom: 1px solid #848284;
	}


.factbox
	{
	width: 260px;
	background-color: #ffffff;
	padding: 10px 0;
	float: right;
	margin: 5px;
	margin-right: -60px;
	border-right: 1px solid #b0afb0;
	border-bottom: 1px solid #848284;
	}





h1
	{
	color: #6d131d;
	text-transform: uppercase;
	text-align: left;
	font-size: 152%;
	padding-top: 20px;
	margin-top: 0;
	margin-left: 20px;
	}

h2
	{
	color: #000000;	
	text-align: left;
	font-size: 120%;
	margin-left: 25px;
	}


a.headerlink
	{
	color: #ffffff;
	font-weight: bold;
	text-transform: capitalize;
	margin-left: 500px;
	text-align: left;
	font-size: 110%;
	text-decoration: none;
	}




a:active, a:focus 
	{
	outline: 0;
      }



a img
	{
	border: none;
	}




/*  navigation - shows what page you're on  */



#neighbors .neighbors, #education .education, #services .services, #mletter .mletter, #sletter .sletter, #past .past, #growing .growing, #contact .contact, #location .location, #home .home, #safety .safety, #recreation .recreation, #faq .faq
	{
	color: #5a8495;
	}