A:link { color: #AF3878; text-decoration: none }
A:visited { color: #B87FAA; text-decoration: none }
A:hover { color: #000000; text-decoration: overline underline }

p {
   font-family: verdana;
   font-size: 75%; 
   }

td { font-family: verdana;
     font-size:  70%;}
	 
H3 { 
     font-size: medium;
     font-family: courier;
     font-weight: bold;
     color: #000000; 
}

body {
      font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
     }

body {
   scrollbar-base-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-face-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #000000;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-darkshadow-color: #000066;
   scrollbar-arrow-color: #000066
}

/*--------------------Signup page, for "why?" rollover --------------------*/
a.info {
	position:relative; /*this is the key*/
	z-index:24;
}

a.info:hover {
	background-color:#E7AF04; /* must include this for IE, for some strange reason; therefore, just match the page bg */
	z-index:25;
}

a.info span {
	display: none;
	font-size:11px;
	padding:2px;
}

a.info:hover span { /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:0em; left:10em; width:10em;
	border:2px solid #E7AF04;
	background-color:#3E6491;
	color:#fff;
	text-align: left;
	text-decoration:none;
}