body{
	background-color:#501010;
	color:#ffc;
	margin:0px;
	padding:0px 10px 10px 10px;
	font-family:helvetica,Verdana,arial,sans-serif;
	font-size:0.8em;
}

a {
	color:#fff;
	text-decoration:none;
}

h1,h2,h3,p {
	margin:0px;
	padding:0px;
	padding-top:6px;
}

h1 {
	white-space:nowrap;
	padding:0px;
	font: normal 2.0em Georgia, Times, serif;
}

h2 {
	font-weight: normal;
	font-size:1.2em;
}

h3 {
	font-weight: bold;
	font-size:1.1em;
	padding-top:3em;
}

input {
	text-align:left;
	font-size:1.0em;
	font-family:Verdana,arial,helvetica,sans-serif;
}

table {
	margin: 2px auto;
}

td,th {
	white-space:normal;
}

div#bottom{
	margin-top:10px;
	font-size:80%;
	border-top:2px solid #666;
}

.box {
font-weight:bold;
font-size: 1.0em;
text-decoration:none;
display:inline;
position:relative;
width:1ex; 
padding: 0px 2px;
margin: 0px 4px;
border:1px solid white;}

.box:hover {
color:black;
background:#ddd8b7;}

.box div, .box span {
display:none;
position:absolute;
width:300px;
top:0.9em; left:-150px;
z-index:3;
text-indent: 0px;
text-align:left;
color:black;
background:#ffffff;
font:normal 1.0em Verdana;
border:4px solid red;
padding:10px;
}

.box:hover div, .box:hover span {
 display:block;
}

.box:hover div a, .box:hover span a {
 color:black;
}