$(document).ready(function(){
	
	// Set the class name of your top level lists.
	// You can change this name if you wish, but 
	// you'll have to change it in both the HTML and CSS too.
	var listClass = "top-level";
	
	
	// show the sub-lists when the parent item is moused over...
	$("ul." + listClass + " > li").mouseenter(function(){
		$("ul", this).show();
	}).mouseleave(function(){ // ...and then hide the sub-list on mouse-out.
		$("ul", this).hide();
		});

		
	// hide the sub-lists on page load.
	$("ul." + listClass + " > li > ul").hide();
		

});