#mainContainer{
    width:968px;
    margin:0 auto;
    text-align:left;
    color: #FFFFFF;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;  
    height: 41px !important;
    background-image: url("/source/templates/design/default/images/menu_bg.gif");
    padding: 10px auto;
  }
  
  #dhtmlgoodies_menu img{
    border:0px;
    margin-left: 20px;
  }

  /* 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 */
    height: 41px !important;
  }
  #dhtmlgoodies_menu li{
    list-style-type:none; /* No bullets */
  } 
  #dhtmlgoodies_menu div{
    margin:0px;
    padding:0px;
    text-transform: uppercase;
  }

  /* 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;
    overflow: visible;
    height: 41px;
    margin: 0% 12%;
  }
  
      
  #dhtmlgoodies_menu ul.menuBlock2{ /* Menu bar - main menu items */
    border:0px;
    padding-top:1px;
    height: 20px;
  }
  
  /***********************************************************************
    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: #FFF;
    text-decoration:none;
    padding-left:2px;
    padding-right:2px;
    text-transform: uppercase;
  }
  
  /*
  Main menu items 
  */
  
  #dhtmlgoodies_menu .currentDepth1{
    height: 33px;
    margin-top: 3px;
  }
  
  #dhtmlgoodies_menu .currentDepth1 a{
    font-weight:bold;
    float: left;
    padding: 10px 20px 0px 20px;
  } 
  
  #dhtmlgoodies_menu .sep{
    margin: 0 !important;
    background: none;
    float: left;
    height: 33px;
  }
  
  #dhtmlgoodies_menu .currentDepth1over{
    background-image: url("/source/templates/design/default/images/menu_bg_over.gif");
    height: 33px;
    margin-top: 3px;
  }

  #dhtmlgoodies_menu .currentDepth1over a{
    font-weight:bold;
    float: left;
    padding: 10px 20px 0px 20px !important;
  }
  
  
  
  /* Sub menu depth 1 */
  #dhtmlgoodies_menu .currentDepth2{
    padding: 0px 5px;
    background-color: #468ED0;
    width: 160px;
  }
  #dhtmlgoodies_menu .currentDepth2over{
    padding: 0px 5px;
    background-color: #30618F;
    width: 160px;
  }
  
    
  #dhtmlgoodies_menu .currentDepth2 div{
    width: 150px;
    *margin: 5px 0px;
  }

  #dhtmlgoodies_menu .currentDepth2over div{
    width: 150px;
    *margin: 5px 0px;
  }
    
  #dhtmlgoodies_menu .currentDepth2over * a{  /* Text rules */
    width: 150px;
    color:#000;
  } 
  
  /* Sub menu depth 2 */
  #dhtmlgoodies_menu .currentDepth3{
    padding: 0px 5px;
    background-image: url("/source/templates/design/default/images/menu_bg_over.gif");
    width: 160px;
  }
  #dhtmlgoodies_menu .currentDepth3over{
    padding: 0px 5px;
    background-image: url("/source/templates/design/default/images/menu_bg.gif");
    width: 160px;
  }

  #dhtmlgoodies_menu .currentDepth3 div{
    width: 150px;
    *margin: 5px 0px;
  }

  #dhtmlgoodies_menu .currentDepth3over div{
    width: 150px;
    *margin: 5px 0px;
  }  
  
  #dhtmlgoodies_menu .currentDepth3over * a{  /* Text rules */
    width: 150px;
    color:#000;
  }
  
  /* Sub menu depth 3 */
  #dhtmlgoodies_menu .currentDepth4{
    padding: 0px 5px;
    background-image: url("/source/templates/design/default/images/menu_bg_over.gif");
  }
  #dhtmlgoodies_menu .currentDepth4over{
    padding: 0px 5px;
    background-image: url("/source/templates/design/default/images/menu_bg.gif");
  } 

  #dhtmlgoodies_menu .currentDepth4 div{
    width: 150px;
    *margin: 5px 0px;
  }

  #dhtmlgoodies_menu .currentDepth4over div{
    width: 150px;
    *margin: 5px 0px;
  }    
  
  #dhtmlgoodies_menu .currentDepth4over * a{  /* Text rules */
    width: 150px;
    color:#000;
  }