/* Main Navigation */

#header #main-nav {
	clear: both;
	position: relative;
	line-height: 1.125em; 
	z-index: 16;
	font-size: .95em;
}

#header #main-nav li {
	float: left;
	margin: 0 20px 0 0;
	z-index: 15;
}

#header #main-nav a {
	display: block;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	height: 39px;
}

#header #main-nav a:hover {
}

#header #main-nav ul {
	position: absolute;
	width: 200px;  /* The width of all dropdown menus */
	top: 30px; 
	padding: 10px 0;
	display: none;
	background: url(/images/nav-dropdown-gradient.jpg) top left repeat-x #395CB8;
	z-index: 17;
}

#header #main-nav ul a {
    width: 200px;  /* The width of all dropdown menus */
    float: left;
    text-indent: 0;
}

#header #main-nav ul ul {
	top: auto;
}	

#header #main-nav li ul ul {
    left: 12em;
    margin: 0 0 0 10px;
}


#header #main-nav li:hover ul ul, 
#header #main-nav li:hover ul ul ul, 
#header #main-nav li:hover ul ul ul ul {
    display: none;
}
    
#header #main-nav li:hover ul, 
#header #main-nav li li:hover ul, 
#header #main-nav li li li:hover ul, 
#header #main-nav li li li li:hover ul {
    display: block;
}

/* NAV: About CSCC */
#header #main-nav li#about-cs a {
	width: 83px;
	background: url(/images/nav-about-cs.gif) no-repeat;
	background-position: 0 0;
}

/* NAV: Programs & Courses */
#header #main-nav li#programs-courses a {
	width: 133px;
	background: url(/images/nav-programs-courses.gif) no-repeat;
	background-position: 0 0;
}
#header #main-nav li#programs-courses ul {
	left: 70px;
}

/* NAV: Admissions */
#header #main-nav li#admissions a {
	width: 74px;
	background: url(/images/nav-admissions.gif) no-repeat;
	background-position: 0 0;
}
#header #main-nav li#admissions ul {
	left: 193px;
}

/* NAV: Student Life */
#header #main-nav li#campus-life a {
	width: 79px;
	background: url(/images/nav-campus-life.gif) no-repeat;
	background-position: 0 0;
}
#header #main-nav li#campus-life ul {
	left: 290px;
}


/* NAV: Services for Students */
#header #main-nav li#services-for-students a {
	width: 137px;
	background: url(/images/nav-services-for-students.gif) no-repeat;
	background-position: 0 0;
}
#header #main-nav li#services-for-students ul {
	left: 418px;
}

/* NAV: For Businesses */
#header #main-nav li#for-businesses a {
	width: 95px;
	background: url(/images/nav-for-business.gif) no-repeat;
	background-position: 0 0;
}
#header #main-nav li#for-businesses ul {
	left: 555px;
}

/* NAV: For the Community */
#header #main-nav li#for-the-community a {
	width: 126px;
	background: url(/images/nav-for-the-community.gif) no-repeat;
	background-position: 0 0;
}
#header #main-nav li#for-the-community ul {
	left: 685px;
}

/* NAV: News Events */
#header #main-nav li#news-events {
	margin-right: 0;
}
#header #main-nav li#news-events a {
	width: 98px;
	background: url(/images/nav-news-events.gif) no-repeat;
	background-position: 0 0;
}
#header #main-nav li#news-events ul {
	right: 0;
}


