Sufixo De Classe - Joomla 1.5

[guinatal]

Seguinte pessoal, eu tenho um site: http://www.bomjogos.com

Se vocês entrarem, vocês verão uns menus do lado esquerdo em azul, e lá embaixo também uns menus também em azul.

Eu queria mudar a cor e o estilo deles, eu sei que tem que modificar o CSS e também usar o Sufixo De Classe em cada MENU. Porém eu não sei fazer isso, ja tentei de tudo e eu não consigo! Eu quero colocar cada um de uma cor e estilo.

Olha aqui a parte do CSS onde ele cria este menu azul:

/* begin Box, Block */
.art-Block
{
position:relative;
z-index:0;
margin:0 auto;
min-width:19px;
min-height:19px;
}

.art-Block-body
{
position: relative;
z-index: 1;
padding: 4px;
}

.art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl, .art-Block-tc, .art-Block-bc,.art-Block-cr, .art-Block-cl
{
position:absolute;
z-index:-1;
}

.art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl
{
width: 18px;
height: 18px;
background-image: url('../images/Block-s.png');
}

.art-Block-tl
{
top:0;
left:0;
clip: rect(auto, 9px, 9px, auto);
}

.art-Block-tr
{
top: 0;
right: 0;
clip: rect(auto, auto, 9px, 9px);
}

.art-Block-bl
{
bottom: 0;
left: 0;
clip: rect(9px, 9px, auto, auto);
}

.art-Block-br
{
bottom: 0;
right: 0;
clip: rect(9px, auto, auto, 9px);
}

.art-Block-tc, .art-Block-bc
{
left: 9px;
right: 9px;
height: 18px;
background-image: url('../images/Block-h.png');
}

.art-Block-tc
{
top: 0;
clip: rect(auto, auto, 9px, auto);
}

.art-Block-bc
{
bottom: 0;
clip: rect(9px, auto, auto, auto);
}

.art-Block-cr, .art-Block-cl
{
top: 9px;
bottom: 9px;
width: 18px;
background-image: url('../images/Block-v.png');
}

.art-Block-cr
{
right:0;
clip: rect(auto, auto, auto, 9px);
}

.art-Block-cl
{
left:0;
clip: rect(auto, 9px, auto, auto);
}

.art-Block-cc
{
position:absolute;
z-index:-1;
top: 9px;
left: 9px;
right: 9px;
bottom: 9px;
background-color: #008AE5;
}

.art-Block
{
margin: 1px;
}

/* end Box, Block */

/* begin BlockHeader */
.art-BlockHeader
{
position:relative;
z-index:0;
height: 30px;
padding: 0 6px;
margin-bottom: 0px;
}

.art-BlockHeader .t
{
height: 30px;
color: #FFFFFF;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
white-space : nowrap;
padding: 0 1px;
line-height: 30px;
}




/* end BlockHeader */

/* begin Box, BlockContent */
.art-BlockContent
{
position:relative;
z-index:0;
margin:0 auto;
min-width:19px;
min-height:19px;
}

.art-BlockContent-body
{
position: relative;
z-index: 1;
padding: 6px;
}

.art-BlockContent-tr, .art-BlockContent-tl, .art-BlockContent-br, .art-BlockContent-bl, .art-BlockContent-tc, .art-BlockContent-bc,.art-BlockContent-cr, .art-BlockContent-cl
{
position:absolute;
z-index:-1;
}

.art-BlockContent-tr, .art-BlockContent-tl, .art-BlockContent-br, .art-BlockContent-bl
{
width: 18px;
height: 18px;
background-image: url('../images/BlockContent-s.png');
}

.art-BlockContent-tl
{
top:0;
left:0;
clip: rect(auto, 9px, 9px, auto);
}

.art-BlockContent-tr
{
top: 0;
right: 0;
clip: rect(auto, auto, 9px, 9px);
}

.art-BlockContent-bl
{
bottom: 0;
left: 0;
clip: rect(9px, 9px, auto, auto);
}

.art-BlockContent-br
{
bottom: 0;
right: 0;
clip: rect(9px, auto, auto, 9px);
}

.art-BlockContent-tc, .art-BlockContent-bc
{
left: 9px;
right: 9px;
height: 18px;
background-image: url('../images/BlockContent-h.png');
}

.art-BlockContent-tc
{
top: 0;
clip: rect(auto, auto, 9px, auto);
}

.art-BlockContent-bc
{
bottom: 0;
clip: rect(9px, auto, auto, auto);
}

.art-BlockContent-cr, .art-BlockContent-cl
{
top: 9px;
bottom: 9px;
width: 18px;
background-image: url('../images/BlockContent-v.png');
}

.art-BlockContent-cr
{
right:0;
clip: rect(auto, auto, auto, 9px);
}

.art-BlockContent-cl
{
left:0;
clip: rect(auto, 9px, auto, auto);
}

.art-BlockContent-cc
{
position:absolute;
z-index:-1;
top: 9px;
left: 9px;
right: 9px;
bottom: 9px;
background-color: #FFFFFF;
}


.art-BlockContent-body
{
color:#000000;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 13px;
margin-left: 5px;
line-height: 125%;
}

.art-BlockContent-body a:link
{
color: #404040;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
text-decoration: none;
}

.art-BlockContent-body a:visited, .art-BlockContent-body a.visited
{
color: #404040;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
text-decoration: none;
}

.art-BlockContent-body a:hover, .art-BlockContent-body a.hover
{
color: #404040;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
text-decoration: underline;
}

.art-BlockContent-body ul
{
list-style-type: none;
color: #E72727;
margin:0;
padding:0;
}

.art-BlockContent-body ul li
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 16px;
line-height: 125%;
line-height: 1.25em;
}

/* end Box, BlockContent */

[ricardo.haas]

Gostaria de entender melhor o que vc quer fazer, voce quer colocar uma cor/estilo em cada link do menu? ou apenas mudar cor/estilo do menu jogos e do menu top 10 jogos como um todo??