body         { font-family: Verdana, Arial, Helvetica, sans-serif; 
               margin-top: 0; margin-left: 0;
               font-size: 10pt
             }
             
p            { font-family: Verdana, Arial, Helvetica, sans-serif;
               font-size: 10pt
             }

table        { font-family: Verdana, Arial, Helvetica, sans-serif;
               font-size: 10pt
             }

td           { font-family: Verdana, Arial, Helvetica, sans-serif;
               font-size: 10pt
             }

ul           { font-family: Verdana, Arial, Helvetica, sans-serif;
               font-size: 10pt
             }

ol           { font-family: Verdana, Arial, Helvetica, sans-serif;
               font-size: 10pt
             }

blockquote   { font-family: Verdana, Arial, Helvetica, sans-serif;
               font-size: 10pt               
             }
            
h1           { font-family: Verdana, Arial, Helvetica, sans-serif; 
               font-size: 14pt;
               font-weight: bold; 
               color: #660066
             }

h2           { font-family: Verdana, Arial, Helvetica, sans-serif; 
               font-size: 12pt; 
               font-weight: bold;
               color: #660066
             }

h3           { font-family: Verdana, Arial, Helvetica, sans-serif; 
               font-size: 11pt; 
               font-weight: bold;
               color: #660066;
               margin-bottom: 0px
             }
             
h4           { font-family: Verdana, Arial, Helvetica, sans-serif; 
               font-size: 10pt; 
               font-weight: bold;
               color: #660066;
               margin-bottom: 0px
             }

h5           { font-family: Verdana, Arial, Helvetica, sans-serif; 
               font-size: 10pt; 
               color: #660066
             }
             
h6           { font-family: Verdana, Arial, Helvetica, sans-serif; 
               font-size: 9pt; 
               font-weight: bold;
               color: #660066
             }

.footer      { font-family: Verdana, Arial, Helvetica, sans-serif;
               font-size: 8pt;
               color: #660066
             }

a.footer:link { font-family: Verdana, Arial, Helvetica, sans-serif;
               font-size: 8pt;
               text-decoration: none
             }

a.footer:visited { font-family: Verdana, Arial, Helvetica, sans-serif;
               font-size: 8pt;
               text-decoration: none
             }

a:link       { font-family: Verdana, Arial, Helvetica, sans-serif;
               font-size: 10pt;
               text-decoration: underline
             }

a:visited    { font-family: Verdana, Arial, Helvetica, sans-serif;
               font-size: 10pt;
               text-decoration: underline
             }
             
a.clickable  { text-decoration: none;
                  color: red
             }
             
a.clickable:hover { text-decoration: underline;
                   color: blue
              }
              
a.info{
    position:relative; /*this is the key*/
    z-index:24;
    }

a.info:hover  { z-index:25; background-color:#FFF }

a.info span  { display: none }

a.info:hover span  {   /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #00F;
    background-color:#FFF; color:#000;
    font-size: 8pt;
    text-decoration: none;
    text-align: left
    }