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

/* standard elements */

H1, H2
  {background-color: #204478;
   font-family: arial, helvetica, sans-serif;
   border: groove;
   padding: 1px;
   text-align: center;
   color: #ffffcc;
   width: 100%}


H3, H4, H5
  { color: #204478;
   font-family: arial, helvetica, sans-serif;
   text-align: center;
   width: 100%}

H1
  {font-size: 130%;
 }

H2
  {font-size: 120%;
  }

H3
  {font-size: 110%;
  }

H4
  {font-size: 105%;
  }

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

H6
  {font-size: 100%;
   color: #204478;
   font-family: arial, helvetica, sans-serif;
   text-align: center;
  
   }


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: 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;
     }