/* this was strongly informed by the random creations at StrangeBanana (http://www.strangebanana.com)*/
body
{
background-color: black;
color: rgb(200,200,140);
font-family: Arial, Helvetica, sans-serif;

}

#content
{
font-size: 106%;
background-color: rgb(0,0,0);
color: rgb(200,200,140);
border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px;
border-left-style: none; border-right-style: none; border-top-style: none; border-bottom-style: none;
padding: 10px 10px 30px 30px;
border-color: rgb(0,0,0);
text-align: left;
}

#menu
{
background-color: rgb(85,120,25);
color: rgb(200,200,140);
font-family: stencil;
font-style: normal;
border-color: rgb(200,200,140);
}

a.menuitem
{
font-size: 144%;
background-color: rgb(90,60,60);
color: rgb(200,200,140);
font-variant: normal;
text-transform: none;
font-weight: normal;
margin-left: 4px; margin-right: 4px; margin-top: 4px; margin-bottom: 4px;
padding: 4px 4px 4px 4px;
border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px;
border-left-style: none; border-right-style: none; border-top-style: none; border-bottom-style: none;
border-color: rgb(200,200,140);
text-align: left;
}

#logo
{
font-size: 170%;
background-color: rgb(85,120,25);
background-image: url(gophergrenadier.jpg);
background-attachment: scroll;
background-position: top left;
background-repeat: no-repeat;
color: rgb(90,60,60);
font-family: stencil;
font-style: normal;
font-variant: normal;
text-transform: none;
line-height: 250%;
height: 286px;
padding: 10px;
margin: 10px 10px 10px 10px, 
border-color: rgb(200,200,140);
text-align: right;
}

#logo a
{
font-size: 170%;
background-color: rgb(85,120,25);
background-repeat: no-repeat;
color: rgb(90,60,60);
font-family: stencil;
font-style: normal;
font-variant: normal;
text-transform: none;
padding: 10px;
margin: 10px 10px 10px 10px, 
border-color: rgb(200,200,140);
text-align: right;
}


#trail, #trail a
{
font-size: 120%;
background-color: rgb(0,0,0);
color: rgb(200,200,140);
font-style: normal;
font-variant: normal;
text-transform: none;
font-weight: normal;
border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px;
border-left-style: none; border-right-style: none; border-top-style: none; border-bottom-style: none;
padding: 17px 17px 17px 17px;
border-color: rgb(200,200,140);
text-align: right;
}

#content a
{
color: rgb(116,181,208);
text-decoration: underline;
}

#content a:hover, #content a:active
{
background-color: rgb(116,181,208);
color: rgb(0,0,0);
}

h1, h2, h3, h4, h5, h6
{
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: small-caps;
text-transform: none;
font-weight: normal;
}

h1
{
font-size: 161%;
}

h2
{
font-size: 149%;
}

h3
{
font-size: 137%;
}

h4
{
font-size: 125%;
}

h5
{
font-size: 113%;
}

h6
{
font-size: 101%;
}

#menu a
{
text-decoration: none;
}

.menuitem:hover
{
background-color: rgb(200,200,140);
color: rgb(0,0,0);
}

#trail a
{
text-decoration: underline;
}

#logo a
{
text-decoration: none;
}

#trail a:hover
{
}

/* layout */
#menu		{width: 20%; position: relative; top: 0; right: 0; float: left; text-align: center;}
.menuitem		{width: auto;}
#content		{margin-left: 20%; width: auto}
.menuitem		{display: block;}


@media print
{
#menu       {display: none;}
#content    {padding: 0px;}
#content a  {text-decoration: underline;}
}