:link,:visited { text-decoration:none }

ul,ol { list-style-type: circle; }

h1,h2,h3,h4,h5,h6,pre,code { font-size: small; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd
{ margin:0; padding:0 }

a img,:link img,:visited img { border:none }

address { font-style:normal }

/************************************* main structure */

body {
	background: #e5e195 url(../images/edgerules.gif) center top repeat-y ;
	font-family: Verdana, Arial, sans-serif;
	font-size: 100%;
	line-height: 22px;
	color: #654;
}
	
#bigwrap {
	background: url(../images/landscape.png) center top no-repeat;
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	font-size: .8em;
	font-size: .8em;
	line-height: 22px;
	color: #654;
}
	
#bannerwrap {
	position: relative;
	width: 675px;
	padding-left: 175px;
	padding-top: 85px;
}

#utilities {
	position: absolute;
	right: 20px;
	top: 15px;
	font-size: .9em;
	text-align: center;
	height: 1.8em;
	width: 13em;
	border: 1px solid #9fca73;
	background-color: #f0f1be;
}


/************************************* rollover effect */

#contentwrap {
	position: relative;
	width: 850px;
	height: 332px;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
}


/* begin rollover effect - div position */

#popbuildings { position: absolute; top: 159px; left: 383px; width: 125px; }

#popschools { position: absolute; top: 293px; left: 506px; width: 125px; }

#popwater { position: absolute; top: 213px; left: 65px; width: 125px; }

#poproads { position: absolute; top: 124px; left: 150px; width: 125px; }

#poprecreation { position: absolute; top: 120px; left: 476px; width: 125px; }

#popland { position: absolute; top: 124px; left: 286px; width: 125px; }

#popenergy { position: absolute; top: 139px; left: 604px; width: 125px; }

#popwaste { position: absolute; top: 277px; left: 179px; width: 125px; }


/* rollover effect - link appearance  */

#contentwrap a {
	display: block;
	color: #042;
	text-align: center;
	}

/* rollover effect - hover appearance  */

#contentwrap a:hover {
	color: #c60;
	border: none;
	}

/* rollover effect - popup effect  */

#contentwrap a span {
	display: none;
	font-size: 10px;
	line-height: 14px;
	}

#contentwrap a:hover span {
	display: block;
	width: 125px;
	height: 125px;
	padding-top: 20px;
	position: absolute;
	left: 0px;
	top: -125px;
	background: url(../images/circle.gif) center top no-repeat;
	color: black;
	font-weight: normal;
	}

		
/************************************* footer styles */

#footer { 
	text-align: center;
	border-top: 1px solid #9fca73;
	font-size: .85em;
	line-height: 1.3em;
	padding-top: 9px;
	padding-bottom: 25px;
	margin-top: 12px; 
}

#footer p {
	padding-bottom: 4px;
}
	

/************************************* tag styles */

h1 {
	text-align: center;
	color: #042;
	margin-top: 50px;
}

h3 {
	text-align: center;
	font-size: 1.1em;
	color: #654;
	font-weight: normal;
}

/************************************* class styles */

.gray { 
	color: #c60;
	}

.red {
	color: #c60;
}

.lftimg {
	float: left;
}
	
.rtimg {
	float: right;
}
	
.clearall {
	clear: both;
}

.instructional {
	text-align: center;
	color: #000;
	font-size: .9em;
	padding-bottom: 6px;
}


/************************************* common navigation */

a {
	color: black;
}

a:hover {
	color: #c60;
	border-bottom: 1px solid #c60;
}

body#home a#homelink {
	color: #c60;
	border: none;
}