body{
   color:black;
   font-family: arial,helvetica,sans-serif;
   margin-top:0px;
   margin-left:5px;
   margin-right:0px;
   margin-bottom:0px;
   border:0 none transparent;
   vertical-align:top;
   background-color:white;
}
H1{
   color:white;
   background-color:#888888;
   font-size: 150%;
   padding-left:20px;
}

H2{
   color:#555555;
   background-color:#DDDDDD;
   font-size: 120%;
   margin-left:20px;
   margin-right:20%;
   padding-left:20px;
}

#title {
   position:relative;
   width:100%;
   height:60px;
   border:0 none transparent;
   background-color:white;
   padding:10px;
   z-index:2;
   /* Again, the ugly brilliant hack. */
   voice-family: "\"}\"";
   voice-family:inherit;
}
.content {
   position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
   width:auto;
   min-width:120px;
   margin:20px 170px 20px 20px;
   border:1px solid black;
   background-color:white;
   padding:10px;
   z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
}
#nav {
   position:absolute;
   width:100px;
   top:100px;
   right:20px;
   border:1px dashed black;
   background-color:#eee;
   padding:10px;
   z-index:1;
   /* Again, the ugly brilliant hack. */
   voice-family: "\"}\"";
   voice-family:inherit;
}
a.menu{
   text-decoration:none;
   color:#000000;
}
a{
   color:#555555;
}
img{
   border:0 none transparent;
}

img.logo{
   position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
   float:left;
   width:auto;
   height:auto;
   max-width:100px;
   margin:5px 5px 5px 5px;
   border:1px solid black;
   background-color:white;
   padding:10px;
   z-index:1; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
   border:0 none transparent;
}