this is the code for the css menu:

.art-hmenu ul a
{
display: block;
white-space: nowrap;
height: 30px;
/*min-width: 150px;*/
width: 100%;
overflow: visible;
background-image: url('images/subitem.png');
background-position: left top;
background-repeat: repeat-x;
border-width: 0;
border-style: solid;
text-align: left;
text-indent: 12px;
text-decoration: none;
line-height: 30px;
color: #D6E22C;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 13px;
margin:0 6px 0 0;
padding:0;
}

.art-nav ul.art-hmenu ul span, .art-nav ul.art-hmenu ul span span
{
display: inline;
float: none;
margin: inherit;
padding: inherit;
background-image: none;
text-align: inherit;
text-decoration: inherit;
}

.art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a:hover, .art-hmenu ul a:active, .art-nav ul.art-hmenu ul span, .art-nav ul.art-hmenu ul span span
{
text-align: left;
text-indent: 12px;
text-decoration: none;
line-height: 30px;
color: #D6E22C;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 13px;
margin:0 6px 0 0;
padding:0;
}

.art-hmenu ul li a:hover
{
color: #D6E22C;
background-position: 0 -30px;
}

.art-hmenu ul li:hover>a
{
color: #D6E22C;
background-position: 0 -30px;
}

.art-nav .art-hmenu ul li a:hover span, .art-nav .art-hmenu ul li a:hover span span
{
color: #D6E22C;
}

.art-nav .art-hmenu ul li:hover>a span, .art-nav .art-hmenu ul li:hover>a span span
{
color: #D6E22C;
}

/* end MenuSubItem */