Puces de différentes couleurs

Sur le site que j'essaie de faire j'ai deux menus et un sous-menu.
J'aimerais mettre des couleurs de texte différentes pour les deux menus et le sous-menu.

Code html :

<div class="navigation"> <!-- div debut de navigation horizontale -->
<ul class="menu_horizontal">
<li><a href="">Chiens</a></li>
<li><a href="">Chats</a></li>
<li><a href="">Chevaux</a></li>
</ul>

</div>

<div class="corps"> <!-- div qui contient le menu vertical,la présentation, les photos cliquables " -->

<div class="menu_vertical">
<ul class="menu_vertical">
<li><a href="">Promenades</a >
<ul class="sous-menu_vertical">
<li><a href="">Calanques</a></li>
<li><a href="">Forêt</a></li>
</ul>
<li><a href="">Repas</a ></li>
<li><a href="">Soins</a ></li>
</ul>
</div>

code css:

a:link,a:visited,a:active
{
text-decoration:none;
color:blue;
}

a:hover
{color:red;}


.navigation {
/*background-image: mettre une image dégradé url(nom-dossier/nom-fichier.jpg)*/
background-image:url(image/fond_menu.png);
height:40px;
text-align:center;
}


.menu_horizontal ul
{margin-top:30px;}

.menu_horizontal li
{
display:inline;
margin-left:25px;
}

.menu_vertical
{
float:left;
width: 300px;
}

.menu_vertical li
{list-style-type:none;}


.sous-menu_vertical
{margin-left:20px;
}

ul.sous-menu_vertical li
{
list-style-type:disc;
color:yellow;
}

Comment faire pour que "chiens, chats, chevaux" soient d'une couleur, Promenade, Repas, soins, d'une autre et Calanques, Fôret encore d'une autre ?

Merci d'avance.