BODY {background: white;
      color: black;
      font-family: arial, helvetica, sans-serif;
      font-size: 100%
  }

H1, H2, H3, H4, H5  {
    background: yellow;
    color: black;
    text-align: center;
  }

H1  {
    border: double yellow;
  }

UL {
/*   float: center; */
   background: lightyellow;
   color: black;
   padding: 1em;
   border: solid thin yellow;
   list-style: circle outside;
   font-size: 110%;
}

UL UL
  {
  padding: 0em;
  list-style: disc inside;
  font-size: 100%;
}

P {
    margin-left: 3%;
}

PRE {
    float: center;
    whitespace: pre;
    color: black;
    background: #FFF2D7;
    font-family: monospace;
    width: auto;
    border: solid;
    border-color: #F9DFAD;
/*"border: none" and "whitepace: pre"  gives the background a constant right
margin in netscape 4.  With only border the pre property disappears. (?) */
}

.joke{
    color: black;
    background: #FFF2D7;        
    border-color: #F9DFAD;
}

P.pagehead, P.pagetail, P.jokehead {
   text-align: center;
}

SPAN.new {
   color: green;
   fontweight: 900;
   size: large;
}

SPAN.science-category {
   color: red;
   font-style: italic;
}

TABLE {
align: center;
/*margin: 5pt;*/
display: inline-table;
caption-side: top;
background: red;
color: black;
border: groove red seperate;
/*border-spacing: 15 pt;*/
}

TH {
background: pink;
color: black;
}

TD {
background: #FFFBF0;
color: black;
}

TD.total {
border: outset 7pt red seperate;
font-size: 130%;
font-weight: 900;
color: red;
}

CAPTION {
font-variant: small-caps;
font-weight: 700;
border: ridge #FFFBF0;
background: #FFFBF0;
color: black;
}

.less-important {
   font-size: smaller;
   font-weight: lighter;
   font-family: serif;
  }

IMG.left {
float: left;
}

IMG.right {
float: right;
}

IMG.center {
margin-left: 30%;
margin-right: 30%;
}

DIV.center {
text-align: center;
align: center;
}