html
    {
      font-weight: normal;
      font-family: Georgia, "Times New Roman", serif; 
      font-style:  normal;
    }

body
    { 
      background-color: white;
    }

form
    {
      background-color: white;
    }


.red   {color: red}
.green {color: green}
.black {color: black}

.shadow  {color: #cccccc }      /* this class is for "shadow" text */

img.middle 
    { 
      vertical-align: middle;
    }

img.arrow
    {
      vertical-align: middle;
      width: 19;
      height: 15;
    }

b, bold, th, h1, h2, h3, h4, h5, h6, .heading
    {
      font-family: "Arial Bold", Verdana, Tahoma, Arial, sans-serif;
      font-weight: bold;
      color: #000066;
    }

.directions { color:blue; font-family:sans-serif}

TD.name
    {
       font-family: "Arial Bold";
       font-size: 100%;
       font-style: "bold, italic";
       
    }
TD.number    
    {
       font-family: "Arial Bold";
       font-size: 90%;

    }
.footer                         /* use for a smaller echo of .heading */
    {
      font-family: "Arial Bold", Verdana, Tahoma, Arial, sans-serif;
      font-weight: bold;
      font-size: 65%;
      color: #000066;
    }

.tooltip
    { 
      position: absolute;
      visibility: hidden;
      left: 0;
      top: 0;
      border-width: 0;
      padding: 2;
      layer-background-color: #ffffcc;
    }