I have a horizontal root only dnnmenu with a separate vertical sub dnnmenu used for the children of the root menu. I want the active tab of the root menu to remain selected/colored after a vertical sub menu item has been selected from that page.  I would then want the root and the sub item to both remain active/colored until another selection is made. Right now, I can only get one or the other to stay selected. How do I accomplish this via CSS and the new dnnmenu?  Any help would be appreciated.  Paul      Here's my code:

/* =======================
 Horizontal Nav Menu
 =======================*/

.main_dnnmenu_bar
{
    cursor: auto;
    background-color: Transparent;
   
}

.main_dnnmenu_item
{
    cursor: auto;
    background-color: Transparent;
    
}

.main_dnnmenu_rootitem
{
    cursor: auto;
    color: #f5f5f5;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    background-color: Transparent;
    font-family: Georgia, Tahoma, Arial, Helvetica, sans-serif;
    padding: 0px 28px 0px 0px;
    margin-left: 15px;
   
}

.main_dnnmenu_itemhover
{
    color: inherit;
    color: #b30401;
   
}

.main_dnnmenu_itemselect
{
    color: #b30401;
   
}

:focus
{
-moz-outline-style: none;
}


/* =======================
 Verticle SubNav Menu
 =======================*/

.main_subdnnmenu_bar
{
    cursor: auto;
    line-height: 40px;
    background-color: Transparent;
}

.main_subdnnmenu_container
{
    cursor: auto;
    background-color: Transparent;
}

.main_subdnnmenu_item
{
    cursor: auto;
    background-color: Transparent;
   
}

.main_subdnnmenu_rootitem
{
    cursor: auto;
    color: #4c4533;
    font-size: 12px;
    font-weight: bold;
    background-color: Transparent;
    font-family: Georgia, Tahoma, Arial, Helvetica, sans-serif;
    padding: 0px 0px 0px 0px;
    margin-left: 25px;
   
}

.main_subdnnmenu_itemhover
{
    color: #b30401;
}

.main_subdnnmenu_itemselect
{
    color: #b30401;
}

:focus
{
-moz-outline-style: none; /*remove accessibilty border */
}