body
{
background-color:white;
}
#container
{
width: 90%;
margin: 10px auto;
background-color: #fff;
color: #333;
border: 1px solid gray;
line-height: 130%;
}

#top
{
padding: .5em;
background-color: black;
border-bottom: 1px solid gray;
}

#top h1
{
padding: 0;
margin: 0;
}

#leftnav
{
background-color: white;
float: left;
width: 350px;
margin: 0;
padding: 1em;
font-size:18px;
}

#content
{
margin-left:360px;
border-left: 1px solid gray;
padding: 1em;
min-width:400px;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

ul.navbar {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 8em }
ul.navbar li {
border:3px solid;
padding:2px;
border-color:#6cf #2af #2af #6cf;
background:#FFAA00	;
  margin: 0.0em 0;
  padding: 0.3em;
  }
ul.navbar a {
font-size: 14px;
text-decoration:none;
font-weight:bold;
padding:2px;
}
ul.navbar li:hover {
border-color: #2af #6cf #6cf #2af;
} 
a:link {
  color: blue; }
a:visited {
  color:blue; }