html, body {
   height: 100%;
}

body {
   margin: 0px;
  margin-bottom: 15px;
   padding: 0px;
   font-family: verdana, arial, helvetica, sans-serif;
   color: white;
   background-color: #333;
   text-align: center;
   /* part 1 of 2 centering hack */
}

#content {
   width: 600px; 
   height: 165%;
   padding: 0px;
   margin-top: 2%;
   margin-right: auto;
   margin-left: auto;
   margin-bottom: 20px;
   /* opera does not like 'margin:20px auto' */
   background: #666;
   border: 1px solid white;
   text-align:left; 
   /* part 2 of 2 centering hack */
   width: 600px; /* ie5win fudge begins */
   voice-family: "\"}\"";
   voice-family:inherit;
   width: 600px;
}

html>body #content {
   width: 602px; /* ie5win fudge ends */
}

#main  {
  width: 400px;
  float: right; 
}

#sidebar  {
  width: 80px;
  float: left;
}

#footer {
   float: left;
   clear: right;
   margin: 10px;
   font-family: arial, helvetica, sans-serif;
   font-size: 0.6em;
   margin-left: 15em;
   color: white;
}

h1{
   margin: 10px;
   padding: 0px;
   font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
   font-size: 0.1em;
   color: #666;
}

h2{
   margin: 10px;
   padding: 0px;
   font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
   font-size: 0.8em;
   color: #FF9900;
}

h3{
   margin: 10px;
   margin-top: -10px;
   padding: 0px;
   font-family: arial, helvetica, sans-serif;
   font-size: 0.8em;
   color: white;
}

h4{
   margin: 10px;
   padding: 0px;
   font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
   font-size: 1.5em;
   color: white;
}

h6{
   margin-top: -10px;
   font-family: arial, helvetica, sans-serif;
   font-size: 0.6em;
   margin-left: 30px;
   color: white;
}

a:link {
   color: white;
}

a:visited {
   color: #ccc;
}

a:hover {
   color:white;
}

ul {
   margin-top: -10px;
   margin-left: 0;
   padding-left: 2em;
}

li {
   margin: 0px;
   padding: 0px;
   font-family: arial, helvetica, sans-serif;
   font-size: 0.8em;
   color: white;
   font-weight: bold;
}