* {
 margin: 0;
 padding: 0;
}
body {
 font-family: arial, helvetica, sans-serif;
 background-color: #00a;
 color: black;
 padding: 2em;
}
#container {
 background-color: white;
 color: black;
 border: 2px solid black;
 margin: 0 auto;
 padding: 1em;
 max-width: 50em; 
}

 #container ul#navigation {
  border: 2px dotted black;
  float: right;
  padding: 0.5em 0.5em 0.5em 1.5em;
  font-weight: bold;
 }
 
 #container dl dt {
  font-weight: bold;
  font-size: 1.2em;
  margin-top: .5em;
 }
 #container dl dd {
  margin-left: 1.5em;
 }

.toplink {
 font-size: .6em;
 vertical-align: top;
}

p {
 margin: .5em;
}

ul {
 margin: 1em;
 padding: 0 1em;
}
ul#featurelist {
 border: 2px dotted black;
 background: #ccccff;
 padding: .5em 1.5em;
 width: 75%;
 margin: 1em auto;
}

code {
 display: block;
 _width: 100%;
 overflow: auto;
 white-space: pre;
 border: 1px dashed black;
 padding: .5em 1em;
}
code em {
 font-weight: bold;
 font-style: normal;
 color: red;
}

acronym {
 color: #900;
 border-bottom: 1px dotted #900;
 cursor: help;
}

@media print {
 body {
  background-color: white;
  padding: 1em;
 }
 #container {
  margin: 0;
  padding: 0;
  border: 0;
 }
}
@media handheld {
 body {
  padding: 0;
 }
 #container {
  margin: 4px 2px;
  padding: 0;
 }
}