$(document).ready( function(){
// we are going to bind events to the li leftnav stuff so we can have png rollovers
	$("#li1").bind("mouseenter", function(){
		$('#bub1').toggle();
	}).bind("mouseleave", function(){
		$('#bub1').hide("slow");
	});

	$("#li2").bind("mouseenter", function(){
		$('#bub2').toggle();
	}).bind("mouseleave", function(){
		$('#bub2').hide("slow");
	});

	$("#li3").bind("mouseenter", function(){
		$('#bub3').toggle();
	}).bind("mouseleave", function(){
		$('#bub3').hide("slow");
	});

	$("#li4").bind("mouseenter", function(){
		$('#promo1').toggle();
	}).bind("mouseleave", function(){
		$('#promo1').hide("slow");
	});



});