body
{
background-color: rgb(255,224,64);
color: rgb(67,149,208);
font-family: Trebuchet MS, sans-serif;
border-width: 0px;
border-style: none;
border-color: rgb(69,138,187);
}

img
{
padding: 10px;
}

#content
{
font-size: 112%;
background-color: rgb(255,224,64);
color: rgb(0,0,0);
border-width: 0px;
border-style: none;
padding: 20px;
border-color: rgb(0,0,0);
text-align: justify;
}

#menu
{
background-color: rgb(255,224,64);
color: rgb(122,180,221);
font-family: Trebuchet MS, sans-serif;
font-style: normal;
border-color: rgb(82,127,159);
}

a.menuitem
{
font-size: 138%;
background-color: rgb(255,224,64);
color: rgb(55,78,94);
font-variant: normal;
text-transform: none;
font-weight: bold;
margin: 8px;
border-width: 1px;
border-style: solid;
border-color: rgb(255,224,64);
text-align: left;
}

#logo, #logo a
{
font-size: 180%;
background-color: rgb(122,180,221);
color: rgb(22,64,94);
font-family: Trebuchet MS, sans-serif;
font-style: normal;
font-variant: normal;
text-transform: none;
font-weight: normal;
padding: 19px;
border-color: rgb(0,0,0);
text-align: center;
}

#content a
{
color: rgb(55,78,94);
text-decoration: none;
}

#content a:hover, #content a:active
{
background-color: rgb(55,78,94);
color: rgb(255,224,64);
}

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

h1
{
font-size: 167%;
}

h2
{
font-size: 154%;
}

h3
{
font-size: 141%;
}

h4
{
font-size: 128%;
}

h5
{
font-size: 115%;
}

h6
{
font-size: 102%;
}

#menu a
{
text-decoration: none;
}

.menuitem:hover
{
background-color: rgb(55,78,94);
color: rgb(255,224,64);
}

#logo a
{
text-decoration: none;
}

/* layout */
#menu		{width: 20%; position: relative; top: 0; left: 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;}
}