modifica file moo.css template ja purity II

[robbypi]

sto usando il template ja purity II in un nuovo sito che purtroppo non posso mettere on line per aiutare qualcuno ad aiutarmi, quindi spero ci si riesca lo stesso.
ho modificato tante opzioni relative ai colori (con firebug è un gioco da ragazzi...) ma c'è una cosa che vorrei che secondo me non è contemplata in questo template e forse dovrei aggiungere una riga di codice, ma non sapendone un'acca chiedo umilmente aiuto...
ho scelto il type menu = moo menu.
praticamente di default il nome di una voce di menu è scritto in bianco perchè lo sfondo è grigio. lo sfondo rimane sempre grigio (in varie tonalità) sia nel rollover che nelle sottovoci di menu, perciò il bianco ci sta sempre bene.
come si può vedere dalla mia immagine allegata ho cambiato il menu da grigio a giallo con scritta nera, e quando ci si va sopra col mouse diventa blu con scritta bianca. fin qui tutto ok. ma se esiste una voce di sottomenu e si apre la tendina sotto, vorrei che la scritta rimanesse bianca altrimenti non si vede niente, invece torna nera.
qualcuno mi sa dire cosa dovrei fare per modificare questo comportamento? c'è da aggiungere qualche riga di codice?
grazie in anticipo!
 

[allegato vecchio più di un anno eliminato automaticamente]

[robbypi]

nessuno mi sa dare una mano? 
incollo il file moo.css se può essere utile.

#ja-cssmenu {
   margin: 0; /* all lists */
   padding: 0;
   border-right: 1px solid #666;
   float: left;
}

#ja-cssmenu ul {
   margin: 0; /* all lists */
   padding: 0;
}

#ja-cssmenu li {
   margin: 0; /* all list items */
   padding: 0;
   float: left;
   display: block;
   background: none;
   cursor: pointer;
}

#ja-cssmenu li ul {
   width: 16.4em;
   position: absolute; /* second-level lists */
   z-index: 99;
   left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
   height: auto;
   w\idth: 15.9em;
}

#ja-cssmenu li ul ul {
   margin: -2em 0 0 14em; /* third-and-above-level lists */
}

#ja-cssmenu li li {
   padding: 0 1em 0 0;
   margin: 0;
   width: 14.9em;
}

#ja-cssmenu ul a {
   width: 14.8em;
   w\idth: 10.8em;
}

#ja-cssmenu li:hover ul ul, #ja-cssmenu li:hover ul ul ul,
#ja-cssmenu li.sfhover ul ul, #ja-cssmenu li.havechildsfhover ul ul, #ja-cssmenu li.havechild-activesfhover ul ul, #ja-cssmenu li.activesfhover ul ul,
#ja-cssmenu li.sfhover ul ul ul, #ja-cssmenu li.havechildsfhover ul ul ul, #ja-cssmenu li.havechild-activesfhover ul ul ul, #ja-cssmenu li.activesfhover ul ul ul {
   left: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#ja-cssmenu li:hover ul, #ja-cssmenu li li:hover ul, #ja-cssmenu li li li:hover ul,
#ja-cssmenu li.sfhover ul, #ja-cssmenu li.havechildsfhover ul, #ja-cssmenu li.havechild-activesfhover ul, #ja-cssmenu li.activesfhover ul,
#ja-cssmenu li li.sfhover ul, #ja-cssmenu li li.havesubchildsfhover ul, #ja-cssmenu li li.havesubchild-activesfhover ul, #ja-cssmenu li li.activesfhover ul,
#ja-cssmenu li li li.sfhover ul, #ja-cssmenu li li li.havesubchildsfhover ul, #ja-cssmenu li li li.havesubchild-activesfhover ul, #ja-cssmenu li li li.activesfhover ul {
   left: auto;
}

/* STYLING THE MENU
-----------------------------------*/
/* 1st level */
#ja-cssmenu li a {
   margin: 0;
   padding: 5px 15px;
   border-left: 1px solid #fdff32;
   border-right: 1px solid #fdff32;
   display: block;
   color: #000000;
   font-weight: bold;
   line-height: normal;
   text-decoration: none;
}

#ja-cssmenu li a:hover,
#ja-cssmenu li a:active,
#ja-cssmenu li a:focus,
#ja-cssmenu li a.sfhover {
   color: #ffffff;
}

#ja-cssmenu li:hover,
#ja-cssmenu li.sfhover,
#ja-cssmenu li.havechildsfhover,
#ja-cssmenu li.havechild-activesfhover {
   background: url(../../images/grad1-mask.png) repeat-x top #0f0d95;
   color: #ffffff;
}

#ja-cssmenu li a.active,
#ja-cssmenu li a.active:hover,
#ja-cssmenu li a.active:active,
#ja-cssmenu li a.active:focus {
   background: url(../../images/grad1-mask.png) repeat-x top #0f0d95;
   color: #ffffff;
}

/* 2nd level and above */
#ja-cssmenu li ul {
   border: 1px solid #fdff32;
   border-top: 0;
   background: #0f0d95;
}

#ja-cssmenu li ul ul {
   border-top: 1px solid #fdff32;
}

#ja-cssmenu li ul li {
   border-top: 1px solid #0f0d95;
   background: none;
}

#ja-cssmenu li ul a {
   border-right: 0;
   border-left: 0;
   margin: 0;
   padding: 7px 15px;
   background: none;
   color: #ccc;
   font-weight: normal;
   line-height: normal;
}

#ja-cssmenu li.havesubchild,
#ja-cssmenu li.havesubchild-active {
   background: url(../../images/bullet2.gif) no-repeat 94% 50%;
}

#ja-cssmenu li ul a:hover,
#ja-cssmenu li ul a:active,
#ja-cssmenu li ul a:focus,
#ja-cssmenu ul li:hover,
#ja-cssmenu ul li.sfhover,
#ja-cssmenu ul li.havesubchildsfhover,
#ja-cssmenu ul li.havesubchild-activesfhover,
#ja-cssmenu ul ul li:hover,
#ja-cssmenu ul ul li.sfhover,
#ja-cssmenu ul ul li.havesubchildsfhover,
#ja-cssmenu ul ul li.havesubchild-activesfhover {
   background: #0f0d95;
   color: #fff;
}

#ja-cssmenu ul li a.active,
#ja-cssmenu ul li a.active:hover,
#ja-cssmenu ul li a.active:active,
#ja-cssmenu ul li a.active:focus {
   background: none !important;
   color: #fff;
   font-weight: bold;
}

[robbypi]

nessuno nessuno...?