body {
  font: 75% "Georgia","Bitstream Vera Serif","DejaVu Serif",LucidaBright,sans-serif;
  margin: 0; padding: 0;
}
h1, h2, h3, #nav, #copyright { font-family: "Trebuchet MS","Bitstream Vera Sans","DejaVu Sans",sans-serif; }
h1 { margin: 0; }
h1, h2, h3 { color: #666; }
h2, h3 { margin: 0.5em 0 0; }
p, dl, ol, ul { margin-top: 0.5em; margin-bottom: 0.5em; text-align: justify; }
img { border: 0; }
pre, code, samp, tt {
  font-family: "Lucida Console","Bitstream Vera Sans Mono","DejaVu Sans Mono",monospace;
  font-size: 100%;
}
pre { line-height: 1.25; }

#byline { margin: 0 0 1em; }
#copyright { margin: 1em 0; text-align: center; }

.currentLink {  font-weight: bold; }

@media screen {
  body { margin: 0; background: #ddd; }
  #content { margin: 2.5em 0.5em 0.5em; padding: 0 0.5em 0.5em; border: 1px solid black; background: white; }
  #byline, #copyright, #nav { font-size: 0.8em; }
  #nav {
    position: absolute; top: 0.5em; left: 0.5em; margin: 0; padding: 0;
    list-style: none; color: white;
  }
  #nav li {
    line-height: 1; margin: 0 0.2em; padding: 0.4em 0; width: 8em;
    float: left; border: 1px outset #bbb; background: #666; text-align: center;
  }
  #nav a { text-decoration: none; color: white; }
  #nav a:hover { text-decoration: underline; }
}

@media print {
  body { font: 11pt Georgia,Palatino,serif; }
  #byline, #copyright { font-size: 9pt; }
  #nav { display: none; }
}