/* 
* - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - *
		
 	Style sheet Name:
				menu.css
	Description :   
				This css script has all classes, ids defined that are used in handling
			menu functionality. 

	Written by:
				09-Jan-2024	-	Infotools
				User will need to set various attributes like width, left margin for inner
			menu options, font color, background color, hover color etc. to suite system
			requirements.

	Code review by:
				09-Jan-2024	-	Infotools

	Caution:
				09-Jan-2024	-	Infotools
				code generator ver 1.0.0
				Because this script is generated using proprietory code generator,
			changes in this script will need to be handled carefully.
				Preferably this should be done by who understands menu handling 
			using <nav> tag.

	Assumption:
				09-Jan-2024	-	Infotools

	Remarks:
				09-Jan-2024	-	Infotools
				*{margin: 0; padding: 0;} removed from 27 Feb 2020. 
			Now included in standard.css in Libs folder

* - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - *
*/
	


.menu nav{width: 1024px; margin: auto;}
            
.menu ul{list-style: none;}

/*		main menu options and it's decoration	*/			/* 176/ColorCombo176.html  */
.menu ul li{ width: 180px; background: #CEC7C6; float: left; height: 35px; line-height: 35px; 
		text-align: center; margin-right: 2px; position: relative;}
            
.menu ul li:hover{ background: #B59A73; color: white; }		/* 176/ColorCombo176.html  */
            
.menu ul li a{color: #000; text-decoration: none; font-family: sans-serif; display: block;}
            
.menu ul li a:hover{color: white;}

/*		first level dropdown menu options and it's decoration	*/
.menu ul li ul li{ border-top: 1px solid white;}
            
.menu ul li ul{display: none;}
            
.menu ul li:hover ul{ display: block; color: white; }

/*		second level dropdown menu options and it's decoration	*/
.menu ul li ul .level-2{position: absolute; left: 182px; top: 0; display: none;}
            
.menu ul li ul li:hover .level-2{display: block; color: white; }

/*		third level dropdown menu options and it's decoration	*/
.menu ul li ul li ul .level-3{position: absolute; left: 182px; top: 0; display: none;}
            
.menu ul li ul li ul li:hover .level-3{display: block; color: white; }