body {font-family: verdana, Arial; font-size: 12px;}

p, li {font-family: verdana, Arial; font-size: 12px; color: #000000; padding: 7px;}
td {font-family: verdana, Arial; font-size: 12px; color: #000000;}
.currentdate {position: absolute; top: 15px; left: 500px; font-size: 10px; color: #ffffff;}
.watermark {position: absolute; top: 276px; left: 250px; z-index: -10;}

a.info{
	font-family: verdana, Arial; 
	font-size: 11px;
    position:relative; /*this is the key*/
    z-index:24; background-color:#E1E1C3;
    color:#000;
    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:13em;
    border:1px solid #000;
    background-color:#E1E1C3; color:#000;
    text-align: left}

td.calc {
	background-color: #E1E1C3;
	font-family: verdana, Arial; font-size: 12px;}
td.calctitle {
	background-color: #8B0303; 
	color:#FFFFFF;
	font-family: verdana, Arial; font-size: 12px;}
.small {font-size: 10px;}
.highlight {color: #064766}

.maincopy {
	padding: 5 0 0 20;
}
.toprighttext {
	font-size:	12px;
	width:		360px;
	padding-left:	18px;
}
.toprightblue {
	font-size:	12px;
	font-weight: bold;
	color:		#064766;
	width:		360px;
	padding-left:	18px;
	padding-top:	15px;
}
.bottomlefttext {
	background-color: 	#d1d4b6;
	width:				340px;
	padding-left:		14px;
	padding-top:		18px;
}
.bottomlefttext p {
	font-size:			9px;
	padding-bottom:		0px;
	padding-top:		0px;
}
.eoe {
	font-size:			10px;
}

h5 {
	padding-top: 5px;
}

.darkred {
	color: #8B0303;
}