I found the following post which has directions to implement this (different background color for just one of the menu buttons) and then the thread continues on with some great tips on working with CSS selectors as ATA inserts which was a great quick review and worth checking out.
http://forum.bytesforall.com/showthr...ton+image+item
I have added the following CSS insert to try and make the menu button for page 267 the background color of #D4001F. I assumed I needed to add the "!important" to make sure it had priority.
div#menu1 li.page_item page-item-267 a:link,
div#menu1 li.page_item page-item-267 a:visited,
div#menu1 li.page_item page-item-267 a:active,
div#menu1 li.page_item page-item-267 a:hover {
background:#D4001F !important;
}
This isn't working and I thought it may be because of a conflict with the "current_page_item" (class?) that is added when you are "on" that page but then why isn't the code working when you are on another page?
I've tried just about every variation of this I can think of but no success yet. Any ideas?
Thanks
Thomas