/* 
        General styles for this example page */

        img {
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-align: right;
        }
 
        #mainContainer{
            width:980px;
            height:30px;
            margin: 0px auto;
            padding: 0px;
            text-align:left;
            background-color: #ffffff;
        }

        #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 */
            margin: 0px;
            padding: 0px;
            text-decoration:none;
        }

        #dhtmlgoodies_menu{
            visibility:hidden;  
        }
        #dhtmlgoodies_menu ul{
            margin:0px; /* No indent */
            padding:0px;    /* No indent */
            text-decoration:none;
        }
        #dhtmlgoodies_menu li{
            list-style-type:none;   /* No bullets */
            margin: 0px;
            text-align:left;
        }   
        #dhtmlgoodies_menu a{
            margin:0px;
            padding:0px;
            text-decoration:none;
            display: block;
        }
        /* End general configuration CSS */


        /* Cosmetic */

        /***********************************************************************
            CSS - MENU BLOCKS
            General rules for all menu blocks (group of sub items) 
        ***********************************************************************/
        #dhtmlgoodies_menu ul{
            padding:0px;
            margin:0px; 
            background-color:#989f98;
            text-decoration:none;
        }

        #dhtmlgoodies_menu ul.menuBlock1{   /* Menu bar - main menu items */
            border:0px;
            padding:0px;
            overflow:visible;
            margin:0px;
            text-decoration:none;
        }
        #dhtmlgoodies_menu ul.menuBlock2{   /* Menu bar - main menu items */
            border: 0px;
            padding: 0px;
            margin:0px;
            text-decoration:none;
        }

        /***********************************************************************
            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: #ffffff;
            text-decoration: none;
            padding: 0px;
            margin:0px;
        }

        /*
        Main menu items 
        */

        #dhtmlgoodies_menu .currentDepth1{
            padding: 0px;
            border: 0px;
            margin: 0px;
            text-decoration:none;
        }
        #dhtmlgoodies_menu .currentDepth1over{
            padding: 0px;
            border: 0px;
            margin: 0px;
            text-decoration:none;
        }
        #dhtmlgoodies_menu .currentDepth1 a{
            font-weight:bold;
            text-decoration:none;
            display: block;
        
        }
        #dhtmlgoodies_menu .currentDepth1over a{    /* Text rules */
            color:#ffffff;
            font-weight:bold;
            text-decoration:none;
            display: block;
        
        }

        /* Sub menu depth 1 */
        #dhtmlgoodies_menu .currentDepth2{
            border-bottom:1px #d7dfd6 solid;
            text-decoration:none;
            display: block;
            background-color:#acb4ab;
            font-family: arial,sans-serif;
            font-weight:bold;
            font-size:12px;
            padding: 8px;
        }
        #dhtmlgoodies_menu .currentDepth2over{

            border-bottom:1px #ffffff solid;
            font-family: arial,sans-serif;
            font-weight:bold;
            font-size:12px;
            text-decoration:none;
            display: block;
            background-color:#969f94;
            padding: 8px;
        }   

        
        /* ---- NOT USED BY LOI ---- */
        
        /* Sub menu depth 2 */
        #dhtmlgoodies_menu .currentDepth3{
            padding-right:2px;
            border:1px solid #FFF;
            text-decoration:none;
        }
        #dhtmlgoodies_menu .currentDepth3over{
            padding-right:2px;
            background-color:#EDE3EB;
            border:1px solid #000;
            text-decoration:none;
        }
        /* Sub menu depth 3 */
        #dhtmlgoodies_menu .currentDepth4{
            padding-right:2px;
            border:1px solid #FFF;
            text-decoration:none;
        }
        #dhtmlgoodies_menu .currentDepth4over{
            padding-right:2px;
            background-color:#EBEDE3;
            border:1px solid #000;
            text-decoration:none;
        }