A:link {text-decoration: none; color: white;}
A:visited {text-decoration: none; color: CCCCCC;}
A:active {text-decoration: none; color: white;}
A:hover {text-decoration: underline; color: CCCCCC;}

a.float {
text-decoration: bold; /* definition for the link that will display the layer */
}
a.float:hover {
background: none; /* correction for an IE bug*/
}
a.float span { /* definition of <span> tag included in <a> */
display: none;
}
a.float{
    position:relative; /*this is the key*/
    z-index:24; 
    text-decoration:none}

a.float:hover{z-index:25;}

a.float span{display: none}

a.float:hover span{ /*the span will display just on :hover state*/
display: inline;
position: absolute;
top: -100; /* layer's place and dimension that you can change at will */
left: 20px;
width: 200px;
height: 100px;
background:gray;
text-align: center;}

body 
   {
   background-image:
   url('images/Bckgrnd.gif');
     background-attachment: fixed;
   }
p
   {
   font: 12px tahoma;
   }
.white
   {
   font: 10px tahoma;
   color:white;
   }
.headline
   {
   font: 20px tahoma;
   font-weight: bold;
   color:gray;
   padding-left: 80pt;
   padding-top: 10pt;
   }
.indented
   {
   padding-left: 20pt;
   padding-right: 20pt;
   font: 12px tahoma;   
   }
.topbutton
   {
   padding-left: 100pt;
   padding-right:20pt;   
   }
.icon
   {
   padding-left: 10pt;
   }
.links
   {
   font: 12px tahoma;
   color: white;    
   }