@charset "UTF-8";
/* <Hopwood Hall> NAV CSS */

.hidden {
	display:none;
	}


/** MAIN NAV **/

#mainNav ul, #mainNav ul li {
	margin:0px;
	padding:0px;
	}

#mainNav ul li a{
	position:relative;
	font-size:1.3em;
	color:#000000;
	display:block;
	float:left;
	list-style:none;
	background-position: top;
	background-repeat: no-repeat;
	height:49px;
	width:145px;
	margin-right:4px;
	}
		
#mainNav ul li a span {
	display:none;
	}
	
#mainNav ul li a.schStud {
	background-image:url(/assets/images/nav/schoolStudentsBtn.jpg);
	}

#mainNav ul li a.schStudActive 
{
    background-image:url(/assets/images/nav/schoolStudentsBtn.jpg);
	background-position:bottom;
	}
	
#mainNav ul li a.schLeav {
	background-image:url(/assets/images/nav/schoolLeaversBtn.jpg);
	}

#mainNav ul li a.schLeavActive {
	background-image:url(/assets/images/nav/schoolLeaversBtn.jpg);
	background-position:bottom;
	}

#mainNav ul li a.adLear {
	background-image:url(/assets/images/nav/adultLearnersBtn.jpg);
	}
	
#mainNav ul li a.adLearActive {
	background-image:url(/assets/images/nav/adultLearnersBtn.jpg);
	background-position:bottom;
	}
	
#mainNav ul li a.uniLevel {
	background-image:url(/assets/images/nav/UniLevelBtn.jpg);
	}
	
#mainNav ul li a.uniLevelActive {
	background-image:url(/assets/images/nav/UniLevelBtn.jpg);
	background-position:bottom;
	}
	
#mainNav ul li a.pubFaci {
	background-image:url(/assets/images/nav/publicFacilitiesBtn.jpg);
	}
	
#mainNav ul li a.pubFaciActive {
	background-image:url(/assets/images/nav/publicFacilitiesBtn.jpg);
	background-position:bottom;
	}

#mainNav ul li a.empEnga {
	background-image:url(/assets/images/nav/employerEngagementBtn.jpg);
	}	
	
#mainNav ul li a:hover {
	background-position:bottom;
	}







/** FOOTER **/



/** FOOTER **/



#footer ul, #footer ul li {
	margin:0px;
	padding:0px;	
	}

#footer ul {
	margin-left:47px;

	}
	
#footer ul li a{
	position:relative;
	font-size:1.3em;
	color:#000000;
	display:block;
	float:left;
	list-style:none;
	background-position: top;
	background-repeat: no-repeat;
	height:30px;
	}
		
#footer ul li a span {
	display:none;
	}
	
#footer ul li a.home {
	background-image:url(../images/nav/homeBtn.jpg);
	width:60px;
	}
	
#footer ul li a.about {
	background-image:url(../images/nav/aboutBtn.jpg);
	width:83px;
	}

#footer ul li a.info {
	background-image:url(../images/nav/infoBtn.jpg);
	width:104px;
	}
	
#footer ul li a.news {
	background-image:url(../images/nav/newsBtn.jpg);
	width:117px;
	}
	
#footer ul li a.down {
	background-image:url(../images/nav/downBtn.jpg);
	width:100px;
	}

#footer ul li a.inte {
	background-image:url(../images/nav/inteBtn.jpg);
	width:115px;
	}	

#footer ul li a.vaca {
	background-image:url(../images/nav/vaceBtn.jpg);
	width:90px;
	}

#footer ul li a.res {
	background-image:url(../images/nav/resBtn.jpg);
	width:96px;
	}
	
#footer ul li a.cont {
	background-image:url(../images/nav/contBtn.jpg);
	width:96px;
	}
		
#footer ul li a:hover {
	background-position:bottom;
	}
	
	




/** WHAT NEXT **/

#whatNext ul li, #stdWhatNext ul li {
	margin-left:50px;
	font-size:1.4em;
	font-weight:bold;
	text-transform:uppercase;
	color:#333333;
	margin-bottom:10px;
	min-height:47px;
	}
	
#mcul ul li {
	margin-left:10px;
	font-size:1.4em;
	font-weight:bold;
	text-transform:uppercase;
	color:#333333;
	margin-bottom:10px;
	min-height:47px;
	}
	
#whatNext ul li p, #stdWhatNext ul li p {
	font-size:0.7em;
	color:#333333;
	font-weight:bold;
	text-transform:none;
	}
	
	
