Hello forum. Firstly I'd just like to say that this is an amazing theme and this forum is an incredible resource!

OK, I cannot figure out the code (I am new to CSS) to change the hover colour of the Category Menu. I have five menu links, each with a different BG colour and I wish to have the link use a variation of the colour for the item for the hover and active page, if this makes sense. The site isn't live yet so I don't have a link.

This is the code so far for the five different menu links:

li.page-item-2 {
background: #BCF5A9 !important;
}
li.page-item-19{
background: #A9E2F3 !important;
}
li.page-item-12 {
background: #F78181 !important;
}
li.page-item-24 {
background: #5858FA !important;
}
li.page-item-26 {
background: #F2F5A9 !important;
}

I am using Atahualpa 3.7.7 and WP 3.4.1

Any help appreciated!! I'm sure it will be an easy fix.
Thanks.

do a google search using 'css psuedo-classes' and you should take a CSS tutorial (htmldog.com has a good one)

thanks Juggledad. I have gone through some of those tutes and they are great, but my problem still is that I can't determine the rule to independently control five button links, each with different colours. In HTML I know it would be a matter of setting a class rule, but as I have to do this in CSS I am at a loss.
I assume I need to set the link parameters individually as in the code above for each element and each state, which makes sense and is fine. The problem I am having is I can't for the life of me work out how to group the sections together. Perhaps I am having a conflict with inline rules.
Any help appreciated.

you need to have another CSS selector for each menu item using the hover like

li.page-item-2 a:hover {
background: #red !important;
}

thanks again for your reply. I have tried this several times and I am still getting the default hover state (grey in this case). i am using the !important tag, but can't seem to override the default. I am just adding the CSS rules at the end of the Add CSS/HTML Inserts section. do I need to group the menu items in a div tag or something?
thanks.