/* CSS Document */
body
{
background-color: #99CC66;

font-family: georgia, serif;
}

#masthead 	
{
width: 100%;
background-color: #336600;
text-align: left;
/*position: absolute;
left: 9px;
top: 0px;*/
}

#nav 		
{
position: absolute;
left: 10px;
top: 124px;
}

#content 	
{
/*position: absolute;
top: 100px;
left: 220px;
right: 220px;*/
margin-left: 220px;
margin-right: 220px;

}

#footer 	
{
margin-top: 20px;
width: 100%;
/*background-color: #336600;*/
text-align: left;
clear: both;
}
p
{
font-size: 1.1em;
font-weight: 200;
}

li
{
font-size: 1.1em;
font-weight: 200;
}

a
{
color: #336600;
}

h2
{
font-weight: 500;
}

h5
{
color: #336600;;
font-weight: bold;
padding-left: 220px;
}
h5 a
{
color: #336600;
}
h5 a:hover
{
color: #000000;
}

.thumb
{
width: 33%;
float: left;
text-align: left;
}

img
{
border: 1px solid #336600;
}

#spacer
{
padding-top: 20px;
clear: both;
}

#leftimage
{
float: left;
padding-bottom: 16px;
padding-right: 16px;
}
#rightimage
{
float: right;
}


#navcontainer
{
background: #FFFFFF;
/*width: 30%;*/
/*margin: 0 auto;*/
/*padding: 1em 0;*/
font-family: georgia, serif;
font-size: 1em;
font-weight: bold;
text-align: left;
/*text-transform: lowercase;*/
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
/*width: 70%;*/
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em;
border-width: 1px;
border-color: #777 #aaab9c #777 #777;
border-style: solid;
color: #336600;
text-decoration: none;
background: #99cc66;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #336600;
color: #ffffff;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #000000;
background: transparent;
border-color: #aaab9c #ccc #ccc #ccc;
}