/* nav.css: CSS for navigation elements */

/*	
	For more information on how this technique works: 
	http://www.alistapart.com/articles/sprites/
*/

/* Begin:MainNav */
ul#MainNav
{
	width: 760px;
	height: 26px;
	margin: 0px; padding: 0px;
	position: relative;
}
ul#MainNav li 
{
	margin: 0px; padding: 0px;
	list-style: none;
	position: absolute;
	top: 0px;
}
ul#MainNav li, ul#MainNav a
{
	display: block;
	height: 26px;
	text-decoration: none;
	font-size: 12px;
	text-indent: -2000px; /* Moves text off-screen, but still visible to search engines and screen readers */
	/* Hidden from IE/Mac \*/overflow: hidden;/* End Hidden from IE/Mac */
}

ul#MainNav { background: transparent url(/olc/images/COUB/nav_main_new.gif) no-repeat; }

/* Offset and widths for each tab */
ul#MainNav li#TabHome { left: 0px; width: 54px; }
ul#MainNav li#TabCurrentStudents { left: 55px; width: 121px; }
ul#MainNav li#TabProspectiveStudents { left: 177px; width: 144px; }
ul#MainNav li#TabPrograms { left: 322px; width: 76px; }
ul#MainNav li#TabCalendar { left: 399px; width: 71px; }
ul#MainNav li#TabHowToApply { left: 471px; width: 92px; }
ul#MainNav li#TabAbout { left: 564px; width: 52px; }
ul#MainNav li#TabContact { left: 617px; width: 63px; }

/*
	On hover, or if class for li is set to "Selected", load background image into link, 
	and shift left and up to show corresponding "on" version
*/
ul#MainNav li a:hover,
ul#MainNav li a.Current { background: transparent url(/olc/images/COUB/nav_main_new.gif) no-repeat; }

ul#MainNav li#TabHome a:hover,
ul#MainNav li#TabHome a.Current { background-position: 0px -26px; }

ul#MainNav li#TabCurrentStudents a:hover,
ul#MainNav li#TabCurrentStudents a.Current { background-position: -55px -26px; }

ul#MainNav li#TabProspectiveStudents a:hover,
ul#MainNav li#TabProspectiveStudents a.Current { background-position: -177px -26px; }

ul#MainNav li#TabPrograms a:hover,
ul#MainNav li#TabPrograms a.Current { background-position: -322px -26px; }

ul#MainNav li#TabCalendar a:hover,
ul#MainNav li#TabCalendar a.Current { background-position: -399px -26px; }

ul#MainNav li#TabHowToApply a:hover,
ul#MainNav li#TabHowToApply a.Current { background-position: -471px -26px; }

ul#MainNav li#TabAbout a:hover,
ul#MainNav li#TabAbout a.Current { background-position: -564px -26px; }

ul#MainNav li#TabContact a:hover,
ul#MainNav li#TabContact a.Current { background-position: -617px -26px; }
/* End:MainNav */

/* Begin:CoursesBySeasonNav */
ul#CoursesBySeasonNav
{
	width: 315px;
	height: 22px;
	margin: 0px; padding: 0px;
	position: relative;
}
ul#CoursesBySeasonNav li 
{
	margin: 0px; padding: 0px;
	list-style: none;
	position: absolute;
	top: 0px;
}
ul#CoursesBySeasonNav li, ul#CoursesBySeasonNav a
{
	display: block;
	height: 22px;
	text-decoration: none;
	font-size: 12px;
	text-indent: -2000px; /* Moves text off-screen, but still visible to search engines and screen readers */
	/* Hidden from IE/Mac \*/overflow: hidden;/* End Hidden from IE/Mac */
}

ul#CoursesBySeasonNav { background: transparent url(/olc/images/COUB/nav_tabs_courses_by_season.gif) no-repeat; }

/* Offset and widths for each tab */
ul#CoursesBySeasonNav li#TabFall { left: 0px; width: 95px; }
ul#CoursesBySeasonNav li#TabSpring { left: 97px; width: 106px; }
ul#CoursesBySeasonNav li#TabSummer { left: 205px; width: 110px; }

/*
	On hover, or if class for li is set to "Selected", load background image into link, 
	and shift left and up to show corresponding "on" version
*/
ul#CoursesBySeasonNav li a:hover,
ul#CoursesBySeasonNav li a.Current { background: transparent url(/olc/images/COUB/nav_tabs_courses_by_season.gif) no-repeat; }

ul#CoursesBySeasonNav li#TabFall a:hover,
ul#CoursesBySeasonNav li#TabFall a.Current { background-position: 0px -22px; }

ul#CoursesBySeasonNav li#TabSpring a:hover,
ul#CoursesBySeasonNav li#TabSpring a.Current { background-position: -97px -22px; }

ul#CoursesBySeasonNav li#TabSummer a:hover,
ul#CoursesBySeasonNav li#TabSummer a.Current { background-position: -205px -22px; }
/* End:CoursesBySeasonNav */