#whatNext h3.searchSwap, #stdWhatNext h3.searchSwap, #mcul ul li h3.searchSwap {
	display:block;
	width:35px;
	height:47px;
	background-image:url(../images/nav/schoolLeaverSearch.jpg);
	margin-left:-45px;
	margin-right:10px;
	float:left;
	clear:left;
	}

 #mcul ul li h3.searchSwap {
	display:block;
	width:35px;
	height:47px;
	background-image:url(../images/nav/schoolLeaverSearch.jpg);
	margin-left:0px;
	margin-right:10px;
	clear:left;
	}

#whatNext h3.prospectusSwap, #stdWhatNext h3.prospectusSwap {
	display:block;
	width:35px;
	height:47px;
	background-image:url(../images/nav/schoolLeaverProspectus.jpg);
	margin-left:-45px;
	margin-right:10px;
	float:left;
	clear:left;
	}
	
#whatNext h3.bookmarkSwap, #stdWhatNext h3.bookmarkSwap {
	display:block;
	width:35px;
	height:47px;
	background-image:url(../images/nav/schoolLeaverBookmark.jpg);
	margin-left:-45px;
	margin-right:10px;
	float:left;
	clear:left;
	}
	
#whatNext h3.textSwap, #stdWhatNext h3.textSwap {
	display:block;
	width:35px;
	height:47px;
	background-image:url(../images/nav/schoolLeaverTextThis.jpg);
	margin-left:-45px;
	margin-right:10px;
	float:left;
	clear:left;
	}
	
#whatNext h3.feedbackSwap, #stdWhatNext h3.feedbackSwap {
	display:block;
	width:35px;
	height:47px;
	background-image:url(../images/nav/schoolLeaverFeedback.jpg);
	margin-left:-45px;
	margin-right:10px;
	float:left;
	clear:left;
	}
	
#whatNext h3.applySwap, #stdWhatNext h3.applySwap {
	display:block;
	width:35px;
	height:47px;
	background-image:url(../images/nav/schoolLeaverApplyForCourse.jpg);
	margin-left:-45px;
	margin-right:10px;
	float:left;
	clear:left;
	}

#whatNext h3.addCourseSwap, #stdWhatNext h3.addCourseSwap {
	display:block;
	width:35px;
	height:47px;
	background-image:url(../images/nav/schoolLeaverAddCourse.jpg);
	margin-left:-45px;
	margin-right:10px;
	float:left;
	clear:left;
	}
	
	
#whatNext ul li h3 span, #stdWhatNext ul li h3 span, #mcul ul li h3 span {
	display:none;
	}
	
#whatNext ul li a:hover, #stdWhatNext ul li a:hover, #mcul ul li a:hover{
	color:#669900;
	}
	
#mcul p.course a:active {
	font-weight:bold
	}
	
#mcul p.course a:hover {
	font-weight:bold
	}
	
#mcul p.course a {
	font-size:1.0em;
	color:#669900;
	text-transform:none;
	}


/*
p.readMore a:hover {
	color:#669900;
	}
*/


/*
#left a, #mcur a {
	font-weight:bold;
	font-style:italic;
	color:#669900;
	}
	
#left a:hover, #mcur a:hover {
	color:#999999;
	}
	*/
	
	
/*LeftNav*/
#leftNav
    {
        margin-bottom:100px;
    }
    
#mcul ul li {
	margin-left:10px;
	font-size:1.2em;
	font-weight:bold;
	text-transform:none;
	color:#333333;
	margin-bottom:10px;
	min-height:0px;
	}
	
#mcul ul li  a:active {
	text-decoration: underline;
	}
	
#mcul ul li a:hover 
{
    text-decoration: underline;
	}
	
#mcul ul li a {
	font-size:1.0em;
	color:#669900;
	text-transform:none;
	}
	

#mcul ul li ul {
    font-size:1.0em;
	line-height:100%;
	margin: 10px 10px 5px 20px;
	color:#666666;
	text-transform:none;
	list-style-type: disc;
    list-style-position: outside;
}

#mcul ul li ul li 
{
    font-size:1.0em;
    list-style-type: disc;
    list-style-position: outside;
	color:#666666;
	font-weight:normal;
	text-transform:none;
	min-height:0px;
	margin-bottom:10px;
	
}

#mcul ul li ul li a {
    
	color:#666666;
	font-weight:normal;
	text-transform:none;
}