<style type="text/css" media="screen">
<!-- 
body {}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
width: 15em;
}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 77px;
width: 396px;
padding-bottom: 2px;
background: #FFFFFF;
border: 1px solid #DDDDDD;
}

#menu dt :hover{
	background: #CCCCCC;
	color: #FFFFFF;
}

#menu dd {
border: 1px solid #DDDDDD;
margin-left: 30px;
padding: 5px;
width: 350px;
background:  url("img/fond_tracklist.gif");
background-repeat: repeat-x;
}
#menu li {
text-align: left;
list-style-image: url("img/listen.gif");
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

#menu li a:hover {
background: #000000;
color: #FFFFFF;
}

-->
</style>