body {
  margin: 2em 1em 2em 60px;
  font-family: sans-serif;
  color: black;
  background: white;
  background-position: top left;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-image: url(./lssho.png);
}

.block { margin-bottom: 4px; }

.pos { background: #efefef; font-style: italic; }

.bb { border: 1px solid #efefef; padding: 4px; }

.centerp { text-align: center; }

:link { color: #00C; background: transparent }
:visited { color: #609; background: transparent }
:active { color: #C00; background: transparent }

th, td { /* ns 4 */
  font-family: sans-serif;
}

h1, h2, h3, h4, h5, h6 { text-align: left; }
h1, h2, h3 { background: white }
h1 { font: 170% sans-serif }
h2 { font: 140% sans-serif; background: #dddddd; margin-top:0px; }
h3 { font: 120% sans-serif }
h4 { font: bold 100% sans-serif }
h5 { font: italic 100% sans-serif }
h6 { font: small-caps 100% sans-serif }
td.tablehead { font: bold 100% sans-serif }
td,p,ul { font: 100% 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; border: none }

img { color: white; border: none }

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

@media screen {
a:hover { background: #ffa } 
}

pre { margin-left: 2em }

dt, dd { margin-top: 0; margin-bottom: 0 }

dt { font-weight: bold }

pre, code { font-family: monospace }

ul.toc {
  list-style: disc;
  list-style: none;
}

@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 } 
}