/* body {background-color:#40c0c0; color:#000000; font-family:'Helvetica';} */
@media screen {
/*  body {background: rgb(128,128,255)} 
*/
  body {background: black;}


  h1.header {font: bold 250% serif; vertical-align: middle; text-align: center; width: 960px;
    color: gray; font-style: italic; letter-spacing: 0.2em; margin: 0 auto;}

  h1 { font: bold 200% serif; vertical-align: middle; text-align: center;
    color: gray; font-style: italic; letter-spacing: 0.1em;}
  h2 { font: bold 150% serif; vertical-align: middle; text-align: center;
       color: red; font-style: italic; letter-spacing: 0.1em;}
  hr {color:#F66}
  dt {font-weight: bold;}
  dd {margin-bottom: 0.66em;}

  div.content table {position: relative; width:100%; border-color:#F66; 
                     border-top-style: solid; border-bottom-style: solid;}
  div.content th { width: 50%; }
  div.content span {text-decoration:underline; }
  div.content td {vertical-align: text-top; padding: 5px 10px; margin: 5px 10px; border-bottom-style: solid; border-color: #F66;}
  div.content {background: white; width: 960px; margin: 0 auto;}
  div.content {padding: 10px; color: #333; font-family: Arial, sans-serif; border: none;}
  div.content p {margin: 5px 5%; padding: 0; line-height: 1.3;}
  div.content img {margin: 5%;}
  div.content a:link {color: #333;}
  div.content a:visited {color: #333;}
  div.content a:link:hover {color: red;}
  div.content a:visited:hover {color: red;}
  code, pre {font-size: 133%; font-family: monospace;}
}