BODY {            
            background: #003391;
            color: #000000;
            margin-left: 3%;
            margin-right: 3%;
            font-style: normal;
            font-family: Comic Sans MS; Verdana, sans-serif, Lucida, Arial, Courier New;

}

TABLE {
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    background: #FFFFB7; 
}



ul, dl, li, td, dt, dd, {
           background: #FFFFB7;
           color: #000000;
           font-style: normal;
           font-family: Verdana, Lucida, Helvetica, sans-serif;
	   word-spacing: 1em;
           }



h2, h3     {  
	   font-style: bold;
           background: #FFFFB7;
           color: #003391;
           text-align: center;
           font-weight: bold;
           font-style: bold;
           line-height: 111%;
           font-family: Verdana, Arial, Times, serif;
           }

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

a:link     {background: #FFFFB7; color: #003391; text-decoration : none; font-weight: bold; font-style: bold;} 
a:visited  {background: #FFFFB7; color: #003391; 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;}



UL {list-style-image: url(../gfx/blueball.gif); }   /* Any UL */
UL > UL {list-style-image: url(../gfx/redball.gif); }  /* Any UL child of a UL */
UL > UL > UL {list-style-image: url(../gfx/whiteball.gif); } 
UL > UL > UL > UL{list-style-image: url(../gfx/greenball.gif);} 
UL > UL > UL > UL > UL{list-style-image: url(../gfx/blackball.gif);} 
UL > UL > UL > UL > UL > UL{list-style-image: url(../gfx/redstar.gif);}
UL > UL > UL > UL > UL > UL > UL {list-style-image: url(../gfx/whiteball.gif);}
UL > UL > UL > UL > UL > UL > UL > UL {list-style-image: url(../gfx/greenball.gif);}