/* 
    General styles for this example page */
    
    #mainContainer{
        margin:0 auto;
        text-align:left;
        padding-left:16px;
        padding-right:16px;
        padding-bottom:20px;    
    }
    
    #dhtmlgoodies_menu img{
        border:0px;
    }

    /* End general styles for this example page */
    /* General configuration CSS */
    
    #dhtmlgoodies_menu ul li ul{
        display:none;    /* Needed to display ok in Opera */
    }
        
    #dhtmlgoodies_menu{
        visibility:hidden;    
    }
    #dhtmlgoodies_menu ul{
        margin:0px;    /* No indent */
        padding:0px;    /* No indent */
    }
    #dhtmlgoodies_menu li{
        list-style-type:none;    /* No bullets */
    }    

    #dhtmlgoodies_menu a{
        margin:0px;
        padding:0px;
    }
    /* End general configuration CSS */
    
    
    /* Cosmetic */
    
    /***********************************************************************
        CSS - MENU BLOCKS
         General rules for all menu blocks (group of sub items) 
    ***********************************************************************/
    #dhtmlgoodies_menu ul{
        padding:0px;
    }
        
    #dhtmlgoodies_menu ul.menuBlock1{    /* Menu bar - main menu items */
        border:0px;
        padding:0px;
        overflow:visible;
    }
    #dhtmlgoodies_menu ul.menuBlock2{    /* Menu bar - main menu items */
        border:0px;
        padding:0px;
    }
    
    /***********************************************************************
        CSS - MENU ITEMS
         Here, you could assign rules to the menu items at different depths.
    ***********************************************************************/
    /* General rules for all menu items */
    #dhtmlgoodies_menu a{
        color: #000;
        text-decoration:none;
        padding:0px;
    }
    
    /*
    Main menu items 
    */
    
    #dhtmlgoodies_menu .currentDepth1{
        padding:0px;
    }
    #dhtmlgoodies_menu .currentDepth1over{
        padding:0px;
    }
    #dhtmlgoodies_menu .currentDepth1 a{
        color:#808080;
        font-weight:normal;
    }
    #dhtmlgoodies_menu .currentDepth1over a{    /* Text rules */
        color:#000;
        font-weight:normal;
    }
    
    /* Sub menu depth 1 */
    #dhtmlgoodies_menu .currentDepth2{
        padding:2px 0px 2px 10px;
        background-color:#9D9FA2;
    }
    #dhtmlgoodies_menu .currentDepth2over{
        padding:2px 0px 2px 10px;
        background-color:#F1F1F2;
    }    
    #dhtmlgoodies_menu .currentDepth2_odd{
        padding:2px 0px 2px 10px;
        background-color:#D1D2D4;
    }
    #dhtmlgoodies_menu .currentDepth2over_odd{
        padding:2px 0px 2px 10px;
        background-color:#F1F1F2;
    }    
    #dhtmlgoodies_menu .currentDepth2 a{
        color:#FFF;
        font-weight:normal;
    }
    #dhtmlgoodies_menu .currentDepth2over a{    /* Text rules */
        color:#FF0000;
        font-weight:normal;
    }   
     
    /* Sub menu depth 2 */
    #dhtmlgoodies_menu .currentDepth3{
        padding:2px 0px 2px 10px;
        background-color:#9D9FA2;
    }
    #dhtmlgoodies_menu .currentDepth3over{
        padding:2px 0px 2px 10px;
        color:#FF0000;
        background-color:#F1F1F2;
    }
    #dhtmlgoodies_menu .currentDepth3 a{
        color:#FFF;
        font-weight:normal;
    }
    #dhtmlgoodies_menu .currentDepth3over a{    /* Text rules */
        color:#FF0000;
        font-weight:normal;
    }