BODY
  {font-family: arial, helvetica, sans-serif;
  text-align: left}

/* standard elements */

H1, H2, H3, H4, H5, H6
  {background-color: #63659C;
   font-family: arial, helvetica, sans-serif;
   border: groove;
   padding: 1px;
   text-align: left;
   color: #ffffcc;
   width: 100%}

H1
  {font-size: 130%;
   text-align: right}

H2
  {font-size: 120%;
  padding-left: 2%}

H3
  {font-size: 110%;
  padding-left: 5%}

H4
  {font-size: 105%;
   padding-left: 7%}

H5
  {font-size: 100%;
   font-style: italic;
   padding-left: 10%;
   }

H6
  {font-size: 90%;
   padding-left: 15%;
   text-decoration: underline}

A
  {text-decoration: none}

A:hover
  {background-color: #ffffcc } 

A.offsite
{color: #660000;
text-decoration: none}

P.title-image
{float: left}

EM
  {color: darkred}

TABLE { border-left: 0% solid #ffffff;
     border-right: 0% solid #cccccc;
     border-bottom: 0% solid #ccccc;

}

TH {border-top: 1px solid #ffffff;
     border-left: 1px solid #ffffff;
     border-right: 1px solid #000000;
     border-bottom: 1px solid #000000;
     color: #003366;
     background: #cccccc;
    }
UL
  {font-family: verdana, helvetica, arial, sans-serif;
   list-style-type: square;
   margin-left: 15%}

UL UL
  {margin-left: 5%}

P.thebanner
  {font-family: impact, sans-serif;
   font-weight: bold;
   font-size: 3em;
   color: slateblue 
  }

.breadcrumb
  {font-size: 60%;
   color: darkred}

.important
  {background-color: #cc3333;
   color: white;
   font-size: 1em;
   text-align: center;
   width: 90%}

.mybutton
 { border-top: 3px solid #ffff99;
     border-left: 3px solid #ffff99;
     border-right: 3px solid #cc9933;
     border-bottom: 3px solid #cc9933;
     color: #003366;
     background: #ffcc33;
     }