.banner {
	font-family: sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	color:Yellow;
}
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}

A:hover {
	COLOR: #cc0000
}
.link{
	color: Yellow;
	text-decoration: none;
}

body {
	color: #000000;
	font-family: verdana, arial, helvetica, sans-serif;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	text-align: justify;
	float: none;
	width: 800px;
	max-width: 800px;
}

.link:hover{
	COLOR: #E0DFB0
}

p {
	font-family: sans-serif;
	font-size: medium;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
}
li {
	font-family: sans-serif;
	font-size: medium;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

h2, h3 {
	font-family: sans-serif;
	font-size: large;
	font-style: normal;
	font-weight: bold;
	text-align: left;
}
h1 {
	font-family: sans-serif;
	font-size: x-large;
	font-style: normal;
	font-weight: bolder;
	text-align: center;
}
img {
	float: right;
}
img.nofloat {
	float: none;
}
td.left {
	background-image: url(tab_left.gif);
	width: 17px;
	height: 19px;
}
td.right {
	background-image: url(tab_right.gif);
	width: 112px;
	height: 19px;
}
td.middle {
	background-image: url(tab_middle.gif);
	width: 128px;
	height: 19px;
}