A:hover {color:#990033;
  text-decoration:underline;}
A:active{color:#FF0000;
  text-decoration:underline;}
A:link{color:#0000FF;
  text-decoration:underline;}
A:visited{color:#800080;
  text-decoration:underline;}
body { font-family: Arial, Helvetica, sans-serif; 
  font-size: 10pt; text-decoration: 
               none }
div, td, dt, ul, ol, dl, dd { font-family: Arial, Helvetica, sans-serif;
  font-style: normal; 
  font-size: 10pt;
  text-decoration: none }
p { font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: 10pt; 
  text-decoration: none }
h1 { font-family: Arial, Helvetica, sans-serif; 
  font-stye: normal; font-size: 12pt; 
  color: #004022; text-decoration: none }
h2 { font-family: Arial; font-size: 12pt;
  color: #008080;
  font-style: normal;
  text-decoration:none; font-weight: bold; }
h3 { font-family: Arial;
  font-size: 12pt;
  color: #CC0000; text-decoration: none; 
  font-style: italic }
h4 { font-family: Arial, Helvetica, sans-serif;
  color: #004022; font-size: 12pt; 
  text-decoration: none;
  text-align: Left;
  font-weight: bold; 
  margin-top: 1 }
.nav { font-family: MS Sans Serif, Arial, Helvetica, sans-serif;
 font-size: 8pt }

a.info{
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none}

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

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 #0cf;
    background-color:#cff; color:#000;
    text-align: center}