/* Aurora Parks & Recreation -  ?? http://www.auroraoh.com/depts/parkrec/default.aspx */

/* LAST EDIT: */
/* 2-19-08 - Roy */


/* ::::::: Genereal Elements ::::::: */

* { /* Global Reset */
margin: 0px;
padding: 0px;
}

body {
background: #2a510f url(img/bg.jpg) top center repeat-x;
}

h1 {
font: bold 24px/28px Arial, Helvetica, sans-serif;
color: #2a510f;
}

h2 {
font: bold 18px/24px Arial, Helvetica, sans-serif;
color: #1D0693;
padding: 7px 0px 0px 0px;
}

h3 {
font: normal 14px/18px Arial, Helvetica, sans-serif;
color: #CC3300;
}

p {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #0a1105;
padding: 0px 0px 10px 0px;
}

ul {
list-style-position: inside;
}

li {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #000000;
}

a:link, a:active, a:visited {
font: normal 12px Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: underline;
}
a:hover {
font: normal 12px Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
}

img {
margin: 0px;
padding: 0px;
border: 0px;
}

table {
}

tr {
}

th {
font: bold 14px/18px Arial, Helvetica, sans-serif;
color: #000000;
}

td, input, textarea {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #000000;
}

fieldset {
font: bold 12px/18px Arial, Helvetica, sans-serif;

}

/*  ::::::: Main Wrap  ::::::: */

.MainBody {
background: #ffffff url(img/mainbody.jpg) left top repeat-y;
width: 800px;
margin: 0px auto;
}

/* ::::::: Header ::::::: */

.TopOfPage {
background: #ffffff url(img/header.jpg) left top no-repeat;
width: 800px;
height: 172px;
margin: 0px auto;
position: relative;
}

a.HomeLink {
position: absolute;
top: 16px;
left: 0px;
width: 311px;
height: 72px;
}

a.HomeLink span {
display: none;
}

/* ::::::: Modified Suckerfish CSS Dropdown ::::::: */

.ToolBar {
background: transparent; 
text-align: center;
margin: 0px;
padding: 0px;
position: absolute;
top: 77px;
}

ul#nav {/* Main List */
width: 800px;
height: 75px;
display: block;
margin: 0px;
}

ul#nav, ul#nav li ul { /* all lists */
list-style: none;
text-align: center;
}

ul#nav li { /* main list items */
float: left;
position: relative;
width: 160px;
}

ul#nav li a { /* main links */
font: normal 12px/75px Arial, Helvetica, sans-serif;
color: #ffffff;	
text-decoration: none;
display: block;
height: 75px;
}
ul#nav li a:hover {
font: normal 12px/75px Arial, Helvetica, sans-serif;
color: #ffffff;	
text-decoration: none;
display: block;
height: 75px;
}

ul#nav li a.one {
background: transparent url(img/Navigation.gif) 0px 0px no-repeat; 
}
ul#nav li a:hover.one {
background: transparent url(img/Navigation.gif) 0px -75px no-repeat; 
}

ul#nav li a.two {
background: transparent url(img/Navigation.gif) -160px 0px no-repeat; 
}
ul#nav li a:hover.two {
background: transparent url(img/Navigation.gif) -160px -75px no-repeat; 
}

ul#nav li a.three {
background: transparent url(img/Navigation.gif) -320px 0px no-repeat; 
}
ul#nav li a:hover.three {
background: transparent url(img/Navigation.gif) -320px -75px no-repeat; 
}

ul#nav li a.four {
background: transparent url(img/Navigation.gif) -480px 0px no-repeat; 
}
ul#nav li a:hover.four {
background: transparent url(img/Navigation.gif) -480px -75px no-repeat; 
}

ul#nav li a.five {
background: transparent url(img/Navigation.gif) -640px 0px no-repeat; 
}
ul#nav li a:hover.five {
background: transparent url(img/Navigation.gif) -640px -75px no-repeat; 
}

ul#nav li a span {
display: none;
}

ul#nav li ul { /* second-level lists */
background: transparent;
display: none;
position: absolute;
border-top: 1px solid #847B08;
border-right: 1px solid #847B08;
}

ul#nav li ul li {
float: left;
position: relative;
border-bottom: 1px solid #847B08;
border-left: 1px solid #847B08;
width: 160px;
}

ul#nav li ul li a { /*sub links */
background: #ADB552;
font: normal 12px/30px Arial, Helvetica, sans-serif;
color: #240D91;
height: 30px;
}

ul#nav li ul li a:hover {
background: #637B13;
font: normal 12px/30px Arial, Helvetica, sans-serif;
color: #ffffff;
height: 30px;
}

ul#nav li>ul#nav ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

ul#nav li:hover ul, ul#nav li.over ul { /* lists nested under hovered list items */
display: block;
}


/* ::::::: Inner/Right Wrap ::::::: */

.Wrap {
width: 540px;
padding: 20px;
float: right;
}

/* ::::::: Main Content Area ::::::: */

.InnerBody {

}

.welcome {
background: #e8e6f4 url(img/welcome.jpg) left top no-repeat;
border: 1px solid #1d0693;
padding: 10px 20px 20px 20px;
margin: 10px 0px;
}

.welcome p {
color: #2d2d2d;
}

.news-box {
width: 171px;
background: #fcfbe8;
border: 1px solid #f2eb8c;
margin-top: 10px;
margin-bottom: 10px;
float: left;
}

.news-box p {
padding: 10px;
font: normal 11px/18px Arial, Helvetica, sans-serif;
color: #0a1105;
}

/* ::::::: Right Column  ::::::: */

.RightMargin {
display: none;
}

/* ::::::: Left Column ::::::: */

.LeftMargin {
width: 200px;
padding: 20px 0px 20px 20px;
float: left;
}

.LeftMargin p {
font: normal 11px/18px Arial, Helvetica, sans-serif;
color: #2A510F;
}

.sublinks a:link, .sublinks a:active, .sublinks a:visited{
background: transparent url(img/sublink.jpg) left top repeat-x;
border: 1px solid #877d0e;
width: 198px;
height: 18px;
display: block;
color: #2a510f;
text-align: center;
line-height: 18px;
text-decoration: none;
margin: 6px 0px;
}

.sublinks a:hover {
background: transparent url(img/sublink.jpg) left bottom repeat-x;
border: 1px solid #877d0e;
width: 198px;
height: 18px;
display: block;
color: #2a510f;
text-align: center;
line-height: 18px;
text-decoration: none;
margin: 6px 0px;
}

 /* ::::::: Bottom Links ::::::: */
 
.SiteFooter {
background: #ffffff url(img/sitefooter.jpg) left top no-repeat;
text-align: center;
clear: both;
}

.SiteFooter a {
color: #2A510F;
margin: 0px 25px;
}

/* ::::::: Copyright Area ::::::: */

.Footer {
text-align: center;
}

.Footer p {
font-size: 9px;
}