body {position: relative; background: #BDB76B; margin: 0 0 10px 0; padding: 0; text-align: justify;}

a:link {color: #556B2F; text-decoration: none;}
a:visited {color: #556B2F; text-decoration: none;}
a:link:hover {color: #FFFFF0; background: #8B0000; text-decoration: none;}

div#links {position: absolute; top: 25px; left: 0; width: 150px; height: 700px; font: 12px Verdana, sans-serif; z-index: 100;}
div#links a {display: block; text-align: center; font: small-caps bold 1em sans-serif; 
   padding: 5px 10px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: #000; background: #FFFFF0;
   border-right: 5px solid #556B2F;}
div#links a:hover {color: #FFFFF0; background: #556B2F;
   border-right: 5px double #BDB76B;}
div#links a#here {color: #FFFFF0; background: #8B0000;
   border-right: 5px solid #556B2F;}

div#links a span {display: none;}
div#links a:hover span {display: block;
   position: absolute; top: 271px; left: 0; width: 125px;
   padding: 5px; margin: 2px; z-index: 100;
   border: 3px double #556B2F;
   color: #000;
   font: 10px Verdana, sans-serif; 
   text-align: center;}

div#content {position: absolute; top: 25px; left: 145px; right: 25px;
   color: black; background: #FFFFF0; 
   font: smaller Verdana, sans-serif; padding: 10px; 
   border: solid 5px #556B2F;}

div#content h1 {margin: -9px -9px 0.5em; padding: 15px 2px 5px 0; text-align: right; background: #8B0000; color: #FFFFF0; letter-spacing: 0.5em; font: small-caps bold 25px sans-serif; height: 28px; vertical-align: middle; white-space: nowrap;}
div#content h3 {margin-bottom: 0.25em; color: #8B0000;}
div#content blockquote {display: block; margin: 10px -10px; padding: 5px; font-style: italic; color: #556B2F; border-bottom: 5px double #556B2F; text-align: center;}
div#content .txtqt {display: block; margin: 0px 20px; padding: 5px; color: black; text-align: justify; border: 0;}
div#content p {margin: 0 1em 1em;}
div#content dfn {color: #8B0000; cursor: help;}
div#content hr {color: #556B2F; width: 90%; text-align: center;}
div#content img {margin: 1em;}

.poem {display: block; text-align: center; background-color: #BDB76B; border: 3px double #556B2F; clear: both; margin: 10px 20%; padding: 1em 0;}
.green {font-weight: bolder; font-variant: small-caps; color: #556B2F;}
.sub {color: #556B2F; font-weight: bold;}
.center {text-align: center;}

#navcontainer
{
background: #556B2F;
margin-top: 25px;
margin-left: -10px;
border-top: 1px solid #BDB76B;
font: small-caps normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#navlist
{
list-style: none;
margin: 0;
padding: 0;
}

@media all {
#navlist {
text-align: center
}
}

#navlist li
{
bottom: 12px;
display: inline;
line-height: 1.2em;
margin: 0;
padding: 0;
position: relative;
}

html>body #navlist li
{
background: #000;
margin: 0 3px 0 0;
padding: 4px 0px 4px 0;
}

#navlist a, #navlist a:link, #navlist a:visited
{
background: #8B0000;
border: 1px solid #FFFFF0;
bottom: 2px;
color: #FFFFF0;
cursor: pointer;
display: inline;
height: 1em;
margin: 0;
padding: 3px 5px 3px 5px;
position: relative;
right: 2px;
text-decoration: none;
}

#navlist a:hover
{
background: #BDB76B;
bottom: 1px;
color: #556B2F;
position: relative;
right: 1px;
}

#navlist a:active
{
background: #FFFFF0;
bottom: 0px;
color: #8B0000;
position: relative;
right: 0px;
}

#navlist li#active
{
bottom: 14px;
display: inline;
margin: 0 3px 0 0;
padding: 0;
position: relative;
}

html>body #navlist li#active
{
background: #000;
margin: 0 4px 0 4px;
}

#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover
{
background: #556B2F;
border-bottom: none;
border-left: 1px solid #BDB76B;
border-right: 1px solid #BDB76B;
border-top: 1px solid #BDB76B;
bottom: 0;
color: #FFFFF0;
cursor: text;
margin: 0;
padding: 2px 5px 0 5px;
position: relative;
right: 0;
}