@charset "UTF-8";
/* CSS Document */

/* Menu */

#menu {
	width: 960px;
	height: 22px;
	margin: 0 auto;
	}

#menu ul {
	margin: 0;
	list-style: none;
	line-height: normal;
	margin-left: 30px;
	
	
}

#menu li {
	display: block;
	float: left;
	margin-right: 1px;
	padding: 0;
	
}

#menu a {
	display: block;
	float: left;
	text-decoration: none;
	color: #666666;
	
}

#menu a:hover {
	color: #1777B1;
}

#menu b {
	display: block;
	float: left;
	height: 22px;
	padding: 0px 3px 0 3px;
	cursor: hand;
	
}



#menu span { display:none }
 
.homemenuactive a {
	background-image: url(images/home-menu-active.gif);
	background-repeat: no-repeat;
	background-position: top-center;
		width: 63px;
 
}

.homemenuactive a:hover {
	background-image: url(images/home-menu-over.gif);
	background-repeat: no-repeat;
	background-position: top-center;
		width: 63px;

}


.homemenu a {
	background-image: url(images/home-menu-inactive.gif);
	background-repeat: no-repeat;
	background-position: top-center;
		width: 63px;

}

.homemenu a:hover {
	background-image: url(images/home-menu-over.gif);
	background-repeat: no-repeat;
	background-position: top-center;
		width: 63px;

}   

.coursesmenu a {
	background-image: url(images/courses-menu-inactive.gif);
	background-repeat: no-repeat;
	background-position: top-center;
		width: 75px;

}

.coursesmenu a:hover {
	background-image: url(images/courses-menu-over.gif);
	background-repeat: no-repeat;
	background-position: top-center;
		width: 75px;

}

.coursesmenuactive a {
	background-image: url(images/courses-menu-active.gif);
	background-repeat: no-repeat;
	background-position: top-center;
		width: 75px;

}

