ul.main_nav { /* List area itself -- holds Level 1 navigation */

}
	
	ul.main_nav li { /* Level 1 Inactive (default) */
		display: inline;
		float: left;
		height: 32px;
		position: relative;
	}
	
		ul.main_nav li ul {
			display: none;
		}
		
			ul.main_nav li:hover ul { /* Level 2 Inactive (default) */
			border-bottom: 1px solid #ccc;
			display: block;
			height: auto;
			margin: 0;
			padding: 0;
			top: 20px; /* adjust based on height of first level navigation in ul.main_nav li */
			position: absolute;
			left: 16px;
			}
			
			ul.main_nav li ul li {
			background: none;
			border-left: 1px solid #ccc;
			border-right: 1px solid #ccc;
			border-top: 1px solid #ccc;
			clear: both;
			display: block;
			float: left;
			font: normal 11px Arial, Helvetica, sans-serif;
			height: auto;
			margin: 0;
			padding: 0;
			position: relative;
			width: 210px;
			}
			
			ul.main_nav li ul li a {
			background: #eee;
			clear: both;
			display: block;
			float: left;
			font: normal 12px Arial, Helvetica, sans-serif;
			height: auto;
			margin: 0;
			overflow: hidden;
			padding: 6px 30px;
			width: 150px;
			}
			
				ul.main_nav li ul li a:hover, ul.main_nav li:hover ul li:hover {
				background: #ddd;
				color: #394BA6;
				}
				
				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;
	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 {
			}