/* 1 */
#MainNavigation ul { 
	position: relative; 
	list-style:none;
	display:block;
	margin:0;
	padding:0;
}
#MainNavigation ul li { 
	float: left; 
	zoom: 1; 
	background-position:0 0; 
	background-repeat:no-repeat;
	width:100px;
	height:24px;
	display:block;
	margin:0;
	padding:0;
	position: relative;
	cursor:default;
}
#MainNavigation ul li a {
	display: block; 
	padding: 0; 
 	color: #FFFFFF; 
}

#MainNavigation ul li.hover,
#MainNavigation ul li.on  { 
	background-position:0 -24px; 
	color: black;  
}
li#WaterMania { background-image:url(../images/nav/iconmain_00.png); width:120px; }
li#Rides { background-image:url(../images/nav/iconmain_01.png); width:80px; }
li#Plan { background-image:url(../images/nav/iconmain_02.png);}
li#Tickets { background-image:url(../images/nav/iconmain_03.png);}
li#FunStuff { background-image:url(../images/nav/iconmain_04.png);}
li#Groups { background-image:url(../images/nav/iconmain_05.png);}
li#FAQ { background-image:url(../images/nav/iconmain_06.png);}
li#Gallery { background-image:url(../images/nav/iconmain_07.png);}
li#Contact { background-image:url(../images/nav/iconmain_08.png);}
li#Contact ul { left: -21px !important; }


/* 2 */
#MainNavigation ul ul { 
	width: 220px; 
	display: none; 
	position: absolute; 
	top: 100%; 
	left: 0; 
}
#MainNavigation ul ul li { 
	font-weight: normal;
	background-image:url(../images/nav/subnav-back.gif);
	background-repeat:repeat-x;
	background-position:0 top;
	color: #FFFFFF;  
	float: none; 
	padding-top:6px;
	height:18px;
	text-align:center;
	width:110px;
}
<!-- dropdown type -->
#MainNavigation ul ul li.hover,
#MainNavigation ul ul li.on,
#MainNavigation ul ul li.hover a,
#MainNavigation ul ul li.on a {
	color:#47cef7;
}
									  
#MainNavigation ul li a { 
	text-decoration:none;
	width: 100%; 
	display: inline-block; 
} 

/* 3 */
#MainNavigation ul ul ul { left: 100%; top: 0; }

#MainNavigation ul ul ul li,
#MainNavigation ul ul li.on li,
#MainNavigation ul ul li.hover li  {
	background-image:url(../images/nav/subsubnav-back.gif);
	background-position:0 top;
	color: #396cbf; 
	width:150px;
}
#MainNavigation ul ul ul li a,
#MainNavigation ul ul li.hover li a {
	color: #396cbf; 
	background-image:none;
}

#MainNavigation ul ul li.on li.hover a,
#MainNavigation ul ul li.hover li.hover a,
#MainNavigation ul ul li li.hover a {
	color: #000000; 
}
#MainNavigation ul li:hover > ul { display: none; }