.main-nav ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		background-color: #655;
		
	}
	.main-nav li {
		background-color: #433;
		margin:0 2px 0 2px;
	}
	
	.main-nav > ul > li {
		display: inline-block;
		/* Creates a horizontal menu */
		position: relative;
		
		/* Crucial for positioning the submenu relative to this item */
		padding: 10px;
		
	}

	
	.main-nav a {
		text-decoration: none;
		color:white;
		padding: 2px 3px;
		display: block;
	}
	
	.submenu,
	.submenu-level2,
	.submenu-level3 {
		display: none;
		/* Hide submenus by default */
		position: absolute;
		/* Position relative to the parent LI */
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
		z-index: 5;
		/* Adjust positioning as needed (e.g., top, left) */
		top: 100%;
		/* Places the submenu directly below the parent LI */
		left: 0;
	}
	
	.submenu li {
		display: block;
		/* Submenu items are vertical */
		padding: 8px 16px;
		margin:2px;
	}
	
	.main-nav > ul > li:hover > .submenu {
		display: block;
	}
	/* For deeper levels, chain the hover effect */
	
	.submenu li:hover > .submenu-level2 {
		display: block;
		/* Position the next level menu to the side */
		top: 0;
		left: 100%;
	}
	.submenu-level2 li:hover > .submenu-level3 {
		display: block;
		/* Position the next level menu to the side */
		top: 0;
		left: 100%;
	}