body {

	font-family: Arial;
	background-color: #980000;
}

H1 {
font-family: Tahoma;
font-size: 30px;
color: #FF0000;
}

H2 {
font-family: Tahoma;
font-size: 22px;
color: #000000;
}

H3 {
font-family: Tahoma;
font-size: 18px;
color: #000000;
}

H4 {
font-family: Tahoma;
font-size: 18px;
color: #FF0000;
}

H5 {
font-family: Tahoma;
font-size: 16px;
color: #000000;
}

H6 {
font-family: Tahoma;
font-size: 16px;
color: #FF0000;
}

td {

	font-family: Arial, Helvetica, sans-serif; font-size: 14px;
	background-color: #FFFFFF;

}



th {

	font-family: Arial, Helvetica, sans-serif;

}



.footer-text {

	font-size: x-small; color:#555555;

}



A:link {text-decoration: none; color: #0000AA;}

A:visited {text-decoration: none;}

A:active {text-decoration: underline overline; color: red;}

A:hover {text-decoration: underline overline; color: red;}



.membertd {

	font-family: Arial, Helvetica, sans-serif; font-size: 12px;

	background-color:#B0CBFD;

}



.admintd {

	font-family: Arial, Helvetica, sans-serif; font-size: 14px;

	background-color:#B0CBFD;

	border: solid thin; border-width: 1px; border-color: #000000;

}

.formfield {

	font-family: Arial, Helvetica, sans-serif; font-size: 12px;

}



a.info{

    position:relative; /*this is the key*/

    z-index:24; background-color:#ccc;

    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: 15em;

    border:1px solid #0cf;

    background-color:#cff; color:#000;

    text-align: center

}