.navactiveitem
        {
            background-color: white !important;
            color:black;  
        }
        
         .navactivesubitem, .navactivesubitem a
        {
            color:white !important;
            background-color: #545F63;
        }
        
        .activesubnavimage
        {
            visibility: hidden;
            display: none;
        }
        
        .navsubitem
        {

        }
        
        .navitem, .navitem a
        {
            
        }
      

        /*Accordion menu styles */

        /* SpryAccordion.css - version 0.4 - Spry Pre-Release 1.6.1 */

        /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

        /* This is the selector for the main Accordion container. For our default style,
        * we draw borders on the left, right, and bottom. The top border of the Accordion
        * will be rendered by the first AccordionPanelTab which never moves.
        *
        * If you want to constrain the width of the Accordion widget, set a width on
        * the Accordion container. By default, our accordion expands horizontally to fill
        * up available space.
        *
        * The name of the class ("Accordion") used in this selector is not necessary
        * to make the widget function. You can use any class name you want to style the
        * Accordion container.
        */
        .Accordion 
        {

        }

        /* This is the selector for the AccordionPanel container which houses the
        * panel tab and a panel content area. It doesn't render visually, but we
        * make sure that it has zero margin and padding.
        *
        * The name of the class ("AccordionPanel") used in this selector is not necessary
        * to make the widget function. You can use any class name you want to style an
        * accordion panel container.
        */
        .AccordionPanel 
        {

        }

        /* This is the selector for the AccordionPanelTab. This container houses
        * the title for the panel. This is also the container that the user clicks
        * on to open a specific panel.
        *
        * The name of the class ("AccordionPanelTab") used in this selector is not necessary
        * to make the widget function. You can use any class name you want to style an
        * accordion panel tab container.
        *
        * NOTE:
        * This rule uses -moz-user-select and -khtml-user-select properties to prevent the
        * user from selecting the text in the AccordionPanelTab. These are proprietary browser
        * properties that only work in Mozilla based browsers (like FireFox) and KHTML based
        * browsers (like Safari), so they will not pass W3C validation. If you want your documents to
        * validate, and don't care if the user can select the text within an AccordionPanelTab,
        * you can safely remove those properties without affecting the functionality of the widget.
        */
        .AccordionPanelTab 
        {

        }

        /* This is the selector for a Panel's Content area. It's important to note that
        * you should never put any padding on the panel's content area if you plan to
        * use the Accordions panel animations. Placing a non-zero padding on the content
        * area can cause the accordion to abruptly grow in height while the panels animate.
        *
        * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
        * Content container.
        *
        * The name of the class ("AccordionPanelContent") used in this selector is not necessary
        * to make the widget function. You can use any class name you want to style an
        * accordion panel content container.
        */
        .AccordionPanelContent 
        {
            background-color: #A8A8A8; 
        }
        

        /* This is an example of how to change the appearance of the panel tab that is
        * currently open. The class "AccordionPanelOpen" is programatically added and removed
        * from panels as the user clicks on the tabs within the Accordion.
        */
        .AccordionPanelOpen .AccordionPanelTab {
            background-color:white;
            color: black !important;
        }

        /* This is an example of how to change the appearance of the panel tab as the
        * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
        * and removed from panel tab containers as the mouse enters and exits the tab container.
        */
        .AccordionPanelTabHover {

        }
        
        .AccordionPanelOpen .AccordionPanelTabHover {

        }

        /* This is an example of how to change the appearance of all the panel tabs when the
        * Accordion has focus. The "AccordionFocused" class is programatically added and removed
        * whenever the Accordion gains or loses keyboard focus.
        */
        .AccordionFocused .AccordionPanelTab {
            background-color:transparent;
        }

        /* This is an example of how to change the appearance of the panel tab that is
        * currently open when the Accordion has focus.
        */
        .AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
            background-color:white;
            color: black !important;
        }