var $j = jQuery.noConflict();

$j(document).ready(function() {

	$j("ul#topnav li").hover(function() { //Hover over event on list item
		$j(this).css({ 'background' : '#fff'}); //Add background color and image on hovered list item
		$j(this).find("div").show().css({ 'background' : '#c00'}); //Show the subnav
		$j(this).find("div a").css({ 'background' : '#c00','color' : '#fff'}); //Show the subnav
	}, function() { //on hover out...
		$j(this).css({ 'background' : 'none'}); //Ditch the background
		$j(this).find("div").hide(); //Hide the subnav
	});

	$j("ul#topnav > li").mouseleave(function(e) {
		$j(this).css({ 'background' : 'none'}); //Ditch the background
		$j(this).find("div").hide(); //Hide the subnav
	});
	
});