body
{
text-align: center;
font-family: arial;
background-color: #197724;
} 

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

#container
{
background-color: #FFFFFF;
min-height: 100%;
color: #197724;
/* border: 1px solid gray; */
width: 820px;
margin: 20px auto;
text-align: center;
line-height: 130%;
}

#top
{
color: #197724;
padding: 0px;
border-bottom: 2px solid white;
}

#top h1
{
padding: 5px;
margin: 0;
}

#top h3
{
padding-top: 3px;
font-size: small;
margin: 0 0 0 0;
font-style: oblique;
}

#mainnav {
  float: right;
  padding-right: 9px;
}



#mainnav a {
  display: block; 
  text-align: center;
  font-size: x-small;
  padding: 2px; 
  margin: 0 0 0 0;
  text-decoration: none; 
  color: #197724;
  background-color: #ffffff;
  font-weight: bold;
  border-bottom: 2px solid white;
  border-left: 2px solid white;
  border-right: 2px solid white;
}

#mainnav a.active {
  background-color: #197724;
  color: #ffffff;
}

#mainnav ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
}

#mainnav li {
list-style-image: none;
list-style-type: none;
      margin: 0;
      padding: 0;
      float: left;
	  width: 5em;
      margin-right: 0px;
      background: #eee none;
      text-align: center;  
}

#mainnav a:hover {
  background-color: #197724;
  color: #ffffff;
}



#content
{
clear:both;
padding-top: 0em;
margin: 0;
}

#content h1 {
font-size: 75%;
}

#content a {
text-decoration: none;
color: #003300;
}

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

#content table {
font-size: 73%;
text-align: left;
line-height: 130%;
}

#list p {
font-size: 110%;
font-weight: bold;
text-align: left;
border-bottom-width: thin;
border-bottom: 1px solid gray;
}

#footer
{
background-color: #009933;
clear: both;
margin: 2em 0 0 0;
padding: 0.5em;
font-size: 60%;
width: 40%;
float: right;
border-top: 2px solid gray;
text-align: right;
}

#leftnav p { margin: 0 0 1em 0; }
#content h2 {
margin: 0 0 .5em 0;
font-size: 90%;
border-bottom-width: thin;
border-bottom: 1px solid gray;
}