html, body {
 margin: 0;
 padding: 0;
 font-family: sans-serif;
 font-size: medium;
 background-color: #999;
 color: #999;
}

body {
 padding: 1em;
}

div.text {
 position: absolute;
 z-index: 1;
 left: 15em;
 top: 1em;
 background: #ffe;
 color: #000;
 padding: 0.5em;
 margin-right: 1em;
 line-height: 1.5;
}

ul#menubar {
 position: absolute;
 z-index: 10;
 width: 12em;
 margin: 0 1em 1em 0;
 padding: 0;
 vertical-align: top;
 overflow: visible;
 background-color: #600;
 color: #ffc;
 list-style-type: none;
}

ul.menudropdown {
 z-index: 5;
 position: absolute;
 width: 12em;
 left: 10em;
 margin: -2pt 0 0 0;
 padding: 0;
 border: 1px solid #fff;
 background-color: #600;
 color: #ffc;
 visibility: hidden;
 list-style-type: none;
}

li.menuitem {
 padding: 2pt;
 margin: 0;
 border-color: #600;
 border-style: outset;
 border-width: 1px;
 background-color: #600;
 color: #ffc;
 font-family: sans-serif;
 font-size: small;
 text-align: left;
 font-weight: normal;
 overflow: hidden;
}


li.menuitem:hover {
 background-color: #003;
}

li.menuitem:hover > ul.menudropdown {
  visibility: visible;
}

li.menuitem a {
 padding: 0;
}

li.menuitem a:link, li.menuitem a:visited, li.menuitem a:active  {
 background-color: transparent;
 color: #ffc;
 text-decoration: none;
}

li.menuitem a:hover, li.menuitem a:focus  {
 background-color: #003;
 color: #ffc;
 text-decoration: none;
}


img.right {
 border: 0;
 float: right;
 position: relative;
 display: block;
 padding: 1mm;
 clear: right;
}