body {
   background-color:#C90;
   color:#FFFFFF;
   font-family:"Trebuchet MS",sans-serif;
   font-size:10px;
}
 
a:link { color:#ffffff; text-decoration:none; }
a:visited { color:#ffffff; text-decoration:none; }
a:active { color:#ffffff; text-decoration:none; }
a:hover { color:#A70; text-decoration:none; }

#maincontainer {
left: 150px;
width: 500px;
top: 10px;
position: absolute; 
font-family: "Trebuchet MS",sans-serif;
color: #FFFFFF;
}


#navcontainer { 
width: 75px; 
left: 10px;
top: 10px;
position: relative; 
}

#navcontainer ul
{
margin-left: 0px;
padding-left: 0px;
list-style-type: none;
font-family: "Trebuchet MS",sans-serif;
text-align: center;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 75px;
background-color: #DA0;
color: #FFFFFF;
border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navlist a:visited
{
color: #FFFFFF;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #A70;
color: #FFFFFF;
}

a.info{
    position:relative;
    z-index:24; color:#FFFFFF;
    color:#FFFFFF;
    text-decoration:none}

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

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:8em;
    border:1px solid #DA0;
    background-color:#A70; color:#FFFFFF;
    text-align: center
}