
  body
  {
    background-color  : #bbbbff;
    background        : url( "./pageimages/primes.jpg");
    font-family       : Verdana, arial, helvetica, sans-serif;
    font-size         : 9pt;
    text-align        : left;
  }

  pre
  {
    background        : url( "./pageimages/trans_red.png" );
  }

  h2
  {
    font-size         : 13pt;
  }

  /* unvisited link */
  a:link
  {
    color             : rgb(60,0,255);
    text-decoration   : none;
  }

  /* visited link */
  a:visited
  {
    color             : rgb(127,0,200);
    text-decoration   : none;
  }

  /* mouse over link */
  a:hover
  {
    color             : rgb( 127, 0, 255);
    text-decoration   : underline;
  }

  /* selected link */
  a:active
  {
    color             : maroon;
    text-decoration   : none;
  }

  a.anchorspace
  {
    display           : block;
    position          : relative;
    top               : -65px;
    visibility        : hidden;
  }

  table
  {
    background        : none;
    padding           : 0px;
    border            : solid;
    border-collapse   : collapse;
    border-color      : transparent;
    border-width      : 1px;
    font-family       : Verdana, arial, helvetica, sans-serif;
    font-size         : 9pt;
    width             : 96%;
  }

  img
  {
    border            : none;
    margin            : 5px;
  }

  h4
  {
    padding-left      : 3px;
    padding-top       : 3px;
    padding-bottom    : 4px;
  }

  td, th
  {
    padding           : 3px;
    vertical-align    : top;
    text-align        : left;
    border            : solid;
    border-color      : transparent;
    border-width      : 1px;
  }

  ul
  {
    list-style-type     : circle;
    list-style-image    : url( 'pageimages/dot11.png');
    padding-left        : 1.6em;
    padding-top         : 0.2em;
    padding-bottom      : 0.1em;
  }

  ul.columns1{
    list-style-type     : disc;
    columns             : 1;
    -webkit-columns     : 1;
    list-style-position : inside;
    text-align          : justify;
    text-justify        : inter-word;
  }

  ul.columns2{
    list-style-type     : disc;
    columns             : 2;
    -webkit-columns     : 2;
    list-style-position : inside;
    text-align          : justify;
    text-justify        : inter-word;
  }

  ul.columns3{
    list-style-type     : disc;
    columns             : 3;
    -webkit-columns     : 3;
    list-style-position : inside;
    text-align          : justify;
    text-justify        : inter-word;
  }

  ul.columns4{
    list-style-type     : disc;
    columns             : 4;
    -webkit-columns     : 4;
    list-style-position : inside;
    text-align          : justify;
    text-justify        : inter-word;
  }

  li
  {
    margin            : 0px 0px 20px 0px;
  }

  li.obsolete
  {
    color             : rgb(180,180,180);
  }

  td.obsolete
  {
    color             : rgb(180,180,180);
  }

  tr.obsolete
  {
    color             : rgb(180,180,180);
  }

  em.obsolete
  {
    color             : rgb(180,180,180);
  }

  span.obsolete
  {
    color             : rgb(180,180,180);
  }

  .vcenter
  {
    vertical-align    : center;
  }

  .vtop
  {
    vertical-align    : top;
  }

  .columns1 li
  {
    padding-left      : 3px;
    border-left       : 3px solid rgba( 0, 0, 255, 0.1);
  }

  .columns2 li
  {
    padding-left      : 3px;
    border-left       : 3px solid rgba( 0, 0, 255, 0.1);
  }

  li.faq
  {
    font-size         : 11pt;
  }

  ul.faq
  {
    margin            : 0;
  }

  figcaption
  {
    font-size         : 7pt;
  }

  .menu
  {
    position          : fixed;
    left              : 0;
    top               : 0;
    width             : 100%;
  }

  .logo
  {
    margin-top        : -5px;
    margin-bottom     : -10px;
    text-align        : right;
  }

  .wren     { font-variant: small-caps; font-style: italic;         }
  .netmidi  { font-variant: small-caps; font-style: italic;         }
  .settings { font-style  : italic;                                 }
  .graphs   { font-style  : italic;                                 }
  .debug    { font-style  : italic;                                 }

  .green    { background  : url( "./pageimages/trans_green.png" );  }
  .sgreen   { background  : url( "./pageimages/green.png" );        }
  .blue     { background  : url( "./pageimages/trans_blue.png"  );  }
  .white    { background  : url( "./pageimages/trans_white.png" );  }
  .yellow   { background  : url( "./pageimages/trans_yellow.png");  }
  .red      { background  : url( "./pageimages/trans_red.png"   );  }
  .shadowed { box-shadow : 2px 2px 3px 1px #aaa                     }
  .inset    { box-shadow : inset 2px 2px 3px 1px #aaa               }

  .italic   { font-style: italic;                                   }
  .nar      { width       : 12.5%;                                    }
  .war      { width       : 27%;                                    }
  .wide     { width       : 100%;                                   }
  .left     { text-align  : left;                                   }
  .center   { text-align  : center;                                 }
  .right    { text-align  : right;                                  }
  .imgright { float       : right;                                  }
  .imgleft  { float       : left;                                   }
  .clear    { clear       : both                                    }
  .smalltext{ font-size   : 8pt;                                    }

  .imgcenter
  {
    display      : block;
    margin-left  : auto;
    margin-right : auto;
  }

  .listing  { padding     : 2px                                     }
  .bullet   { margin      : 0px;                                    }

  span.key
  {
    padding-left      : 2px;
    padding-right     : 2px;
    background-color  : #ccccff;
    border            : solid;
    border-color      : black;
    border-width      : 1px;
  }

  .eml::before
  {
    content           : attr( d-w) '\0040' attr( d-u);
    unicode-bidi      : bidi-override;
    direction         : rtl;
  }

  .ph::before
  {
    content           : attr( num);
    unicode-bidi      : bidi-override;
    direction         : rtl;
  }

