$(document).ready(function() {
	function addHover(){
		$(this).addClass("hovering");
	}
	function removeHover(){
		$(this).removeClass("hovering");
	}
	function addHoverSlider(){
		$(this).addClass("hovering");
		$(this).find("ul").slideToggle("slow");
	}
	function removeHoverSlider(){
		$(this).find("ul").slideToggle("slow",function(){$(this).removeClass("hovering")});
	}
	var hoverConfig = {    
		interval: 100,
		sensitivity: 4, 
		over: addHoverSlider,
		timeout: 300,
		out: removeHoverSlider
	};
	$("#topnavigation li.main").hoverIntent(hoverConfig);
	$('ul.subnavigation li a').hover(function () {
		$(this).animate({fontSize: "14px"}, 50 );
	}, function () {
		$(this).animate({fontSize: "12px"}, 50 );
	});
});

	/* the next portion could be replaced with a single line of CSS in the stylesheet as follows
	ul.subnavigation li a:hover{font-size:14px}
	*/