html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0px;
	font-family: arial;
	font-size: 12px;
}

img {
	border: 0px;
}

a.nav {
	color: #00569b;
	font-weight: bold;
}

a:hover.nav {
	color: #00569b;
	font-weight: bold;
}

a.info {
    position:relative; /*this is the key*/
    z-index:24;
    color:#0000FF;
    font-weight: bold;
    text-decoration:none;
    font-size: 14px;
}

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:0em; left:2em; width:15em;
    border:1px solid #ffe719;
    background-color:#fff9c8; color:#000;
    font-size: 12px;
    font-weight: normal;
    width: 400px;
    text-align: center;
}