.coursesmenuactive a:hover {
	background-image: url(images/courses-menu-over.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 75px;
}

.diplomacoursesmenu a {
	background-image: url(images/diploma-menu-inactive.gif);
	background-repeat: no-repeat;
	background-position: top-center;
		width: 95px;

}

.diplomacoursesmenu a:hover {
	background-image: url(images/diploma-menu-over.gif);
	background-repeat: no-repeat;
	background-position: top-center;
		width: 95px;

}

.diplomacoursesmenuactive a {
	background-image: url(images/diploma-menu-active.gif);
	background-repeat: no-repeat;
	background-position: top-center;
		width: 95px;

}

.diplomacoursesmenuactive a:hover {
	background-image: url(images/diploma-menu-over.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 95px;
}

.degreecoursesmenu a {
	background-image: url(images/degree-menu-inactive.gif);
	background-repeat: no-repeat;
	background-position: top-center;
		width: 90px;

}

.degreecoursesmenu a:hover {
	background-image: url(images/degree-menu-over.gif);
	background-repeat: no-repeat;
	background-position: top-center;
		width: 90px;

}

.degreecoursesmenuactive a {
	background-image: url(images/degree-menu-active.gif);
	background-repeat: no-repeat;
	background-position: top-center;
		width: 90px;

}

.degreecoursesmenuactive a:hover {
	background-image: url(images/degree-menu-over.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 90px;
}

.shortcoursesmenu a {
	background-image: url(images/shortcourse-menu-inactive.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 90px;
}

.shortcoursesmenu a:hover {
	background-image: url(images/shortcourse-menu-over.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 90px;
}

.shortcoursesmenuactive a {
	background-image: url(images/shortcourse-menu-active.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 90px;
}

.shortcoursesmenuactive a:hover {
	background-image: url(images/shortcourse-menu-over.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 90px;
}

.audiomenu a {
	background-image: url(images/audio-menu-inactive.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 63px;
}

.audiomenu a:hover {
	background-image: url(images/audio-menu-over.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 63px;
}

.audiomenuactive a {
	background-image: url(images/audio-menu-active.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 63px;
}

.audiomenuactive a:hover {
	background-image: url(images/audio-menu-over.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 63px;
}

.filmmenu a {
	background-image: url(images/film-menu-inactive.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 80px;
}

.filmmenu a:hover {
	background-image: url(images/film-menu-over.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 80px;
}

.filmmenuactive a {
	background-image: url(images/film-menu-active.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 80px;
}

.filmmenuactive a:hover {
	background-image: url(images/film-menu-over.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 80px;
}

.cgimenu a {
	background-image: url(images/digital-menu-inactive.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 63px;
}

.cgimenu a:hover {
	background-image: url(images/digital-menu-over.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 63px;
}

.cgimenuactive a {
	background-image: url(images/digital-menu-active.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 63px;
}

.cgimenu a:hover {
	background-image: url(images/digital-menu-over.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 63px;
}

.gamesmenu a {
	background-image: url(images/games-menu-inactive.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 63px;
}

.gamesmenu a:hover {
	background-image: url(images/games-menu-over.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 63px;
}

.gamesmenuactive a {
	background-image: url(images/games-menu-active.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 63px;
}

.gamesmenuactive a:hover {
	background-image: url(images/games-menu-over.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 63px;
}

.newsmenu a {
	background-image: url(images/news-menu-inactive.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 63px;
}

.newsmenu a:hover {
	background-image: url(images/news-menu-over.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 63px;
}

.newsmenuactive a {
	background-image: url(images/news-menu-active.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 63px;
}

.newsmenuactive a:hover {
	background-image: url(images/news-menu-over.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 63px;
}

.eventsmenu a {
	background-image: url(images/events-menu-inactive.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 63px;
}

.eventsmenu a:hover {
	background-image: url(images/events-menu-over.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 63px;
}

.eventsmenuactive a {
	background-image: url(images/events-menu-active.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 63px;
}

.eventsmenuactive a:hover {
	background-image: url(images/events-menu-over.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 63px;
}

.facilitiesmenu a {
	background-image: url(images/facilities-menu-inactive.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 75px;
}

.facilitiesmenu a:hover {
	background-image: url(images/facilities-menu-over.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 75px;
}

.facilitiesmenuactive a {
	background-image: url(images/facilities-menu-active.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 75px;
}

.facilitiesmenuactive a:hover {
	background-image: url(images/facilities-menu-over.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 75px;
}

.jobsmenu a {
	background-image: url(images/jobs-menu-inactive.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 63px;
}

.jobsmenu a:hover {
	background-image: url(images/jobs-menu-over.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 63px;
}

.jobsmenu a {
	background-image: url(images/jobs-menu-inactive.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 63px;
}

.jobsmenu a:hover {
	background-image: url(images/jobs-menu-over.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 63px;
}

.admissionsmenu a {
	background-image: url(images/admissions-menu-inactive.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 75px;
}

.admissionsmenu a:hover {
	background-image: url(images/admissions-menu-over.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 75px;
}


.contactmenuactive a {
	background-image: url(images/admissions-menu-active.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 75px;
}

.admissionsmenuactive a:hover {
	background-image: url(images/admissions-menu-over.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 75px;
}



.contactmenu a {
	background-image: url(images/contact-menu-inactive.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 75px;
}

.contactmenu a:hover {
	background-image: url(images/contact-menu-over.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 75px;
}


.contactmenuactive a {
	background-image: url(images/contact-menu-active.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 75px;
}

.contactmenuactive a:hover {
	background-image: url(images/contact-menu-over.gif);
	background-repeat: no-repeat;
	background-position: top-center;
	width: 75px;
}

/*Facilities Menu*/

#facilities-menu {
	font-size: 0.9em;
	color: #999999;
	width: 870px;
	margin: 0 auto;
	padding-top: 5px;
	padding-bottom: 8px;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom-color: #333333;
	border-bottom-style: solid;
	border-bottom-width: thin;
	clear: both;
	float: left;
}


#facilities-menu ul {
	margin: 0;
	list-style: none;
	line-height: normal;
	margin-left: 10px;
}

#facilities-menu li {
	display: block;
	float: left;
	margin-right: 10px;
	padding: 0;
}

#facilities-menu a {
	display: block;
	float: left;
	text-decoration: none;
	color: #666666;
}

#facilities-menu a:hover {
	color: #1777B1;
}

#facilities-menu b {
	display: block;
	float: left;
	height: 23px;
	padding: 7px 10px 0 10px;
	cursor: hand;
}

#facilities-menu li.active {
	color: #CCCCCC;
}

#facilities-menu li.active a {
	color: #CCCCCC;
}

#facilities-menu li.active b {
}



/* SubMenu */

#submenu {
	font-size: 0.9em;
	color: #999999;
	width: 903px;
	margin: 0 auto;
	padding-top: 0px;
	padding-bottom: 8px;
	padding-right: 10px;
	padding-left: 10px;
	border-top-color: #333333;
	border-top-style: solid;
	border-top-width: thin;
}

#submenu ul {
	margin: 0;
	list-style: none;
	line-height: normal;
	margin-left: 30px;
}

#submenu li {
	display: block;
	float: left;
	margin-right: 10px;
	padding: 0;
}

#submenu a {
	display: block;
	float: left;
	text-decoration: none;
	color: #666666;
}

#submenu a:hover {
	color: #1777B1;
}

#submenu b {
	display: block;
	float: left;
	height: 23px;
	padding: 7px 10px 0 10px;
	cursor: hand;
}

#submenu li.active {
	color: #CCCCCC;
}

#submenu li.active a {
	color: #CCCCCC;
}

#submenu li.active b {
}


/* Footer Navigation */
#quick-links {
	font-size: 0.8em;
	color: #666666;
	width: 903px;
	margin: 0 auto;
	background-color: #0e0e0e;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom-color: #333333;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-top-color: #333333;
	border-top-style: solid;
	border-top-width: thin;
}

#quick-links li {

}

#quick-links a {
	text-decoration: none;
	color: #333333;
}

#quick-links a:hover {
	color: #1777B1;
}

#quick-links li.active {
	color: #CCCCCC;
}

#quick-links li.active a {
	color: #CCCCCC;
}

#quick-links b {
	color: #666666;
	font-weight: normal;
}


#tags {
	font-size: 0.9em;
	color: #333333;
	width: 903px;
	margin: 0 auto;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 10px;
	padding-left: 10px;
}

#tags li {
	display: block;
	float: left;
	margin-right: 8px;
}

#tags b {
	color: #666666;
	font-weight: normal;
}


#footer-nav {
	font-size: 0.8em;
	color: #666666;
	margin: 0 auto;
	padding-top: 8px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 220px;
}

#footer-nav li {
	display: block;
	float: left;
	margin-right: 30px;
	}
	
#footer-nav a {
	text-decoration: none;
	color: #666666;
}

#footer-nav a:hover {
	color: #1777B1;
}

/* Course Page Menu */

#coursepagemenu {
	background-image: url(images/course-menu-bg.jpg);
}

#coursepagemenu ul {
	margin: 0;
	list-style: none;
	line-height: normal;
	
	
}

#coursepagemenu li {
	display: block;
	float: left;
	margin-right: 0px;
	padding: 0;
	
}

#coursepagemenu a {
	display: block;
	float: left;
	text-decoration: none;
	color: #666666;
	
}

#coursepagemenu a:hover {
	color: #1777B1;
}

#coursepagemenu b {
	display: block;
	float: left;
	width: 160px;
	height: 35px;
	padding: 0px 0px 15px 0px;
	cursor: hand;
	
}



#coursepagemenu span { display:none }

.essentialactive a {
	background-image: url(images/course-menu_01.jpg);
	background-repeat: no-repeat;
	background-position: top-left;
}

.essentialactive a:hover {
	background-image: url(images/course-menu_01.jpg);
	background-repeat: no-repeat;
	background-position: top-left;
}


.essential a {
	background-image: url(images/course-menu-inactive_01.jpg);
	background-repeat: no-repeat;
	background-position: top-left;
}

.essential a:hover {
	background-image: url(images/course-menu-over_01.jpg);
	background-repeat: no-repeat;
	background-position: top-left;
}

.coursedescriptionactive a {
	background-image: url(images/course-menu_02.jpg);
	background-repeat: no-repeat;
	background-position: top-left;
}

.coursedescriptionactive a:hover {
	background-image: url(images/course-menu_02.jpg);
	background-repeat: no-repeat;
	background-position: top-left;
}


.coursedescription a {
	background-image: url(images/course-menu-inactive_02.jpg);
	background-repeat: no-repeat;
	background-position: top-left;
}

.coursedescription a:hover {
	background-image: url(images/course-menu-over_02.jpg);
	background-repeat: no-repeat;
	background-position: top-left;
}



.coursefaqsactive a {
	background-image: url(images/course-menu_03.jpg);
	background-repeat: no-repeat;
	background-position: top-left;
}

.coursefaqsactive a:hover {
	background-image: url(images/course-menu_03.jpg);
	background-repeat: no-repeat;
	background-position: top-left;
}


.coursefaqs a {
	background-image: url(images/course-menu-inactive_03.jpg);
	background-repeat: no-repeat;
	background-position: top-left;
}

.coursefaqs a:hover {
	background-image: url(images/course-menu-over_03.jpg);
	background-repeat: no-repeat;
	background-position: top-left;
}