#header #main-nav li#about-cs a:hover,
#header #main-nav li#about-cs.active a,
.about-cs #header #main-nav li#about-cs a:hover,
.about-cs #header #main-nav li#about-cs.active a,
#header #main-nav li#programs-courses a:hover,
#header #main-nav li#programs-courses.active a,
.programs-courses #header #main-nav li#programs-courses a:hover,
.programs-courses #header #main-nav li#programs-courses.active a,
#header #main-nav li#admissions a:hover,
#header #main-nav li#admissions.active a,
.admissions #header #main-nav li#admissions a:hover,
.admissions #header #main-nav li#admissions.active a,
#header #main-nav li#campus-life a:hover,
#header #main-nav li#campus-life.active a,
.campus-life #header #main-nav li#campus-life a:hover,
.campus-life #header #main-nav li#campus-life.active a,
#header #main-nav li#services-for-students a:hover,
#header #main-nav li#services-for-students.active a,
.services-for-students #header #main-nav li#services-for-students a:hover,
.services-for-students #header #main-nav li#services-for-students.active a,
#header #main-nav li#for-businesses a:hover,
#header #main-nav li#for-businesses.active a,
.for-businesses #header #main-nav li#for-businesses a:hover,
.for-businesses #header #main-nav li#for-businesses.active a,
#header #main-nav li#for-the-community a:hover,
#header #main-nav li#for-the-community.active a,
.for-the-community #header #main-nav li#for-the-community a:hover,
.for-the-community #header #main-nav li#for-the-community.active a,
#header #main-nav li#news-events a:hover,
#header #main-nav li#news-events.active a,
.news-events #header #main-nav li#news-events a:hover,
.news-events #header #main-nav li#news-events.active a {
	background-position: 0 -78px;
}

/* List Nav items which DON'T have a dropdown here */
#header #main-nav li#for-the-community a:hover,
#header #main-nav li#for-businesses a:hover {
	background-position: 0 -39px;
}
/* ALSO List Nav items which DON'T have a dropdown here */
.for-businesses #header #main-nav li#for-businesses a:hover,
.for-the-community #header #main-nav li#for-the-community a:hover {
	background-position: 0 -117px;
	cursor: default;
}

/* Sets the on-state for currently viewed page */
.about-cs #header #main-nav li#about-cs a,
.programs-courses #header #main-nav li#programs-courses a,
.admissions #header #main-nav li#admissions a,
.campus-life #header #main-nav li#campus-life a,
.services-for-students #header #main-nav li#services-for-students a,
.for-businesses #header #main-nav li#for-businesses a,
.for-the-community #header #main-nav li#for-the-community a,
.news-events #header #main-nav li#news-events a {
	background-position: 0 -117px;
}
.about-cs #header #main-nav li#about-cs li a,
.programs-courses #header #main-nav li#programs-courses li a,
.admissions #header #main-nav li#admissions li a,
.campus-life #header #main-nav li#campus-life li a,
.services-for-students #header #main-nav li#services-for-students li a,
.for-businesses #header #main-nav li#for-businesses li a,
.for-the-community #header #main-nav li#for-the-community li a,
.news-events #header #main-nav li#news-events li a {
	background: none;
}

#header #main-nav li#about-cs li a,
#header #main-nav li#programs-courses li a,
#header #main-nav li#admissions li a,
#header #main-nav li#campus-life li a,
#header #main-nav li#services-for-students li a,
#header #main-nav li#for-businesses li a,
#header #main-nav li#for-the-community li a,
#header #main-nav li#news-events li a {
	padding: 5px 0 6px 0;
	margin: 0 21px;
	height: auto;
	text-indent: 0;
	background: none;
	overflow: visible;
	border-top: 1px solid #4c7dd4;
	color: #fff;
	width: 158px; /* The width of the dropdown menu, minus 42px */
}

#header #main-nav li#about-cs li.division a,
#header #main-nav li#programs-courses li.division a,
#header #main-nav li#admissions li.division a,
#header #main-nav li#campus-life li.division a,
#header #main-nav li#services-for-students li.division a,
#header #main-nav li#for-businesses li.division a,
#header #main-nav li#for-the-community li.division a,
#header #main-nav li#news-events li.division a {
	border-top: 3px solid #4c7dd4;
	margin-top: 1em;
	padding-top: .5em;
}

#header #main-nav li#about-cs li.first a,
#header #main-nav li#programs-courses li.first a,
#header #main-nav li#admissions li.first a,
#header #main-nav li#campus-life li.first a,
#header #main-nav li#services-for-students li.first a,
#header #main-nav li#for-businesses li.first a,
#header #main-nav li#for-the-community li.first a,
#header #main-nav li#news-events li.first a {
	border: none;
}