<style>
div#links a span {display: none;}
div#links a:hover span {display: block;
   position: absolute; top: 80px; left: 0; width: 170px; height: 90px;
   padding: 5px; margin: 10px; z-index: 100; text-decoration: none;
   color: maroon; background: #fffccc; 
   font: 12px Verdana, sans-serif; text-align: center; }

.dented a {
padding: 0px;
text-decoration: none;
text-align: center;
width: 98%;
display: block;
color: #224059;
background-color: #fffccc;
border-top: 2px #cce3ff solid;
border-left: 2px #cce3ff solid;
border-bottom: 2px #31557f solid;
border-right: 2px #31557f solid;
}
.menuhead a {
padding: 0px;
text-decoration: none;
text-align: center;
width: 98%;
display: block;
color: #fffccc;
background-color: maroon;
border-top: 2px #cce3ff solid;
border-left: 2px #cce3ff solid;
border-bottom: 2px #31557f solid;
border-right: 2px #31557f solid;
}
.infobox {
padding: 0px;
text-decoration: none;
font: 12px Verdana, sans-serif; text-align: center;
width: 98%;
height: 100px;
display: block;
color: #224059;
background-color: #fffccc;
border-top: 2px #cce3ff solid;
border-left: 2px #cce3ff solid;
border-bottom: 2px #31557f solid;
border-right: 2px #31557f solid;
}
div#links a span {display: none;}
.Light {background-color: #00008B;
	color: white;
	font-size: 10pt;
	font-weight: Bold;
	text-decoration: none}
h1 {
font-weight: bold;
font: 20px Verdana, sans-serif;
color: maroon;
}
#popup a {

} 
#popup a:visited {

}

#popup a span {display: none;}

#popup a:hover {
color: #f00;
text-indent: 0;
}

#popup a:hover span {
display: block;
 position: absolute; top: 80px; left: 0; width: 180px; height: 100px;
   padding: 5px; margin: 10px; z-index: 100; text-decoration: none;
   color: maroon; background: #fffccc; 
   font: 12px Verdana, sans-serif; text-align: center; 
}

dt {
     float: left;
     width: 8em;
     font-weight: bold;
     clear: left;
     margin-top: .5em;
     }
dd {
     clear: right;
     margin-top: .5em;
     }

