BODY {background: #003391;}






h2, h3, pre     {  
           background: #FFFFB7;
           color: #003391;
           font-weight: bold;
           font-style: bold;
           font-family: Courier New, Arial, Times, serif;
           }


cite	   {border-bottom: 1px dashed #ba0000;}

a:link     {background: #003391; color: #FFFFB7; text-decoration : none; font-weight: bold; font-style: bold;} 
a:visited  {background: #003391; color: #FFFFb7; text-decoration : none;}
a:active   {background: #003391; color: #FFFFb7; font-family: courier new, Arial, sans-serif; font-size: 11pt; font-weight: bold; text-decoration: bold;} 
a:hover   {background: #FFFFb7; color: #003391; font-family: Arial, sans-serif; font-size: 12pt; font-weight: bold; text-decoration: bold;} 
.change {color: #003391; background: #FFFFB7; text-transform: uppercase; font-size: 11pt;  font-family: Verdana, Lucida, Helvetica, sans-serif; font-style: bold; font-weight: bold;}
.source {margin-left: 30px; font-size: 10pt; width: 90%; color: #ffff66;}

div.bio a {z-index: 3;}

a span {display: none;}

a {
	position: relative; 
	background-color: #aac;
	color: #000;
	text-decoration: none;
}

html body a:hover span {
	display: block;
	position: absolute;
	top: 5px;
	left: 40px;
	width: 450px;
	border: 2px solid #000000;
	background-color: #003391;
	padding: 10px;
	font-size: .9em;
	color: #FFFFB7;
}


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 #FFFFB7;
    background-color:#003391; color:#FFFFB7;
    text-align: left; font-size: 10pt;}