h1 {
text-align:center;
background-color:#CCCCCC;
padding:10px;
font-family:Georgia, "Times New Roman", Times, serif;
}
.mainbodydiv {
margin-left:200px;
margin-right:100px;
 }
h3 {
background-color:#CCCCCC;
font-family:Georgia, "Times New Roman", Times, serif;
padding:5px;
padding-left:12px;

/*background-color:#009999;
color:#CCCCCC; */
} 
.tinytext {
text-align:right;
font-size:9px;
}
/* cute a href stuff */
a.info{
    position:relative; /*this is the key*/
    z-index:24; 
   	font-size: 11px; 
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
    text-decoration:none;
	margin: 2px;}

a.info:hover{z-index:25; background-color:#fff; color:#000}
a.info span{display: none; margin-left: .5em;}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:0em; left:10em; width:25em; 
	font-family:Geneva, Arial, Helvetica, sans-serif;	
    background-color:#CCCCCC; 
	color:#3333FF;
	font-weight:bold;
	font-size:12px;
    text-align: left;
	padding:4px;
}

.alert {color:red;font-weight:bold;}