$(document).ready(function() {
	//now set up the rollover and don't do any rollover if the menu item is active
	// the above code took care of that
	$(".mainNav").children(".menu-item").bind("mouseover", function() {
		$(this).addClass("activeNav");
	})
	$(".mainNav").children(".menu-item").bind("mouseout", function() {
		$(this).removeClass("activeNav");
	})
		
    $('.menu').children('ul').children('li:first').addClass('first');
    $('.menu').children('ul').children('li:last').addClass('last');
    
    $('.blackFooter').children('ul').children('li:first').addClass('first');
    $('.blackFooter').children('ul').children('li:last').addClass('last');
    
    $('.headerLinks').children('ul').children('li:first').addClass('first');
    $('.headerLinks').children('ul').children('li:last').addClass('last');

});