Ciao a tutti,
vorrei poter assegnare ad hover della barra dei menu un colore differente dal resto del testo;
riporto parte del codice:

/* Links
--------------------------------------------- */
a {
color: #009BC2;
text-decoration: none;
}
a:hover {
color: #945320!important;
text-decoration: underline;
}

cambiando il colore qui sopra la modifica è valida per tutto il contenuto presente, ovviamente...

questo invece è la struttura del menu di navigazione dove vorrei che l'hover sia di colore nero:

/* Navigations
--------------------------------------------- */
/* --- Main Nav --- */
#branding #mainnav {
margin: 30px 0 0;
max-width: 70%;
float: right;
}

#branding #mainnav ul li {
float: left;
list-style: none;
position: relative;
}
#branding #mainnav ul li a {
margin:0;
padding:9px 14px;
display: block;
font-size: .8em;
text-transform: uppercase;
}
#branding #mainnav ul li:first-child {
margin: 0px;
}
#branding #mainnav ul li a:hover {
background:#efdfca;
color: #999;
text-decoration: none;
}
#branding #mainnav ul ul {
display: none;
float: left;
position: absolute;
top: 2em;
left: 0;
z-index: 99999;
}
#branding #mainnav ul ul ul {
left: 100%;
top: 0;
}
#branding #mainnav ul ul a {
background: #F9F9F9;
padding: 9px 14px;
width: 11em;
height: auto;
text-transform: none;
}
#branding #mainnav li:hover > a,
#branding #mainnav ul ul :hover > a {
background: #F0F0F0;
}
#branding #mainnav ul ul a:hover {
background: #F0F0F0;
}
#branding #mainnav ul li:hover > ul {
display: block;
}


sono abbastanza confuso... qualche suggerimento su come procedere?
Grazie in anticipo