/*SCHOOL MENU */

#schoolmenu {

}

#schoolmenu ul {
	z-index:100;
	margin: 0;
	padding: 0;
	list-style: none;
	/*box radius*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	/*gradient*/
	background: #00F;
	background: -moz-linear-gradient(top, #00F, #36F);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00F), to(#36F));	
	
	}

#schoolmenu ul li {
	position: relative;
	}

#schoolmenu li ul {
	z-index:200;
	position: absolute;
	left: 183px;
	top: 0;
	display: none;
	width: 182px;
	border: 1px solid #a9b2b9; /*THEME CHANGE HERE*/
	border-bottom-width: 4px;
	border-top-width: 4px;
	background: #00F;
	background: -moz-linear-gradient(top, #00F, #36F);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00F), to(#36F));
	/*box radius*/
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	}
	
#schoolmenu li:hover ul, #schoolmenu li.hover ul { 
	display: block; }
	
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */


.links ul {
	width:184px;
	float:left;
	list-style:none;
}
.links ul li {
	width:184px;
	float:left;
	border-bottom:1px solid #a9b2b9;
	font-weight:bold;
	font-size:1.08em;
}

.links ul li.last {
	border:none;
}
.links ul li a {
	width:170px;
	float:left;
	padding:7px 0 7px 14px;
	color:#fff;
	text-decoration:none;
}

/*Remove this declaration afer all new navs are implemented */
.links ul li a.sub_menu {
	width:170px;
	float:left;
	background: url('/templates/assets/white_arrow.png') no-repeat 160px 10px;
}

/*This is the new "branch" declaration */
.links ul li.branch {
    background: url("/templates/assets/white_arrow.png") no-repeat scroll 160px 10px rgba(0, 0, 0, 0);
    float: left;
}

/*Remove this decalration after new nav is implemented*/
.links ul li a.sub_menu:hover {
	width:170px;
	float:left;
	background:#ffcd66 url('/templates/assets/yellow_arrow.jpg') no-repeat 160px 10px;
}

/*This is the new "branch" hover declaration */
.links ul li.branch a:hover {
    background: url("/templates/assets/yellow_arrow.jpg") no-repeat scroll 160px 10px #ffcd66;
    float: left;
 }
 
.links ul li a:hover {
	width:170px;
	float:left;
	background:#ffcd66;
	padding:7px 0 7px 14px;
	color:#0094d0;
}

.links ul li.current {
	width:170px;
	float:left;
	background:#fff;
	padding:7px 0 7px 14px;
	color:#0094d0;
}

/*Add this declaration */
 .links ul li.branch ul li a:hover {
    background: #ffcd66;
}

.links ul li.first a:hover {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}


/*SCHOOL MENU */