Menu: couleur de texte différente

Bonjour,

Dans le menu déroulant qui suit, j'aimerais avoir une couleur de texte propre à chaque catégorie (ex : cat1 : correspondances=vert; cat2 : entre les ages=jaune) au rollover.
Je ne sais pas ce qu'il faut changer pour avoir ce que je veux...Il me semble que c'est possible avec la balise "class", mais après plusieurs essais inconséquents, je n'ai plus qu'à compter sur votre talent pour m'aider à me sortir de cette impasse...

   
<div id="container">
  <ul id="nav">
   <li><a href="entreCalvaire.html">Entre les âges</a>
          <ul>
            <li><a href="entreCalvaire.html">Le Calvaire</a></li>
            <li><a href="entreMoulin.html">Le Moulin</a></li>
            <li><a href="entreBourg.html">Le Bourg</a></li>
            <li><a href="entreLeclerc.html">La Rue du Général Leclerc</a></li>
            <li><a href="entreCentral.html">L'Hôtel Central</a></li>
         </ul>
   </li>
   <li><a href="corresIngenieur.html">Correspondances</a>
         <ul>
            <li><a href="corresIngenieur.html">L'Ingénieur</a></li>
            <li><a href="corresMatelot.html">Le Matelot Breton</a></li>
            <li><a href="corresAiguillonnaise.html">L'Aiguillonaise</a></li>
            <li><a href="corresBoucholeur.html">Le Boucholeur</a></li>
            <li><a href="corresVacancier.html">Le Vacancier</a></li>
         </ul>
   </li>
</ul>
</div>

CSS

#container {
	width: 594px;
	height: 25px;
	position: absolute;
	left: 229px;
	top: 731px;
	text-align: center;
	margin-left: 5px;
}

#nav, #nav ul {
   padding: 0;
   margin: 0;
   list-style: none;
}

#nav a {
	font-family:Georgia, "Times New Roman", Times, serif;
	display: block;
	width: 10em;
	color: #FFF;
	text-decoration: none;
	border-width: 3px;
	font-weight: bold;
}

#nav li {
	float: left;
	width: 8em;
}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	bottom: 25px;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
} 

#img1 {
	position:absolute;
	left: 15px;
	top: 207px;
	}

#bandeau {
	position:absolute;
		}
		
#nav li ul li a:hover{
	/* La couleur du texte au rollover*/
	color: #000;
}

#nav li ul li{
	/* La couleur du fond */
	background-color: #363636;
	opacity: 02;
	width: 10em;
}