/* <sitename> NAV CSS - Framework v1.0 */

/* CODE BELOW TO BE CONFIRMED **/


/** MAIN NAV **/
#mainNav {
	height:75px;
	top:124px;
	*margin-left:1px;
}
#mainNav ul {
	position:relative;
	display:block;
	list-style:none;
	margin:0px;
	height:75px;
	}

#mainNav li {
	margin: 0px;
	list-style:none;
}

#mainNav ul li {
	position:relative;
	float:left;
}

#mainNav span {
	display:none;
}

#mainNav ul li a {
	position:relative;
	display:block;
	background-position: bottom;
	background-repeat: no-repeat;
	/*height:76px;*/height:75px;
	}

#mainNav ul li a.stud, #mainNav ul li a.students  {
	width:84px;
	background-image:url(/assets/images/nav/stud-btn.jpg);
	margin-right:1px;
}


#mainNav ul li a.pare, #mainNav ul li a.parents  {
	width:76px;
	background-image:url(/assets/images/nav/pare-btn.jpg);
	margin-right:2px;
}


#mainNav ul li a.staf, #mainNav ul li a.staff {
	width:56px;
	background-image:url(/assets/images/nav/staf-btn.jpg);
	margin-right:2px;

}

#mainNav ul li a.comm, #mainNav ul li a.community {
	width:88px;
	background-image:url(/assets/images/nav/comm-btn.jpg);
	margin-right:1px;
}

#mainNav ul li a.spon, #mainNav ul li a.sponsors  {
	width:168px;
	background-image:url(/assets/images/nav/spon-btn.jpg);
	margin-right:2px;

}

#mainNav ul li a.find, #mainNav ul li a.find-out-more {
	width:104px;
	background-image:url(/assets/images/nav/find-btn.png);
}


#mainNav ul li a:hover, #mainNav ul li a.active {
	background-position:top;
}


/** LEFT COLUMN NAV **/

#leftColumn ul {
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	list-style:none;
}

#leftColumn ul li {

}

#leftColumn ul li a, #leftColumn ul li ul li a {
	font-weight:bold;
	font-size:0.9em;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	padding:4px 5px;
	display:block;
}

#leftColumn ul li ul li a {
/*	font-size:0.9em;*/
	padding:4px 5px 4px 40px;
	
}

#leftColumn ul li a:hover, #leftColumn ul li ul li a:hover,
#leftColumn ul li a.active, #leftColumn ul li ul li a.active  {
	display: block;
	background-color:#E0DFE0;
	color:#193563;
	}

#leftColumn ul li a.emphasis {
	font-weight:bold;
	font-size:1.05em;
	font-family: Arial Black, Arial, Helvetica, sans-serif;
}
	
/* Special case Home link */
	
/* Work around for cms area repalcing left nav.*/
#leftColumn #menugroup {padding:0px;}
#leftColumn #menugroup ul li, #leftColumn #menugroup ul li ul li {padding:0px;line-height: 0.3em;}
#leftColumn #menugroup ul li a, #leftColumn #menugroup ul li ul li a {padding:4px 5px;line-height: 1.5em;}