A{text-decoration:none;}
A:link{font-weight:bold;}
A:visited{font-weight:bold;}
A:hover {text-decoration:none; background:yellow;}
#six {font-size:6pt;font-family:Verdana,Arial,Helvetica,sans-serif;}
#seven {font-size:7pt;font-family:Verdana,Arial,Helvetica,sans-serif;}
#eight {font-size:8pt;font-family:Verdana,Arial,Helvetica,sans-serif;}
#nine {font-size:9pt;font-family:Verdana,Arial,Helvetica,sans-serif;}
#ten {font-size:10pt;font-family:Verdana,Arial,Helvetica,sans-serif;}
#eleven {font-size:11pt;font-family:Verdana,Arial,Helvetica,sans-serif;}
#twelve {font-size:12pt;font-family:Verdana,Arial,Helvetica,sans-serif;}
#thirteen {font-size:13pt;font-family:Verdana,Arial,Helvetica,sans-serif;}

/* Apply CSS to any UL (Unorderd List) with the class name 'menu' */
.menu
{
 border: 0px solid black;
 margin: 0px;
 padding: 0px;
 list-style-type: none;
 width: 220px;
}
/* Collapse the List Item Tags */
.menu li { display: inline; }

/* Make the links block elements and give them padding and some style */
.menu a, .menu a:visited
{
 color:  black;
 font: bold 11px Arial;
 text-decoration: none;
 background-color: #ffffee;
 display: block;
 padding: 2px;
 border-left : 3px solid red;

}

/* Specify the rollover style for the links */
.menu a:hover
{

 background-color: #ECECEC;
 color: blue;
 font: bold 11px Arial;
 text-decoration: none;
 border-left : 3px solid blue;
}