// show/hide sub nav items on rollover/rollout
jQuery(document).ready(function()
	{
	jQuery(".main-nav li:has(ul)").children("ul").hide();	
	jQuery("#main_nav li:has(ul)").hover(
	function (){
			jQuery(this).children("ul").css("display", "none");
			
			//uncomment the below if it causes issues.
			//jQuery(this).children("ul").children('li:has(ul)').children('ul').css("width", "0");
			
			jQuery(this).children("ul").show();
			},
	 function (){
			jQuery(this).children("ul").hide();
	 });
	})