Menu do Joomla 2.5 colorido

Olá pessoal!

Gostaria de customizar o main menu no Joomla 2.5. Ou seja, para cada item de menu uma cor diferente. O template que estou usando é o jp_bloq_j25.

Alguém pode me dar uma dica?

entra no menu >> mainmenu>> entra num dos menus >> lado direito>> class CSS ou algo assim

só mexer lá

abraço

O main menu do template é esse:

#mainmenu{
background:#535555;
border-top:1px solid #000;
border-bottom:1px solid #111;
}
#mainmenu ul{
border-left:1px solid #555;
border-right:1px solid #111;
}
#mainmenu ul li a,
#mainmenu ul li span.separator{
color:#DFDEDE;
border-left:1px solid #111;
border-right:1px solid #555;
}
#mainmenu ul li.hover,
#mainmenu ul li:hover,
#mainmenu ul li.active a,
#mainmenu ul li.active span.separator{
background:#222;
color:#FFF;
}
#mainmenu ul li.hover a,
#mainmenu ul li:hover a,
#mainmenu ul li.hover span.separator,
#mainmenu ul li:hover span.separator{
color:#CCC;
}
#mainmenu ul li.hover a:hover,
#mainmenu ul li:hover a:hover,
#mainmenu ul li.hover span.separator:hover,
#mainmenu ul li:hover span.separator:hover{
color:#FFF;
}
#mainmenu ul ul{
background:#222;
border:0;
border-top:1px solid #111;
}
#mainmenu ul ul a,
#mainmenu ul ul span.separator{
border-bottom:1px solid #111;
border-top:1px solid #555;
}
#mainmenu ul ul a:hover,
#mainmenu ul ul span.separator:hover{
background:#101010;
}
#mainmenu ul li a:active,
#mainmenu ul li span.separator:active{
background:#000;
}

Fiz a seguinte configuração, mas não customiza de jeito nenhum. O que deve estar errado?

.mainmenu_noticias .item471{
background:#243f0a;
border-top:1px solid #000;
border-bottom:1px solid #111;
}
.mainmenu_noticias .item471 ul{
border-left:1px solid #555;
border-right:1px solid #111;
}
.mainmenu_noticias ul li.item471 a,
.mainmenu_noticias ul li.item471 span.separator{
color:#DFDEDE;
border-left:1px solid #111;
border-right:1px solid #555;
}
.mainmenu_noticias ul li.item471.hover,
.mainmenu_noticias ul li.item471:hover,
.mainmenu_noticias ul li.item471.active a,
.mainmenu_noticias ul li.item471.active span.separator{
background:#243f0a;
color:#FFF;
}
.mainmenu_noticias ul li.item471.hover a,
.mainmenu_noticias ul li.item471:hover a,
.mainmenu_noticias ul li.item471.hover span.separator,
.mainmenu_noticias ul li.item471:hover span.separator{
color:#CCC;
}
.mainmenu_noticias ul li.item471.hover a:hover,
.mainmenu_noticias ul li.item471:hover a:hover,
.mainmenu_noticias ul li.item471.hover span.separator:hover,
.mainmenu_noticias ul li.item471:hover span.separator:hover{
color:#FFF;
}
.mainmenu_noticias .item471 ul ul{
background:#243f0a;
border:0;
border-top:1px solid #111;
}
.mainmenu_noticias .item471 ul ul a,
.mainmenu_noticias .item471 ul ul span.separator{
border-bottom:1px solid #111;
border-top:1px solid #555;
}
.mainmenu_noticias .item471 ul ul a:hover,
.mainmenu_noticias .item471 ul ul span.separator:hover{
background:#243f0a;
}
.mainmenu_noticias ul li.item471 a:active,
.mainmenu_noticias ul li.item471 span.separator:active{
background:#243f0a;
}

não é do template!! é do Back-end >>

abraço

uriel,

O template tem 8 temas. Cada um com uma cor diferente.