#menu è l'id del contenitore (!)

#menu a è tutto ciò che è link nel menu
#menu a:hover è tutto ciò che quando vai sopra con il mouse ("l'equivalente" in javascript è onmouseover)

#menu a.active è la classe da assegnare quando vuoi che un pulsante rimanga "premuto" quando la pagina è attiva.

vedesi un esempio QUI.

Poi, come già detto se riesci a fare tutto con il solo .css risparmi tempo nel fare le immagini.
Oppure usa la tecnica chiamato "css-sprite", ma fare 10.000 immagini solo per un menu....insomma, un casino.

Se vuoi cambiare il colore della scritta, usa la proprietà color: #f00 dove ti piace, ad esempio:

#menu a{color:#000;}
#menu a:hover{color:#f00;}

più chiaro adesso?