body {
font-family:  Lucida Sans, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 20px;
color: #9d8c6f;
background-color: #FFFFFF;
background-image: url(http://www.bellbrooksugarcreekparks.org/links/images/bkgdrpt.jpg);
background-repeat:repeat-x;
}

td, th, div, p, font {
font-family:  Lucida Sans, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 20px;
color: #9d8c6f;
}

select {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
line-height: 13px;
color: #9d8c6f;
}

A:link          {text-decoration:underline; color:#696656;}
A:active        {text-decoration:underline; color:#696656;}
A:visited       {text-decoration:underline; color:#696656;}
A:hover         {text-decoration:underline; color:#454336;}

.textfield {
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #9d8c6f;
	background-color: #F5F4EF;
	padding: 4px;
	border-top: 1px solid #9d8c6f;
	border-bottom: 1px solid #9d8c6f;
	border-right: 1px solid #9d8c6f;
	border-left: 1px solid #9d8c6f;
	width: 500px;
}

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 13px;
	color: #404040;
	background-color: #FFFFFF;
}

.subnav_body		{font-size:16px; line-height:24px; font-style:italic; font-family:Georgia, Times New Roman, Times, Serif;}
.address			{font-size:12px; line-height:18px; font-style:normal; font-family:Georgia, Times New Roman, Times, Serif;}

#container			{text-align: left; margin: 0 auto; width:805px;}
#logocontainer		{position:absolute; z-index:1; width:288px; top:20px;}
#mainlogo			{position:absolute; left:40px;}
#webhdr				{position:absolute; z-index:2; width:805px; top:173px;}
#contentarea			{position:absolute; z-index:3; width:550px; top:410px;}
#subnavcolumn	{position:absolute; z-index:4; width:320px; top:420px; margin-left:580px;}

#vert				{position:absolute; z-index:6; top:420px; margin-left:555px;}
#menu				{position:absolute; z-index:5; width:600px; top:142px;}
#footer			{position:absolute; z-index:7; width:531px; height:43px; background-image:url(http://www.bellbrooksugarcreekparks.org/links/images/copyright_back.gif); background-repeat:no-repeat;}
#copyrighttext		{position:absolute; z-index:8; top:12px; left:15px; font-size:10px; color:#FFFFFF;}
#antistaticlogo		{position:absolute; z-index:9; top:10px; left:420px; color:#FFFFFF;}

.heading			{font-family:Georgia, Times New Roman, Times, Serif; font-size:20px; color:#3a4c00; line-height:30px;}
.body				{color:#9d8c6f; width:805px; top:164px; font-size:13px; color:#847f69; line-height:20px;}

.menu_about				{width: 96px; height: 30px; position: relative; font-family: arial, helvetica, sans-serif; background: url(http://www.bellbrooksugarcreekparks.org/links/images/about_over.gif) no-repeat; white-space: nowrap; display: block; margin: 0; padding: 0;}
.menu_about a			{width: 96px; height: 30px;display: block; color: #000000; font-size: 14px; font-weight:bold; display: block; float: left; color: black; text-decoration: none;}
.menu_about a:hover img	{visibility:hidden}
.menu_about img			{width: 96px; height: 30px; border: 0;}
.menu_about span		{position: absolute; left: 0px; top: 8px; margin: 0px; padding: 0px; cursor: pointer; text-align: center;}

.menu_home				{width: 98px; height: 30px; position: relative; font-family: arial, helvetica, sans-serif; background: url(http://www.bellbrooksugarcreekparks.org/links/images/home_over.gif) no-repeat; white-space: nowrap; display: block; margin: 0; padding: 0;}
.menu_home a			{width: 98px; height: 30px;display: block; color: #000000; font-size: 14px; font-weight:bold; display: block; float: left; color: black; text-decoration: none;}
.menu_home a:hover img	{visibility:hidden}
.menu_home img			{width: 98px; height: 30px; border: 0;}
.menu_home span			{position: absolute; left: 0px; top: 8px; margin: 0px; padding: 0px; cursor: pointer; text-align: center;}

.menu_parks				{width: 97px; height: 30px; position: relative; font-family: arial, helvetica, sans-serif; background: url(http://www.bellbrooksugarcreekparks.org/links/images/parks_over.gif) no-repeat; white-space: nowrap; display: block; margin: 0; padding: 0;}
.menu_parks a			{width: 97px; height: 30px;display: block; color: #000000; font-size: 14px; font-weight:bold; display: block; float: left; color: black; text-decoration: none;}
.menu_parks a:hover img	{visibility:hidden}
.menu_parks img			{width: 97px; height: 30px; border: 0;}
.menu_parks span		{position: absolute; left: 0px; top: 8px; margin: 0px; padding: 0px; cursor: pointer; text-align: center;}

.menu_whatsnew				{width: 128px; height: 30px; position: relative; font-family: arial, helvetica, sans-serif; background: url(http://www.bellbrooksugarcreekparks.org/links/images/whatsnew_over.gif) no-repeat; white-space: nowrap; display: block; margin: 0; padding: 0;}
.menu_whatsnew a			{width: 128px; height: 30px;display: block; color: #000000; font-size: 14px; font-weight:bold; display: block; float: left; color: black; text-decoration: none;}
.menu_whatsnew a:hover img	{visibility:hidden}
.menu_whatsnew img			{width: 128px; height: 30px; border: 0;}
.menu_whatsnew span			{position: absolute; left: 0px; top: 8px; margin: 0px; padding: 0px; cursor: pointer; text-align: center;}

.menu_links					{width: 96px; height: 30px; position: relative; font-family: arial, helvetica, sans-serif; background: url(http://www.bellbrooksugarcreekparks.org/links/images/links_over.gif) no-repeat; white-space: nowrap; display: block; margin: 0; padding: 0;}
.menu_links a				{width: 96px; height: 30px;display: block; color: #000000; font-size: 14px; font-weight:bold; display: block; float: left; color: black; text-decoration: none;}
.menu_links a:hover img		{visibility:hidden}
.menu_links img				{width: 96px; height: 30px; border: 0;}
.menu_links span			{position: absolute; left: 0px; top: 8px; margin: 0px; padding: 0px; cursor: pointer; text-align: center;}

.menu_contact				{width: 97px; height: 30px; position: relative; font-family: arial, helvetica, sans-serif; background: url(http://www.bellbrooksugarcreekparks.org/links/images/contact_over.gif) no-repeat; white-space: nowrap; display: block; margin: 0; padding: 0;}
.menu_contact a				{width: 97px; height: 30px;display: block; color: #000000; font-size: 14px; font-weight:bold; display: block; float: left; color: black; text-decoration: none;}
.menu_contact a:hover img	{visibility:hidden}
.menu_contact img			{width: 97px; height: 30px; border: 0;}
.menu_contact span			{position: absolute; left: 0px; top: 8px; margin: 0px; padding: 0px; cursor: pointer; text-align: center;}