$(document).ready(function(){

	$("#topMenuBar li").hover(function() { //When menu item is hovered in...
		//Following events are applied to the subnav itself (moving subnav down)
		$(this).find("ul:first").css({visibility: "visible",display: "none"}).slideDown(300); //Drop down the subnav on mouse over
	},function() { //When menu item is hovered out...
		//Following events are applied to the subnav itself (moving subnav up)
		$(this).find("ul:first").css({visibility: "hidden"}); //Move up the subnav on mouse out
	});

});