
#navigation {
	position: relative;
	width: 960px;
	height: 28px;
	border: 0px solid #000;
	background-color: #fdb715;
	overflow: hidden;
}

#navigation ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding:0px;
	text-align:center;
}

#navigation ul li {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform:uppercase;
	text-align: center;
	border: 0px solid #333;
	float: left;
}

#navigation ul li a {
	color: #fff;
	display: block;
	text-decoration: none;
	height: 28px;
	width: 135px;
	padding-top: 28px;
	overflow: hidden;
}

#navigation li a:hover {
	color: #f00;
}

#navigation li#why_graduate {
	top: 0px;
}

#navigation li#why_graduate a {
	background-image: url(../imgs/nav_whyGraduate.gif);
	background-position: 0px 28px;
	border: 0px solid #000;
}

#navigation li#why_graduate a:hover {
	background-position: 0px 0px;
}

#navigation li#make_a_plan {
	top: 0px;
}

#navigation li#make_a_plan a {
	background-image: url(../imgs/nav_makeAPlan.gif);
	background-position: 0px 28px;
	border: 0px solid #000;
}

#navigation li#make_a_plan a:hover {
	background-position: 0px 0px;
}

#navigation li#paying_for_college {
	top: 0px;
}

#navigation li#paying_for_college a {
	background-image: url(../imgs/nav_payingForCollege.gif);
	background-position: 0px 28px;
	border: 0px solid #000;
}

#navigation li#paying_for_college a:hover {
	background-position: 0px 0px;
}

#navigation li#search_colleges {
	top: 0px;
}

#navigation li#search_colleges a {
	background-image: url(../imgs/nav_searchColleges.gif);
	background-position: 0px 28px;
	border: 0px solid #000;
}

#navigation li#search_colleges a:hover {
	background-position: 0px 0px;
}

#navigation li#calendar {
	top: 0px;
}

#navigation li#calendar a {
	background-image: url(../imgs/nav_calendar.gif);
	background-position: 0px 28px;
	border: 0px solid #000;
}

#navigation li#calendar a:hover {
	background-position: 0px 0px;
}

#navigation li#who_we_are {
	left: 145px;
	top: 0px;
}

#navigation li#who_we_are a {
	background-image: url(../imgs/nav_whoWeAre.gif);
	background-position: 0px 28px;
	border: 0px solid #000;
}

#navigation li#who_we_are a:hover {
	background-position: 0px 0px;
}

#navigation li#who_we_are_loggedin {
	left: 10px;
	top: 0px;
}

#navigation li#who_we_are_loggedin a {
	background-image: url(../imgs/nav_whoWeAre.gif);
	background-position: 0px 28px;
	border: 0px solid #000;
}

#navigation li#who_we_are_loggedin a:hover {
	background-position: 0px 0px;
}

#navigation li#xxx {
	top: 0px;
}

#navigation li#xxx a {
	background-image: url(../imgs/nav_whyGraduate.gif);
	background-position: 0px 28px;
	border: 0px solid #000;
}

#navigation li#xxx a:hover {
	background-position: 0px 0px;
}

#navigation li#upcoming_events {
	left: 684px;
	top: 0px;
}

#navigation li#upcoming_events a {
	background-image: url(../imgs/nav_upcomingEvents.gif);
	background-position: 0px 28px;
	border: 0px solid #000;
}

#navigation li#upcoming_events a:hover {
	background-position: 0px 0px;
}

#navigation li#my_portfolio a {
	background-image:url(../imgs/nav_myPortfolio.gif);
	background-position: 0px 28px;
	border: 0px solid #000;
}

#navigation li#my_portfolio a:hover {
	background-position: 0px 0px;
}


