body {
 margin: 20px 0 0 20px;
 padding: 0;
 background: #039;
 color: #69f;
 font-family: 'Bitstream Vera Sans', Helvetica, Arial, sans-serif;
 font-size: 100%;
}

#header h1 {
 margin: 0 0 0.5em 0;
 padding: 0;
 color: white;
 text-transform: uppercase;
 font-weight: bold;
 font-size: 1.2em;
 letter-spacing: 0.75em;
 border-bottom: 6px double #369;
 white-space: nowrap;
}

#header h1 span {
 color: #369;
 font-weight: normal;
}

#menu {
 position: relative;
  top: 0;
  left: 0;
  z-index: 20;
 text-transform: uppercase;
 font-size: 0.8em;
 letter-spacing: 0.3em;
}

#menu ul, #menu ul li {
 position: relative;
  top: 0;
  left: 0;
  z-index: 50;
 list-style-type: none;
 display: inline;
 margin: 0;
 padding: 0;
}

#menu ul li ul {
 display: none;
 position: absolute;
  top: 1em;
  left: 0;
  z-index: 100;
 margin: 0;
 padding: 0.25em;
 background: #369;
 border: 1px solid white;
 white-space: nowrap;
}

#menu ul li ul li {
 display: list-item;
 list-style-type: none;
 margin: 0;
 padding: 0.5em;
 border: 1px solid white;
}

#menu ul li:hover ul {
 display: block;
}

#content {
 position: relative;
  top: 0;
  left: 0;
  z-index: 16;
 width: 50em;
 height: auto;
}

h1, h3, h5 {
 margin: 2em 0 0 0;
 padding: 0;
 color: white;
 text-transform: uppercase;
 font-size: 1.2em;
 letter-spacing: 0.5em;
 font-weight: normal;
}

h2, h4, h6 {
 margin: 1em 0 0 0;
 padding: 0;
 color: white;
 font-size: 1.2em;
 letter-spacing: 0.1em;
 font-weight: normal;
}

h3, h4 {
 margin-top: 1em;
 padding-left: 20px;
 font-size: 1em;
}

h5, h6 {
 margin-top: 0.5em;
 padding-left: 20px;
 font-size: 0.8em;
 letter-spacing: 1em;
}

#content p {
 margin: 0 0 0.75em 0;
 line-height: 1.5;
 padding: 0 0 0 20px;
}

#footer {
 margin: 2em 0 0 -20px;
 padding: 0.25em 0 0.25em 20px;
 background: #369;
 color: white;
 text-transform: uppercase;
 font-size: 0.6em;
 letter-spacing: 0.2em;
}

a, a:link {
 color: white;
 text-decoration: none;
}

a:visited {
 color: #369;
 text-decoration: none;
}

a:active, a:hover {
 color: white;
 text-decoration: underline;
}

#menu a:link, #menu a:visited {
 color: white;
 text-decoration: none;
}

#menu a:active, #menu a:hover {
 color: #0ff;
 text-decoration: underline;
}

#footer a:link, #footer a:visited {
 color: white;
 text-decoration: underline;
}

#footer a:active, #footer a:hover {
 color: #0ff;
 text-decoration: none;
}

