html {
	background-color: #ffffff;
}

body {
	margin: 0em;
	padding: 0em;
	background-color: #ffffff;
	text-align: center;
	font-size: 70%;
}

body, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p {
	margin-top: 0em;
	margin-bottom: 1em;
	line-height: 1.5em;
}

table {
	margin-bottom: 1em;
}

th {
	text-align: left;
}

td, th {
	vertical-align: top;
}

h1, h2, h3, h4 {
	font-size: 135%;
}

h1 {
	color: #116611;
}

h2 {
	margin-bottom: 0.75em;
	color: #116611;
}

h3 {
	margin-bottom: 0em;
}

h4 {
}

ul {
	line-height: 1.5em;
}

ul ul {
	margin-left: 1.5em;
	list-style: disc;
}

a:link, a:link td, a:link th {
	text-decoration: none;
	color: #339933;
}

a:visited, a:visited td, a:visited th {
	text-decoration: none;
	color: #339933;
}

a:hover, a:hover td, a:hover th {
	text-decoration: underline;
}

fieldset {
	display: inline;
	border: 0em;
	padding: 0em;
	margin: 0em;
}

legend {
	display: none;
}

input, textarea, select {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

#frame {
	position: relative;
	width: 67em;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	padding: 0em;
	text-align: left;
	background-color: #f3f7f3;
}

#logo {
	margin-bottom: 0.5em;
}

#header h1 {
	float: right;
	text-align: left;
	margin-top: 0em;
	margin-bottom: 0em;
	margin-left:0.25em;
	font-size: 150%;
	line-height: 100%;
	/*font-weight: normal;*/
	font-family: arial, helvetica, sans-serif;
}

#header img {
	float: right;
	display: block;
}

#header fieldset {
 display: inline;
 border: 0em;
 padding: 0em;
 margin: 0em;
}

#searchBox {
	position: absolute;
	left: 0em;
	top: 30px;
	white-space: nowrap;
	margin: 0em;
}

#searchBox form {
	display: inline;
}

#searchBox legend {
	display: none;
}

#searchBox label {
	display: none;
}

#mainPanel {
	border-left: 1px solid #accaac;
	border-right: 1px solid #accaac;
	padding-top: 0.5em;
}

#menu ul {
	list-style-type: none;
	margin-top: 0em;
	margin-left: 0em;
	padding-left: 0em;
}

#menu li {
	border-bottom: 1px solid #accaac; 
}

#menu a:hover {
	background-color: #accaac;
	text-decoration: none;
}

#mapBox a:hover {
	background-color: #88b288;
}

.clearing {
    display: inline-block;
	min-height: 1px;
}

/* Hides from IE-mac \*/
* html .clearing {
    height: 1px;
    }
.clearing {
    display: block;
    }
/* End hide from IE-mac */

.clearing:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#bottomBar {
	color: #f2f3f6;
	background-color: #88b288;
	border-top: 0.5em solid #accaac;
	text-align: left;
	line-height: 1.5em;
	padding-left: 0.5em;
	padding-bottom: 0.25em;
}

#bottomBar a:link, #bottomBar a:visited {
	color: #e7efe7;
}

#bottomBar a:hover {
	color: green;
	text-decoration: underline;
}

#footer {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	text-align: left;
	padding-top: 1em;
	background-color: white;
	width: 100%
}

#footer img {
	border: 0em;
}

#footer ul {
	margin: 0em;
	padding: 0em;
}

#footer li {
	display: inline;
}

#leftFooter {
	position: absolute;
	left: 0em;
}

#leftFooter, #leftFooter a:link, #leftFooter a:visited {
	color: #666666;
}

#leftFooter a:hover {
	color: green;
	text-decoration: underline;
}

#rightFooter {
	position: absolute;
	right: 0em;
	color: #666666;
}

#rightFooter img {
	margin-left: 0.5em;
	float: right;
}

#rightFooter p {
	float: right;
	text-align: right;
	width: 30em;
}

.button {
	background-color: #347d34;
	border: 1px solid #347d34;
	color: #ffffff;
	font-size: 100%;
	padding-top: 0.1em;
	padding-bottom: 0.2em;
}

.textInput {
	border: 1px solid #88b288;
	font-size: 100%;
	height: 1.5em;
	padding-top: 0.1em;
	padding-left: 0.1em;
}

#header {
	width: 67em;
	margin: 0em;
	padding-bottom: 0.5em;
	border: 0em;
	background-color: #ffffff;
	margin-bottom: 0.25em;
}

#header img {
	border: 0em;
	margin-left: 0.5em;
}

#needle {
	width: 13.5em;
	padding: 0.25em;
}

#masthead {
	position: relative;
	width: 100%;
	height: 18.1em;
	overflow: hidden;
}

#masthead img {
	float: right;
}

#masthead a {
	color: white;
}

#mastheadPhoto {
	width: 38.8em;
	height: 18.1em;
	margin-left: 28.2em;
	background-image: url(images/haymeadowhome.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

#topLeftSectionBox {
	position: absolute;
	background-color:#88b288;
	top: 0em;
	width: 14em;
	height: 9em;
	float: left;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
}

#topRightSectionBox {
	position: absolute;
	left: 14.1em;
	top: 0em;
	background-color: #88b288;
	width: 14em;
	height: 9em;
	float: left;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
}

#bottomLeftSectionBox {
	position: absolute;
	top: 9.1em;
	background-color: #88b288;
	width: 14em;
	height: 10em;
	float: left;
	clear: left;
	border-right: 1px solid white;
}

