body {margin: 0;
padding: 0;
background-color: #ffcc33;
font-family: sans-serif;
font-size: 1em;
}

div#header {padding: 2%;
text-align: center;
background-color: #cccccc;
color: #0000ff;
border-bottom: ridge thick;
font-size: 1.2em;}

div#footer {padding: 2%;
text-align: center;
clear: both;
margin-left: 0;
background-color: #cccccc;
color: #0000ff;
}

#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #6600cc;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #6600cc;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #9933ff;
color: #fff;
}

div#maincontent {padding: 2%;
text-align: justify;
margin-top: 4%;
margin-left: 28%;
position: static;
background-color: #ffcc33;
color: #330066;
font-size: 1.1em;}

div#h1 {padding: 2%;
text-align: center;
margin-top: 2%;
position: static;
background-color: #ffcc33;
color: #660099;
font: bold x-large Arial, sans-serif;
}

div#leftcolumn {padding: 2%;
float: left;
margin-top: 6%;
text-align: center;
line-height: 1.3;
background-color: #ffcc33;
color: #330066;
width: 225px;
font-size: 1em;}