body {
   margin: 0px;
   padding: 0px;
   background-color: #FAF8CC;
}

#header {
   height: 5%;
   background-color: #FFE87C;
   padding: 12px;
   text-align: center;
   font-family: verdana;   
   color: #FF9900;
   font-weight: bold;
   font-size: 120%;
}

#menu {
   float: left;
   width: 100%;
}

#menu ul {
   float: left;
   margin: 0 0 12px 0;
   padding: 0;
   width: 100%;
   list-style: none;
   border: 2px solid #FFCB2D;
   background-color: #F9E9A9;
}

#menu ul li {
   float: left;
   margin: 0;
   padding: 0 1px;
   font-family: sans-serif;
   font-size: 90%;
}

#menu ul a {
   float: left;
   display: block;
   padding: 4px 8px;
   color: #333;
   text-decoration: none;
   border-bottom: none;
}

#menu a:hover, #menu ul a.active {
   color: #333;
   padding-bottom: 5px;
   border-color: #727377;
   background: #fff;
}

#content {
   float: left;
   margin: 5px 10px 0px 20px;
   width: 85%;
}

#content h2 {
   text-align: center;
}

#content h4 {
   color: orange;
   margin: 5px 0 0 0;
   padding: 5px 0 0 0;
}

#content a {
   text-decoration: none;
   color: blue;
}

#content a:visited {
   color: blue;
}

#content ul {
   list-style: none;
   margin: 3px;
   padding: 2px;
   font-size: 90%;
}

#content li {
   list-style: none;
   padding: 0 0 0 5px; 
}

#content ol li {
   list-style: decimal;
   padding: 0 0 0 5px; 
}


#footer {
   clear: both;
   background: #FFCB2D;
}