//Navigation
		jQuery(document).ready(function(){ 
	 jQuery("ul.L1 li").mouseover(function(){ //When mouse over ...
        	   //Following event is applied to the subnav itself (making height of subnav 60px)
		      jQuery(this).find('.L2').stop().animate({height:'show', opacity:'1'},{queue:false, duration:600, easing: 'easeOutBounce'}); 
			  });
	
	    jQuery("ul.L1 li").mouseout(function(){ //When mouse out ...
	          //Following event is applied to the subnav itself (making height of subnav 0px)
		     jQuery(this).find('.L2').stop().animate({height:'hide',  opacity:'0'},{queue:false, duration:600, easing: 'easeOutBounce'});
		});

          	
        //menu itembackground color animation			
		jQuery("ul.L1 li").hover(function() {
              jQuery(this).stop().animate({ backgroundColor: "#006666"}, 600);
			  jQuery('.L2 li', this).stop().animate({ backgroundColor: "#1FD6F4"}, 600);
		},
           function() {
              jQuery(this).stop().animate({ backgroundColor: "#1FD6F4" }, 600);
			  jQuery('.L2 li').stop().animate({ backgroundColor: "#1FD6F4"}, 600);
        });
		jQuery("ul.L1 li .L2 li").hover(function() {
			jQuery(this).stop().animate({ backgroundColor: "#1FD6F4"}, 600);
		},
           function() {
              jQuery(this).stop().animate({ backgroundColor: "#1FD6F4" }, 600);
	    });
	});