At the top of the navbar javascript file there's four lines like this one:

document.write(".hcinav_menu {z-index:999;border-color:#000000;border-style:solid;border-width:"+bd+"px 0px "+bd+"px 0px;

If I edit the line further up "var bd=1"
I can change the border width of the drop down menus.

By changing the "border-color:" style in each line I can modify the border's colour...

BUT for an "mainMenuItem" entries, where it creates another drop down menu to the side,
the border colour remains black.

Can anyone advise where / how I can modify that colour too please ?
I need a border, but black really doesn't suit the page.