Menu highlighting - invisible text

[screenmates]

I don't remember as it was a long time ago I programmed my menu but now I see the clicked submenu item and its main menu item are getting highlighted. The problem is - the main menu item is highlighted in such a way that its text is not visible until I mouseover it (submenu item highlighting is ok). I do not have any calls to mmItemActivateByText in the onload event for the highlighted items. Here is the list of the included javascript files:

milonic_src.js
mmenudom.js
siteindex.js
mmpagehighlighter.js
menu-data.js

I just want to highlight the mainmenu item in the proper color similar to submenu highlighting. Here is the code from menu-data.js for menuStyle:

with(menuStyle=new mm_style()){
oncolor="#000000";
onbgcolor="#CCCCCC";
offcolor="#000000";
offbgcolor="#FFFFFF";
separatorcolor="#999999";
padding="4";
fontfamily="Verdana, Tahoma, Arial";
fontsize="9pt";
align="center";
fontweight="bold";
separatorsize="1";
itemheight="31";
tipfollow="1";
pagebgcolor="#999999";
pagecolor="#ffffff";
}


Submenu style:

submenuStyle=new copyOf(menuStyle);
submenuStyle.align="left";
submenuStyle.fontweight="normal";
submenuStyle.borderwidth="1";
submenuStyle.bordercolor="#999999";
submenuStyle.headercolor="#ffffff";
submenuStyle.headerbgcolor="#999999";
submenuStyle.separatorcolor="#cccccc";
submenuStyle.overfilter="Fade(overlap=1.00, duration=0.5);Shadow(color='#999999',direction=135,strength=5)";
submenuStyle.outfilter="RandomDissolve(duration=0.3, overlap=1)";
submenuStyle.itemheight="0";
submenuStyle.subimage="/images/menu-arrowbar-small.gif";
submenuStyle.subimagepadding="4";
submenuStyle.onbgcolor="#cccccc";
submenuStyle.offbgcolor="#ffffff";


I guess I'm missing the highlight color property for the main menu style.

What could be causing the wrong highlighting? Please help...

TIA

[screenmates]

Never mind. It was pagecolor/pagebgcolor causing the problem. Problem solved.