#bottomRightSectionBox {
	position: absolute;
	top: 9.1em;
	left: 14.1em;
	background-color: #88b288;
	width: 14em;
	height: 10em;
	float: left;
	border-right: 1px solid white;
}

#masthead dl {
	margin-top: 0em;
}

#masthead dt {
	font-size: 135%;
	font-weight: bold;
	margin: 0em;
	padding: 0.25em;
	color: white;
	background-color: #347d34;
}

#masthead dd {
	line-height: 1.5em;
	margin-left: 0em;
	margin-top: 0em;
	padding: 0.5em;
	color: white;
}

#menu {
	width: 14em;
	margin: 0em;
	background-color: #88b288;
	overflow: hidden;
}

#menu h5 {
	display: block;
	width: 13.5em;
	margin: 0em;
	border: 0em;
	padding: 0.25em;
	color: #ffffff;
	background-color: #347d34;
	font-size: 100%;
}

#menu a {
	display: block;
	width: 13.5em;
	margin: 0em;
	border: 0em;
	padding: 0.25em;
	color: #ffffff;
}

#menu img {
	padding-bottom: 1em;
}


#mainPanel .boxTop {
	width: 13.5em;
	padding: 0.25em;
	margin: 0em;
	color: #f5f5f8;
	border-top: 1.5em solid #f3f7f3;
	background-color: #88b288;
	border-bottom: 1px solid #f5f5f8;
	font-weight: bold;
}

#mainPanel .boxTop a:link, #mainPanel .boxTop a:visited {
	width: 13.5em;
	padding: 0.25em;
	margin: 0em;
	color: #f5f5f8;
	background-color: #88b288;
	border-bottom: 1px solid #f5f5f8;
	font-weight: bold;
	text-decoration: none;
}

#mainPanel .boxBody {
	width: 13.5em;
	padding: 0.25em;
	margin-left: 0em;
	margin-right: 0em;
	margin-bottom: 1em;
	color: #347d34;
	background-color: #accaac;
}

#mainPanel .boxBody ul {
	list-style-type: none;
}

#mainPanel .boxBody ul, #mainPanel .boxBody li {
	width: 13.5em;
	margin: 0em;
	padding: 0em;
}

#mainPanel .boxBody a {
	background-color: #accaac;
	color: #347d34;
	display: block;
	width: 13.5em;
	margin: 0em;
	padding: 0em;
	border: 0em;
}

#mainPanel .boxBody a:hover {
	color: green;
	background-color: #accaac;
	text-decoration: none;
}

#mapBox img {
	border: 0em;
}

#main {
	position: relative;
	float: right;
	width: 52em;
	margin: 0em;
	text-align: left;
	font-size: 100%;
}

#parkLive {
	width: 100%;
	margin: 0em;
	padding-top: 0em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #88b288;
	font-family: arial, verdana, sans-serif;
}

#parkLive h1 {
	font-size: 150%;
	margin: 0em;
	padding: 0em;
}

#parkLive a {
	color: #88b288;
}

#parkLive em {
	color: #347d34;
}

#parkLive img {
	float: right;
	padding-right: 0.5em;
	margin-top: 0.25em;;
}

#features {
	width: 37em;
	padding-top: 1em;
	float: left;
}

.featureBanner {
	position: relative;
	height: 14em;
	width: 37em;
	overflow: hidden;
	border: 1px solid #88b288;
}

.featureHeader {
	width: 37em;
	color: #116611;
	position: relative;
	border-bottom: 1px solid #88b288;
}

.featureBanner h2 {
	position: absolute;
	font-size: 300%;
	font-family: arial, sans-serif;
	color: white;
	font-weight: normal;
	left: 0.1em;
	bottom: 0.1em;
	margin: 0em;
}

.feature {
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #88b288;
	clear: both;
}

.feature img {
	border: 1px solid #347d34;
}

.featureLeft {
	padding-right: 2em;
	float: left;
}

.featureRight p a:link, .featureRight p a:visited {
	color: black;
}

.featureRight h3 {
	margin: 0em;
	font-size: 100%;
}

#lastFeature {
	border-bottom: 0px;
}

#rhCol {
	width: 13em;
	float: right;
	margin-top: 1em;
}

#rhCol h4 {
	font-size: 100%;
	margin-bottom: 0em;
	background-color: #cfe0cf;
	padding: 0.25em;
}

.homeDate a {
	margin-bottom: 0em;
	margin-top: 0em;
	font-size: 100%;
	font-weight: normal;
	padding: 0em;
}

#rhCol h4 {
	margin-top: 0em;
}

#rhCol ul {
	list-style-type: none;
	margin-top: 0em;
	padding-top: 0em;
	margin-left: 0em;
	padding-left: 0em;
}

#rhCol li {
	padding: 0.5em;
	border-bottom: 1px solid white;
}

.rh1 {
	background-color: #cfe0cf;
}

.rh2, .rh2 h3 {
	background-color: #accaac;
}

#rhCol a:link, #rhCol a:visited {
	color: #3b8c3b;
}

#rhCol ul li .homeDate a:link, #rhCol ul li .homeDate a:visited {
	color: #116611;
}

#bookmarks {
	padding: 0.25em;
	vertical-align: middle;
	text-align: right;
	border-left: 1px solid #accaac;
	border-right: 1px solid #accaac;
}

#bookmarks ul {
	list-style-type: none;
	padding-left: 0em;
	margin-left: 0em;
	display: inline;
}

#bookmarks li {
	margin-left: 0em;
	padding-left: 0em;
	display: inline;
}

#bookmarks a {
	margin-right: 0.5em;
}

#bookmarks img {
	border: 0em;
}