Scusa, ho commesso un errore.
In generale, la regola
ul.menu li#current.active a
si legge così:
seleziona tutti gli elementi a (link) contenuti in li (voci dell'elenco ul) che hanno id="current" e class="active" a loro volta contenuti nell'elenco non ordinato ul con class="menu".
Quindi selezioni le voci del menu a destra (class="menu") selezionate (class="current"): se vuoi dare il colore blu (#000066) la regola è questa:
ul.menu li#current.active a {
color: #000066;
}
Se vuoi impostare un colore diverso nel momento in cui il mouse passa sopra una voce devi aggiungere la pseudoclasse :hover all'elemento non selezionato quindi:
ul.menu li a:hover {
color: green;
}
che si legge così:
seleziona tutti gli elementi a (link) con pseudoclasse :hover (con il mouse sopra) contenuti in li (voci dell'elenco ul) a loro volta contenuti nell'elenco non ordinato ul con class="menu".
Questa funziona nel menu laterale (class="menu").
Per il menù orizzontale invece (class="mainlevel-nav") devi indicare il colore con questa regola:
ul#mainlevel-nav li a:hover {
color: green;
}
che si legge così:
seleziona tutti gli elementi a (link) con pseudoclasse :hover (con il mouse sopra) contenuti in li (voci dell'elenco ul) a loro volta contenuti nell'elenco non ordinato ul con class="mainlevel-nav".
Prova in questo modo e poi fammi sapere.
Ciao.