CSS how do I set different styles to each menu ?

A little advise would be great as I have tried everything I can Think of.

I want to set information & category menus to different styles e.g active,hoover etc

Thanks in advance

This is what I have but what /where do i set the style to in the information.tpl


.infolinks a:link, .infolinks a:visited, .infolinks a:active {
    color: #666;
    text-decoration: none;
    font-weight: bold;
}

.infolinks a:hover {
    color: #ff0000;
    text-decoration: none;
    font-weight: bold;
}

If I'm looking at the right part of the page, they're in a div with a class of 'information'. Can you replace 'infolinks' with 'information' in your css?

If that works but the class is used again elsewhere in the document in a way you don't like, use a contextual selector to specify divs with the 'information' class in the element with the id, 'column'. E.g.

#column div.information a:hover {
    color: #ff0000;
    text-decoration: none;
    font-weight: bold;
}

ogun wrote: If I'm looking at the right part of the page, they're in a div with a class of 'information'. Can you replace 'infolinks' with 'information' in your css?

If that works but the class is used again elsewhere in the document in a way you don't like, use a contextual selector to specify divs with the 'information' class in the element with the id, 'column'. E.g.

#column div.information a:hover {
    color: #ff0000;
    text-decoration: none;
    font-weight: bold;
}

Many thanks I will give this a go

Thanks Again