/* Holly Jebb's CSS External Stylesheet */

body { background-color: #229B22; } 

#container
{
width: 100%;
margin: 5px auto;
background-color: #229B22;
color: #229B22;
border: 1px black;
line-height: 130%;
}
#top
{
padding: .5em;
background-color: #229B22;
color:#FF00FF;
border-bottom: 1px solid black;
}

#top h1
{
padding: 6;
margin: 0;
color: #006600;
background-color: #99FFFF;
font-family: Garamond, "Trebuchet MS", serif;
}

#leftnav
{
float: left;
width: 0px;
height: 695px; 
/* These dimensions work in Firefox
width: 218px;
height: 995px; 
*/
margin: 0;
background-color: transparent;
/* background-color: #229B22; */
padding: 1em;
font-family: Garamond, "Trebuchet MS", serif;
}

#content
{
margin-left: 250px;
border-left: 1px solid black;
padding: 1em;
color: blue;
background-color:#AFEEEE;
font-family: Garamond, "Trebuchet MS", serif;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: blue;
background-color: #99FFFF;
border-top: 1px solid black;
font-family:"Courier New", Courier, mono, sans-serif; font-size: 9px;
}

#footer a
{
clear: both;
margin: 0;
padding: .5em;
background-color: transparent;
color: red;
border-top: 1px solid black;
}

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

#navcontainer li { margin: 0; }
#navcontainer a
{
display: block;
color: blue;
background-color: yellow;
width: 12em;
padding: .2em .8em;
text-decoration: none;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #036;
border-bottom: 1px solid #036
}


#active a
{
background-color: green;
color: maroon;
border-top: 1px solid #036;
border-left: 1px solid #fff;
border-right: 1px solid #036;
border-bottom: 1px solid #fff;
}

#navcontainer a:hover
{
background-color: #00FFFF;
color: #FF0000;
border-top: 1px solid #036;
border-left: 1px solid #036;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}

#content h2 { margin: 0 0 .5em 0; background-color: transparent; 
color: #00CC66;
}