<style>

a.link:hover {display: block; }
a.link .balloon { display: none; }
a.link:hover .balloon 
{ display: block; position: 
absolute; margin: 10px 0px 0px 50px; background: #f00; height: 100px; width: 5px}

.shadetabs{
padding: 1px 0;
margin-top: 10px;
margin-bottom: 5px;
list-weight-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
color: #333399;
font-family: Verdana;
font-size: 90%;
font-weight:bold;
margin-left: 10px;
}

.shadetabs li{
display: inline;
margin-left: 1px;
color: #333399;
font-family: Verdana;
font-size: 80%;
font-weight:bold;

}

.shadetabs li a{
	text-decoration: none;
	padding: 3px 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:#000066 ;
	color: #00FFCC;
	font-family: Verdana;
font-size: 80%;
font-weight:bold;
}

.shadetabs li a:visited{
color: #66FFCC;/*light green   */
font-family: Verdana;
font-size: 80%;
font-weight:bold;
}

.shadetabs li a:hover{
text-decoration: underline;
background: #99CCFF; /*grey  */
color:#000000; /*light green   */
font-family: Verdana;
font-size: 80%;
font-weight:bold;
}

.shadetabs li.selected{
background: #66FFFF;/*light blue */
color: #333399; /*deep blue */
position: relative;
top: 1px;
font-family: Verdana;
font-size: 80%;
font-weight:bold;
}

.shadetabs li.selected a{ /*selected main tab style */
background: #66FFFF;/*light blue */
color: #333399; /*deep blue */
font-family: Verdana;
font-size: 80%;
font-weight:bold;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
background: #99CCFF; /*grey  */+
color: #000000; /*white  */
font-family: Verdana;
font-size: 80%;
font-weight:bold;

}

</style>