how to change parent menu and submenu color on mouseover

See more:

ASP.NET

CSS

hi .......

I want change background and font color of selected menu items.I want effect should apply to parent as well child node i.e. entire selected path.with my code i am able change background images but not font color.only mouseover menu items .font color apply to only mouse over menu item .
my css code is

.Menu
{
  background: url('../Images/Menubg_New2.jpg') repeat;
}

.Menu ul
{
    /*background:#7795BD;*/ /* background:#999966;   */
   background: url('../Images/Menubg_New2.jpg');
   /* background-image:url('../Images/Menubg_New.jpg'),url('../Images/menubg1.jpg') ; */
    color: #FFFFFF;
}

.Menu ul li
{
   color: #FFFFFF;
   /* background:#999966;*/
    text-align:left;
    /* set width if needed.*/
    /*width:120px;*/
    background: url('../Images/Menubg_New2.jpg');
   /* background-image:url('../Images/Menubg_New.jpg'),url('../Images/menubg1.jpg') ; */

}

.Menu ul li a
{
    color: #FFFFFF;
    padding: 4px 2px 4px;
    padding-left: 8px !important;
    border: 1px solid white;
    border-bottom: 0;

    background: url('../Images/Menubg_New2.jpg');
   /* background-image:url('../Images/Menubg_New.jpg'),url('../Images/menubg1.jpg') ; */

}

.Menu ul li:hover
{
    /*background: #663300;*/
    /*background:#660033;*/
    background: url('../Images/menubg4.jpg') repeat;
}

.Menu ul li a:hover
{
    /*color: red;*/
   background: url('../Images/menubg4.jpg') repeat;
}

provide soln for it.