body {background-color: #225284; margin-top: 8px;}

a:link      {text-decoration:none; color: #225284; background: transparent;}
a:visited   {text-decoration:none; color: #225284; background: transparent;}
a:hover     {text-decoration:none; color: #549fe4; background: transparent;}
a:active    {text-decoration:none; color: #549fe4; background: transparent;}

a.menu:link {color: #225284;}
a.menu:visited {color: #225284;}
a.menu:hover {color: #549fe4;}
a.menu:active {color: #549fe4;}

a.hovertip:link {color: black; outline: none;}
a.hovertip:visited {color: black; outline: none;}
a.hovertip:hover {color: black; outline: none;}
a.hovertip:active {color: black; outline: none;}

a.pp:link {color: #555; outline: none;}
a.pp:visited {color: #555; outline: none;}
a.pp:hover {color: gray; outline: none;}
a.pp:active {color: gray; outline: none;}

.hovertip
{
   position:relative; /*this is the key*/
}

.hovertip:hover
{
   z-index:25;
}

.hovertip span
{
   display: none;
}

.hovertip:hover span
{ /*the span will display just on :hover state*/
   display:block;
   position:absolute; /* */
   padding: 2px;
   position: absolute;
   top: -2em; left: 0em; white-space: nowrap;
   border-top: 2px solid #225284;
   border-bottom: 2px solid #225284;
   border-left: 1px solid #225284;
   border-right: 1px solid #225284;
   background-color: #eaeaea; color: #225284;
   text-align: left;
}

.blue_button {background:#AEC0D2; color:#225284; font-weight:bold;
              padding: 0px 6px 0px 4px;}

.blue_button:hover {color: #549fe4;}

.button
{
   background: #225284; color: #ccc;
   font-family: arial, helvetica, sans-serif;
   font-weight: bold;
   padding: 0px 4px 0px 2px;
}

.button:hover
{
   background: #437FB6; color: #eee;
}

/* text block class definitions */

h1 {font-family: verdana, arial, helvetica, sans-serif; color: black;
       font-size: 14px; font-style: normal; margin-bottom: 0;}

.eightpttext {font-family: verdana, arial, helvetica, sans-serif;
       font-size: 8pt; font-style: normal;}

.ninepttext {font-family: verdana, arial, helvetica, sans-serif; color: black;
       font-size: 9pt; font-style: normal;}

.tenpttext {font-family: verdana, arial, helvetica, sans-serif; color: black;
       font-size: 10pt; font-style: normal;}

.smalltext {font-family: verdana, arial, helvetica, sans-serif;
       font-size: 10px; font-weight: normal; font-style: normal;}

.largetext {font-family: verdana, arial, helvetica, sans-serif; color: black;
       font-size: 14px; font-style: normal;}

.tinytext {font-family: arial, helvetica, sans-serif;
       font-size: 9px; font-weight: normal; font-style: normal;}