Hey all, having a small problem with a site I'm working on for a client using DNN and Solution Partners' SOLPARTMENU. I've had a couple of colleagues take a look at it too and they can't work it out either.

Basically, I'm looking for a way to make the text change colour, highlighting the selected item as the mouse rolls over it in the submenus. I have it working on the root menu. I'm using the .ascx and css method for making tweaks as the skin is already done and I'm otherwise happy with it. Any ideas at all please? I'm pretty sure it should be something really simple, but I'm new to all this and my colleagues don't have a great deal of spare time to help out.

Here's my CSS:

.MainMenu_RootMenuArrow
{
 display: none;
}

.MainMenu_MenuContainer {
 z-index: 1000;
 float:right;
}

.MainMenu_MenuBar
{
 background-color: transparent;
 cursor: pointer;
 font-weight: bold;
 font-family: Arial Narrow;
}

.MainMenu_MenuBar.RootMenuItemSelected {
 cursor: pointer;
 font-weight: normal;
}

.MainMenu_MenuBar.RootMenuItem {
 color: #006158;
 cursor: pointer;
 font-weight: normal;
}

.MainMenu_MenuItem td {
 color: #006158;
 font-weight: bold;
 border: none;
 height: 30px;
 background-color: transparent;
}

.MainMenu_MenuItemSel td {
 color: #80C54F;
 font-weight: bold;
 border: none;
 height: 30px;
 background-color: transparent;
}

.MainMenu_SubMenuItemSel td {
 color: #80C54F;
 font-weight: bold;
 border: none;
 height: 30px;
 background-color: FFFFFF;
}

.MainMenu_MenuIcon {
 width: 0px;
 border: 0px;
 display: none;
}

.MainMenu_SubMenu td {
 color: #ffffff;
 background-color: #006158;
 font-weight: bold;
 border: none;
 height: 20px;
 z-index: 1000;
 font-size: 12px;
 padding: 2px;
}

Thanks a lot for any help you can give. I'm struggling here and it would be great to work this one out so I can use it for some projects in future!