ul.main-nav { /* List area itself -- holds Level 1 navigation */
}
	
	ul.main-nav li { /* Level 1 Inactive (default) */
		height: 22px;
		position: relative;
	}
	
		ul.main-nav li ul {
			display: none;
		}
		
			ul.main-nav li:hover ul { /* Level 2 Inactive (default) */
			background: #f5f9f5;
			display: block;
			left: 0;
			height: auto;
			margin: 0;
			margin-left: 14px;
			padding: 0;
			padding-bottom: 6px;
			top: 19px; /* adjust based on height of first level navigation in ul.main-nav li */
			position: absolute;
			left: 0;
			}
			
			ul.main-nav li ul li {
			background: none;
			border-right: 0;
			clear: both;
			display: block;
			float: left;
			height: auto;
			margin: 0;
			padding: 0;
			position: relative;
			width: 170px;
			}
			
			ul.main-nav li ul li a {
			background: #333;
			clear: both;
			display: block;
			float: left;
			font: bold 13px Arial, Helvetica, sans-serif;
			height: auto;
			margin: 0;
			overflow: hidden;
			padding: 5px 10px;
			width: 150px;
			}
			
				ul.main-nav li ul li a:hover, ul.main-nav li:hover ul li:hover {
				background: #F1F7F5;
				color: #66D2B4;
				}
				
				ul.main-nav li:hover ul li ul, /* second level off state */
				ul.main-nav li ul li:hover ul li ul /* third level off state */ {
				display: none;
				position: absolute;
				left: 210px; /* adjust based upon width of ul.main-nav li ul li */
				top: auto;
				}
				
					ul.main-nav li ul li:hover ul, /* second level on state */
					ul.main-nav li ul li ul li:hover ul /* third level on state */ {
					display: block;
					float: none;
					}
	
	ul.main-nav li a {
	cursor: pointer;
	display: block;
	float: left;
	height: 24px;
	text-decoration: none;
	}
	
		ul.main-nav a:hover, ul.main-nav li.active a, ul.main-nav li:hover {
		}
		
			ul.main-nav li:hover a {
			background: none;
			}