Active colour for submenu

Dear BFA

I am having trouble getting my centred page menu bar to function properly. If you visit (nymana[dot]georgerushby.com) you will see my page menu. If you click on the guidelines menu button a page displays and then if you mouse over the same menu(sub menu) the colour has changed and the hover colour is not right.

Below is my custom CSS:
/* Lower menus*/
div#menu1 ul.rMenu li ul li a:link,
div#menu1 ul.rMenu li ul li a:visited,
div#menu1 ul.rMenu li ul li a:active,
div#menu1 ul.rMenu li ul li a:hover {
font-family:Arial,Verdana,sans-serif;
font-size:11px;
font-weight:normal;line-height:normal;
padding:4px 5px;
text-decoration:none;
text-transform:uppercase;}

div#menu1 ul.rMenu li ul li a:hover,
div#menu1 ul.rMenu li ul li a:active {
color:#FFFFFF;
font-family:Arial,Verdana,sans-serif;
font-size:11px;
font-weight:normal;line-height:normal;
padding:4px 5px;
text-decoration:none;
text-transform:uppercase;}

/* Main menu */
div#menu1 ul.rMenu li a:link,
div#menu1 ul.rMenu li a:hover,
div#menu1 ul.rMenu li a:visited,
div#menu1 ul.rMenu li a:active
{
padding: 4px 10px;
border-left-width:2px;
border-right-width:2px;
font-family:Arial,Verdana,sans-serif;
font-size:12px;
font-weight:bold;line-height:normal;
text-decoration:none;
text-transform:uppercase; }
div#menu1 ul.rMenu li a:link,
div#menu1 ul.rMenu li a:visited {
color:#000000;}

div#menu1 ul.rMenu li a:hover,
div#menu1 ul.rMenu li a:active {
color:#FFFFFF;}

Any help would be greatly appreciated.