/**********************************
					Main Navigation
**********************************/
#nav_main {
	background: url(images/nav_main_inner.gif) no-repeat;
}
	#nav_main li {
		float: left;
	}
	#nav_main a {
		background: url(images/nav_main_inner.gif) no-repeat;
		display: block;
		height: 18px;
		line-height: 18px;
		margin: 1px 0;
		outline: none;
		text-indent: -999em;
	}
	#nav_who-we-are a					{background-position: 0   -1px; width: 111px;}
	#nav_academics a					{background-position: -111px -1px; width: 104px;}
	#nav_admissions a					{background-position: -215px -1px; width: 151px;}
	#nav_student-life a				{background-position: -366px -1px; width: 118px;}
	#nav_athletics a					{background-position: -484px -1px; width: 94px;}
	#nav_change-your-world a	{background-position: -578px -1px; width: 174px;}

	#nav_who-we-are a:hover,
	#nav_who-we-are.active a				{background-position: -0   -22px;}
	#nav_academics a:hover,
	#nav_academics.active a					{background-position: -111px -22px;}
	#nav_admissions a:hover,
	#nav_admissions.active a				{background-position: -215px -22px;}
	#nav_student-life a:hover,
	#nav_student-life.active a			{background-position: -366px -22px;}
	#nav_athletics a:hover,
	#nav_athletics.active a					{background-position: -484px -22px;}
	#nav_change-your-world a:hover,
	#nav_change-your-world.active a	{background-position: -578px -22px;}

/**********************************
  			Audience Navigation
**********************************/
#nav_audience {
	background: url(images/nav_audience_inner.gif) no-repeat;
	float: right;
	margin: 5px 0 2px;
	padding: 0 0 0 105px;
	width: 418px;
}
	#nav_audience li {
		float: left;
	}
		#nav_audience a {
			background: url(images/nav_audience_inner.gif) no-repeat;
			display: block;
			height: 14px;
			line-height: 14px;
			outline: none;
			text-indent: -999em;
		}

		#nav_parents a			{background-position: -105px 0; width: 54px;}
		#nav_alumni a				{background-position: -159px 0; width: 52px;}
		#nav_faculty a			{background-position: -211px 0; width: 92px;}
		#nav_employers a		{background-position: -303px 0; width: 69px;}
		#nav_community a		{background-position: -372px 0; width: 74px;}
		#nav_give-to-jsc a	{background-position: -446px 0; width: 69px;}

		#nav_parents a:hover,
		#nav_parents.active a			{background-position: -105px -14px;}
		#nav_alumni a:hover,
		#nav_alumni.active a			{background-position: -159px -14px;}
		#nav_faculty a:hover,
		#nav_faculty.active a			{background-position: -211px -14px;}
		#nav_employers a:hover,
		#nav_employers.active a		{background-position: -303px -14px;}
		#nav_community a:hover,
		#nav_community.active a		{background-position: -371px -14px;}
		#nav_give-to-jsc a:hover,
		#nav_give-to-jsc.active a	{background-position: -445px -14px;}


/**********************************
					Tools Navigation
**********************************/
#nav_tools {
	height: 16px;
	position: absolute;
		top: 0;
		right: 10px;
}
	#nav_tools li {
		color: #cac770;
		display: inline;
		float: left;
		font: 9px/16px Verdana, sans-serif;
	}
		#nav_tools li a {
			color: #cac770;
			padding: 0 6px;
		}
		#nav_tools li a:hover,
		#nav_tools .active a {color: #e6e6c8;}

		#searchtext {
			background: #61743a;
			border: 1px solid #b0b262;
			color: #cac770;
			font: 9px/11px Verdana;
			height: 11px;
			position: relative;
				top: 1px;
			width: 114px;
		}
		#searchsubmit {
			position: relative;
				top: 2px;
		}
		* html #searchtext {top: 0;}
		* html .searchbox label {position: relative; top: 1px;}
		* html #searchsubmit {top: 3px;}


/**********************************
					Sub Navigation
**********************************/
#subnav {
	margin: 0 21px 26px 5px;
}
	#subnav li {
		background: url(images/bg_subnav_border.gif) no-repeat left bottom;
		padding: 0 0 1px;
	}
	#subnav li a {
		color: #330;
		display: block;
		font: 10px/14px Verdana, sans-serif;
		width: 100%;
	}
		#subnav span {
			display: block;
			padding: 3px 13px 3px 12px;
		}
	#subnav li a:hover,
	#subnav li.active a {
		background: url(images/bg_subnav_hover.gif) repeat-y left top;
		color: #c05100;
	}
		#subnav li a:hover span,
		#subnav li.active span {background: url(images/orange_arrow.gif) no-repeat left 7px;}
		#subnav li.no_arrow span {background: none;}

		#subnav ul {
			background: url(images/bg_subnav_l2.gif) repeat-y left top;
			padding: 0 0 6px 11px;
		}
			#subnav ul li {
				background: none;
				border-bottom: 1px solid #dadab9;
			}
				#subnav .active ul span {
					background: none;
					padding: 2px 8px 2px 7px;
				}
				#subnav .active ul a {
					color: #68683f;
					font: 10px/12px Verdana, sans-serif;
				}
				#subnav .active ul a:hover,
				#subnav .active ul .active a {color: #c05100;}
				#subnav .active ul a:hover span {background: none;}
				#subnav .active ul .last {border: none;}

		#subnav li.active ul li.active ul {
			background: url(images/bg_subnav_l2.gif) repeat-y left top !important;
			padding: 0 0 6px 11px;
		}
			#subnav ul ul li {
				background: none;
				border: none;;
			}
				#subnav .active ul .active ul span {
					background: url(images/green_arrow.gif) no-repeat 0 5px;
					padding: 1px 8px 1px 10px;
				}
				#subnav .active ul .active ul a {
					color: #6e6e40;
					font: 10px/12px Verdana, sans-serif;
				}
				#subnav .active ul .active ul a:hover,
				#subnav .active ul .active ul .active a {
					color: #c05100;
				}
				#subnav ul .active ul a:hover span,
				#subnav ul .active ul .active span {
					background: url(images/orange_arrow_sm.gif) no-repeat 0 5px;
				}

		/* Unique changes to the menu at deeper levels */
		#l4 #subnav .active a,
		#l4 #subnav .active ul,
		#l4 #subnav .active ul a,
		#l5 #subnav .active a,
		#l5 #subnav .active ul,
		#l5 #subnav .active ul a {
			background: none;
		}

		#l4 #subnav li a:hover,
		#l5 #subnav li a:hover {
			background: url(images/bg_subnav_hover.gif) repeat-y left top;
		}
		#l4 #subnav .active ul li a:hover,
		#l5 #subnav .active ul li a:hover {
			background: none;
		}

		#l4 #subnav .active ul .active a,
		#l5 #subnav .active ul .active a,
		#l4 #subnav .active ul .active a:hover,
		#l5 #subnav .active ul .active a:hover {
			background: url(images/bg_subnav_hover.gif) repeat-y left top;
		}