Hi Devora, thanks for the idea, but it doesn’t seem to be working.
Here’s what I have now in my custom css:
.main-navigation a {
color: #E0DDDD;
padding: 25px 15px;
}
.main-navigation a:hover {
color: #BFB197;
}
.main-navigation li:hover > a {
background: none repeat scroll 0 0 #100D0A;
color: #BFB197;
}
.main-navigation ul ul a:hover {
background: #BFB197;
color: #FDFDFD;
}