/*
 * DESCRIPTION
 * CSS styles used by the menu of the website of Infogroen   
 * Alter these styles to let the site have a custom look.
 *
 * CONTENT
 *     - Menu styles
 */


/* Menu styles 
-------------------------------------------------------------------------------------------------*/

#submenu_ul {
    margin: 0; 
    padding: 0;
    list-style: none; 
    position: relative; 
}
    #submenu_ul a {
        display: block; 
        /* width: 10em; */
    }
    
    #submenu_ul li {
        /* float: left; */ 
        /* width: 10em; */ 
        position: relative; 
        height: 20px;
    }
    
        #submenu_ul li a {
            text-decoration: none;
            margin: 0;
        }
        
        #submenu_ul li ul {
            margin: 0; 
            padding: 0; 
            position: absolute; 
            width: 160px; 
            left: -1100em; 
            top: 20px;
            background-color: #9C0;
            display: block;
            float: none;
            border-top: 1px solid #FFF;
        }
        
        #submenu_ul li li {
            color: #600;
            width: 175px;
            background-color: #9C0;
            float: left;
            margin: 0;
            padding: 0 0 0 6px;
            line-height: 18px;
            height: 20px;
        }
        
            #submenu_ul li li a {
                text-decoration: none;
            }

        #submenu_ul li:hover ul, 
        #submenu_ul li.sfh ul { 
            left: 0; 
        }
        
            #submenu_ul li ul ul {
				/*
				list-style: none;
				*/
                /* margin: -1.2em 0 0 10em;*/ 
                /*padding: 0;*/
                /* border-top: 3px solid #000; */
				margin: 0; 
	            padding: 0; 
	            position: absolute; 
	            width: 130px; 
	            left: 1em; 
	            top: 0px;
				margin-left:186px;
	            background-color: #9C0;
	            display: block;
	            float: none;
	            border-top: 1px solid #FFF;
			
            }
            
            #submenu_ul li:hover ul ul, 
            #submenu_ul li.sfh ul ul {
                left: -1100em;
            }

        #submenu_ul li:hover ul, 
        #submenu_ul li li:hover ul, 
        #submenu_ul li.sfh ul, 
        #submenu_ul li li.sfh ul {
            left: -6px;
        }
        
		
		
		
* html #submenu_ul {
    position: absolute;
}