A {
 COLOR: #FFFFFF; TEXT-DECORATION: underline; FONT-FAMILY: Verdana, Arial, Helvetica;
}
a:hover {
color: #FFFFFF;
TEXT-DECORATION: NONE;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#008000;
    color:#fff;
    }

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

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-35px; left:-50px; width:15em;
    border:1px solid #0cf;
    background-color:#FFF; color:#000;
    text-align: center}


h1 {
margin-left: 50px;

font-size: large;
font-weight: bold;
color: #FFFFFF;
font-family: verdana, arial, geneva, sans-serif;
}
h2 {
font-size: small;
font-weight: bold;
border: none;
color: #FFFFFF;
font-family: verdana, arial, geneva, sans-serif;
}
strong.title {
font-size: small;
font-weight: bold;
color: #000000;
background: #FFFFFF;
font-family: verdana, arial, geneva, sans-serif;
}
td {
font-size: x-small;
color: #000000;
font-family: verdana, arial, geneva, sans-serif;
}
small.update {
font-size: x-small;
font-weight: bold;
color: #999999;
background: #FFFFFF;
font-family: verdana, arial, geneva, sans-serif;
}
#header { top: 0px; left: 70px;}
#left { font-size: x-small; font-family: verdana,arial,helvetica; position: absolute; top: 220px; left: 10px; }
#left2 { font-size: x-small; font-family: verdana,arial,helvetica; position: absolute; top: 220px; left: 150px; }
#right { position: absolute; top: 240px; left: 280px; }
#footer { position: absolute; top: 640px; left: 50px; }
#catheader { position: absolute; top: 15px; left: 120px;}
#titlepos { position: absolute; top: 400px; left: 100px; }
#back {background-image:  url(/images/newcabin-1.jpg);
    background-repeat: no-repeat;
    height: 250px;
    width: 760px;}