/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/artist_dd.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* styling specific to Internet Explorer IE5.5 and IE6. Yet to see if IE7 handles li:hover */

/* Get rid of any default table style */
table {
border-collapse:collapse;
margin:0; 
padding:0;
}
/* ignore the link used by 'other browsers' */
.menu ul li a.hide, .menu ul li a:visited.hide {
display:none;
}

/* set the background and foreground color of the main menu link on hover */
.menu ul li a:hover {
border:0;
}

/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li a:hover ul {
visibility:visible; 
top:31px; 
left:0; 
width:149px;
}

/* style the background and foreground color of the submenu links */
.menu ul li a:hover ul li a {
border:0;
color:#fff;
position:relative;
}

/* style the hidden span text */
.menu ul li a:hover ul li a span {
visibility:hidden;
position:absolute;
left:150px; top:0;
background:#fff;
width:130px;
padding:0 10px;
color:#000;
}

/* style the background and forground colors of the links on hover */
.menu ul li a:hover ul li a:hover {
background:#000; 
color:#fff;
position:relative;
}

/* make the span text visible */
.menu ul li a:hover ul li a:hover span {
visibility:visible;
text-align:left;
line-height:1.5em;
}

/* position the span text on the left of the last menu item */
.menu ul li a:hover ul.left li a:hover span {
left:-150px;
}

/* style the first letter of the span text */
.menu ul li a:hover ul li a:hover span:first-letter {
font-weight:bold; 
font-size:1.2em;
}