body {
  margin: 2em 2em 2em 10px;
  font-family: Verdana, Arial, Homerton, sans-serif;
  color: black;
  background: #FFFFFF;
  background-position: 25mm 8mm;
  background-attachment: fixed;
  background-repeat: no-repeat;
}
:link { color: #0000CC; background: transparent }
:visited { color: #9999FF; background: transparent }
a:active { color: #FF00CC; background: transparent }

th, td { /* ns 4 */
  font-family: sans-serif;
}
/* 24pt=200%, 18pt=150%, 14pt=120%, 10pt=80%, 8pt=60% where 12pt is 100% or medium in MSIE6 */

h1 { color: #BF0033; background: transparent }
h2, h3, h4, h5, h6 { color: #000000; background: transparent }
h2 { text-align: center }
h1, h3, h4, h5, h6 { text-align: left }
h1 { font: bold 200% Verdana, Arial, Helvetica, Homerton, sans-serif }
h2 { font: bold 150% Verdana, Arial, Helvetica, Homerton, sans-serif }
h3 { font: bold 120% Verdana, Arial, Helvetica, Homerton, sans-serif }   
h4 { font: bold italic 120% Verdana, Arial, Helvetica, Homerton, sans-serif }   
h5 { font: bold 80% Verdana, Arial, Helvetica, Homerton, sans-serif }    
h6 { font: bold italic 100% Verdana, Arial, Helvetica, Homerton, sans-serif }    

.hide { display: none }

div.head { margin-bottom: 1em }
div.head h1 { margin-top: 2em; clear: both }
div.head table { margin-left: 2em; margin-top: 2em }
div.head img { color: white; background: transparent; border: none } /* remove border from top image */

p.copyright { font-size: small }
p.copyright small { font-size: small }

pre, code { font-family: monospace }

@media aural {  
  h1, h2, h3 { stress: 20; richness: 90 }
  .hide { speak: none }
  p.copyright { volume: x-soft; speech-rate: x-fast }
  dt { pause-before: 20% }
  pre { speak-punctuation: code } 
}

body {
  background-image: url("sythe.gif") 
}