body {
  font-size: 80%;
  margin-top: 0.380px;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-color: #d6dbf4;

}
  
p {
	font-size: 80% ;
	text-indent: 25px ;
	text-align:left;
	margin-left:0.200in;
	margin-right:0.2000in;
}
th {
	font: bold small-caps 12pt/14pt sans-serif;
}


    a {
	text-decoration: none;
    color: #0066ff;
    }

    a:hover {
    color: #009900;
    }

    a:active {
    color: maroon;
    
    }
a span {
    color: #27278D;
}

div.location {
    color: #27278D;
    font:  bold 8.5pt/9.5pt sans-serif ;
    line-height: 88% ;
  }

div.comments {

    font: italic small-caps 10pt/12pt serif ;

}
div.userheader {
    background-color: transparent;
    color: #27278D;
    font:  bold small-caps 9pt/11pt sans-serif;
    }
  
div.small {
    color: #ffffff;
    font:  bold small-caps 9pt sans-serif;
}
  
div.small:hover{
    color: #44ff44;    
    font:  bold small-caps 9pt sans-serif;
}

a.info {
    position:relative; /*this is the key*/
    z-index:24; 
    color:maroon;
	font: bold small-caps 7.5pt sans-serif;
    text-decoration:none;
}

a.info:hover {
	z-index:36; 
    color: white; 
    background-color: maroon;
	}

a.info span {
	display: none;
}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top: -3em; 
    left: -2em; 
    width: 12em;
    border:1px solid black;
    background-color: white; 
    color:#000;
    text-align: center;
}