BODY {
    background-image:url(wb00760_.gif);
    background-color:#FFFFEA;
    color:#666666;
    font-family:arial,helvetica,verdana;
    }

BODY.NOMARG {
    border: 0 ;
    margin: 0 ;
    padding: 0 ;
    }

/* It seems Netscape 4 does not inherit quite the same as Explorer,
the body tag alone works for explorer, with netscape you need the
others also and also likely some more too.
  BODY {color:green;}
  TR {color:green;}
  TD {color:green;}
  TABLE {color:green;} */

/*     font-family: veranda, arial, helvetica;
    text-color:yellow;
    font-color:red;
    font-size: 10pt;
    font-weight: 200; */


/*   font-size: smaller; */
/* border-color:#003366; */
/*    border-color:rgb(80%, 80%, 80%) */
 TABLE.smaller {
    border-color:#CCCCCC;
    padding: 15px;
    }

/* This is required for Netscape only, table above is sufficient for explorer */
  .smaller {
    font-size: x-small;
  }

/* the margin-left in the following helps netscape only */
/* the padding-right in the following helps explorer only */
  TD.ScrollUp {
    background-image: url(scrollup.gif); /* scroll up for menus */
    background-repeat: repeat-y;
    margin-left: 30px;
    padding-right: 30px;
  }

/* color: teal; */
/*  removed this as netscape gets confused with it
    margin: 20; */

/* Netscape 4 doesn't like this one, by putting it separate from the
*  other attributes Netscape can see and use them, this will be
*  ignored. All will be used by Internet Explorer
*/
  H1, H2, H3, H4, H5, H6   {
    font-family:comic sans ms, helvetica;
  }

/*
* margin-left/right required to make it cover width of the screen,
* problem is within a table NS4 uses the screen width rather than cell
* width, this causes a horizontal scroll bar to be required!
*/
  H1, H2, H3, H4, H5, H6   {
    color: #003366;
    border:inset;
    background-color: rgb(80%, 80%, 80%);
    font-style: italic;
    border-color: #222222;
    border-width: 1px 1px 1px 3px;
    margin-left: 0;
    margin-right: 0;
  }

  TH {
    color: #003366;
    background-color: rgb(80%, 80%, 80%);
    font-style: italic;
    border-color: #003366;
  }

  TD {
    color: #003366;
    border-color: #003366;
  }

TABLE.highlight {
  background-color: #66DDDD;
  color: #66DDDD;
  padding: 10px;
  }
  
.banner {
  background-color: rgb(80%, 80%, 80%);
  text-decoration:none;
  font-size:x-small;
  font-family: geneva,arial,verdana,sans-serif;
  color: #505050;
  }
.banner A:link    { color: #505050; background: transparent; text-decoration:none; } 
.banner A:visited { color: #505050; background: transparent; text-decoration:none; }
.banner A:hover { color: #FF0000; background: transparent; text-decoration: underline; }  

/*   UL     { cursor: hand; } */
/*  LI   {list-style-type: upper-alpha;}
  UL LI   {list-style-type: upper-alpha;}
  UL UL LI   {list-style-type: decimal;}
  UL UL UL LI   {list-style-type: lower-roman;} */
  BR.page { page-break-after: always;}


MENU A    { text-decoration: none; }
A:link    { color: #00E; background: transparent; } 
A:active  { color: #F00; background: transparent; }
A:visited { color: #909; background: transparent; }
A:hover   { color: #F00; background: transparent; }
A:focus   { color: #F00; background: transparent; 
            text-decoration: underline;
          }
/* if you add these to hover it looks neat but the screen must re-adjust to
the larger font, response becomes very slow so dont do it
            font-weight:bold; 
            font-style:italic; */