body, html {
   margin: 0;
   padding: 0;
   }
body {
   background: #6a6a58;
   color: #000000;
   font: 1em Verdana, Tahoma, Arial, sans-serif;
   text-align: center;
   }

#skip {
   display: none;
   }

#content {
   background: #e8e6e0;
   color: #000000;
   border: solid 1px #d0ccc0;
   padding: 1em;
   margin: 3em auto 2em auto;
   width: 30em;
   text-align: left;
   }
#content h1 {
   margin: 0;
   border-bottom: solid 1px #d0ccc0;
   font: 3em 'Myriad Web', 'Trebuchet MS', Arial, sans-serif;
   line-height: 0.8em;
   margin: 0.1em 0 0.3em 0;
   }
#content p {
   font: 1em Verdana, Tahoma, Arial, sans-serif;
   margin: 0.9em 0 0 0;
   }
#content a {
   text-decoration: none;
   color: #ee2c00;
   padding: 0 0.1em 0 0.1em;
   }
#content a:hover {
   border-bottom: solid 1px #ee2c00;
   }

#navigation {
   background: #ffbf00;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 2em;
   overflow: hidden;
   padding: 0;
   margin: 0;
   list-style: none;
   }
#navigation li {
   display: inline;
   }
#navigation a {
   text-decoration: none;
   font: bold 1em 'Myriad Web', 'Trebuchet MS', Arial, sans-serif;
   color: #620a08;
   background: #ffbf00;
   line-height: 1.9em;
   padding: 0.1em 0.3em 0.1em 0.3em;
   margin: 0 0.3em 0 0.3em;
   }
#navigation a:hover {
   background: #620a08;
   color: #ffffff;
   }

/*
#navigation {
   voice-family: "\"}\""; 
   voice-family:inherit;
   position: fixed;
   }
html>body #navigation {
   position: fixed;
   }
*/