div#links td a {display: block; text-align: center; font: bold 1em Verdana, sans-serif, Arial,Helvetica,"Times New Roman"; 
   font-size:16px;
   padding: 2px 5px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: #000; background: #ff6;
   }
div#links a:hover {color: #FFC; background: #ff0000;font-size:12pt;
   }

li.dance{
	list-style-image: url('../images/zan.gif');
}

li.ballet{
	list-style-image: url('../images/ballets.gif');
}


div#links a span {display: none;}
div#links a:hover span {display: block;
   position: absolute; top: 180px; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #AAA; background: black;
   font: 10px Verdana, sans-serif; text-align: center;}

table.colorpad {
position:absolute;
left:-2px;
width: 22;
z-index:10
}
table.colorpad a{
  text-decoration: none;
}