body {
   font-size: 12px;
   background: #E7FFFF;
   font-family: Verdana, Arial, Sans-Serif;
   margin: 0;
}

div#Header {
   top: 0;
   left: 0;
   width: 100%;
   height: 100px;
   position: absolute;
   text-align: center;
   color: #FFFF66;
   background: #330066;
   border-bottom: solid 1px #fd0;
}

div#Navigation {
   left: 0;
   top: 100px;
   width: 200px;
   position: absolute;
}

div#Content {
   margin-top: 100px;
   margin-left: 200px;
   padding: 6px 12px 0 0;
   margin-right: 130px;
}

div#Supplemental {
   padding: .5em;
   margin-top: 1em;
   background: #FFFF66;
   font-weight: bold;
   margin-right: 12px;
   text-align: center;
   border: solid 1px #369;
   top: 100;
   right: 0;
   margin: 0;
   bottom: 0;
   width: 120px;
   position: absolute;
}

h1 {
   font-size: 24px;
   margin-left: 16px;
   line-height: 60px;
}

p {
   margin: 0 0 1em;
}

div#Navigation ul {
   margin: 0;
}

div#Navigation ul li {
   list-style: none;
}

div#Navigation ul li a {
   color: #FFFF66;
   padding: .5em;
   display: block;
   background: #330066;
   font-weight: bold;
   margin: .5em 1em 0;
   text-align: center;
   text-decoration: none;
   border: outset 2px #fd0;
}

div#Navigation ul li a:hover {
   background: #69c;
   border: solid 2px #fd0;
   text-decoration: underline;
}