Here is some sample menu code taken from a home page
HTML Code:
menu2" class="clearfix rMenu-hor rMenu">
<li class="page_item page-item-2 current_page_item">
<a href="http://mydomain.com/"><span>Home</span></a>
</li>
<li class="page_item page-item-7">
<a href="http://mydomain.com/business-support/"><span>Business Support</span></a>
</li>
<li class="page_item page-item-9">
<a href="http://mydomain.com/tax-legal-advisory/"><span>Tax & legal advisory</span></a>
</li>
<li class="page_item page-item-11">
<a href="http://mydomain.com/business-coaching/"><span>Business coaching</span></a>
</li>
<li class="page_item page-item-13">
<a href="http://mydomain.com/education/"><span>Education</span></a>
</li>
</ul></div>
Notice each <li> has a unique class like 'page-item-2' and 'page-item-11' You can use this to address each menu item separately.
here is an example to address the 'Business Support' menu item - add this to the CSS Inserts
HTML Code:
div#menu1 ul.rMenu li.page-item-7 a,
div#menu1 ul.rMenu li.page-item-7 a:link,
div#menu1 ul.rMenu li.page-item-7 a:active,
div#menu1 ul.rMenu li.page-item-7 a:hover,
div#menu1 ul.rMenu li.page-item-7 a:visited
{ background-color: #00ffff; }
now just duplicate this for the rest of the menu items. If you want the hover to be different, you need to split that css selector out from the rest.