$(document).ready(function(){
	$("#topnavContent ul li span").hover(
		function () {
			$(this).css({
						'background-image' :'url(images/btn_grad_back.gif)',
						'background-repeat' : 'repeat-x',
						'background-position' : 'left top',
						'cursor' : 'pointer'
						});
			$(this).find("a").css({
						'background-image' :'url(images/btn_mid_back.gif)',
						'background-repeat' : 'no-repeat',
						'background-position' : 'center top'
						});
		},
		function () {
			$(this).css("background", "none");
			$(this).find("a").css("background", "none");
		}
	);

	// Your code here
	$("#bottomnavContent ul li").hover(
		function () {
			$(this).find("span.span1").css({
						'background-image' :'url(images/bottombtn_left_back.gif)',
						'background-repeat' : 'no-repeat',
						'background-position' : 'left top',
						'cursor' : 'pointer'
						});
			$(this).find("span.span2").css({
						'background-image' :'url(images/bottombtn_right_back.gif)',
						'background-repeat' : 'no-repeat',
						'background-position' : 'right top',
						'cursor' : 'pointer'
						});
			$(this).find("a").css({
						'background-image' :'url(images/bottombtn_mid_back.gif)',
						'background-repeat' : 'no-repeat',
						'background-position' : 'center top'
						});
		},
		function () {
			$(this).find("span.span1").css("background", "none");
			$(this).find("span.span2").css("background", "none");
			$(this).find("a").css("background", "none");
		}
	);
});