
/*********************************************************************
 BANNER
*********************************************************************/

/* Top right nav */

#toprightnav {
	position: absolute;
	top: 0;
	right: 0;
	width: 199px;
	height: 23px;
}

#toprightnav li {
	display:inline;
	font-size: 1px;
}

#toprightnav li a {
	background: url(../images/common/toprightnav-en.png) top left no-repeat;
	height: 23px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -2000px;
}

#toprightnav li#contactus a {
	width: 103px;
	background-position: 0 0;
}

#toprightnav li#contactus.current a, #toprightnav li#contactus a:hover {
	background-position: 0 -23px;
}

#toprightnav li#sitemap a {
	width: 96px;
	background-position: -103px 0;
}

#toprightnav li#sitemap.current a, #toprightnav li#sitemap a:hover {
	background-position: -103px -23px;
}

/* Main nav */
#mainnav li:hover a, 
#mainnav li.sfHover a {
}

#mainnav {
	position: absolute;
	top: 125px;
	right: 0;
	width: 710px;
	height: 25px;
}

#mainnav li {
	display:inline;
	position: relative:
}

#mainnav li a {
	background: url(../images/common/mainnav-en.png) top left no-repeat;
	height: 25px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -2000px;	
}

#mainnav li:hover ul, #mainnav li.sfHover ul {
	top: 20px;
}
#mainnav ul li {
	border: 0;
	float: none;
}

#mainnav li:hover ul a, #mainnav li.sfHover ul a {
	background: none;
	text-indent: 0px;
}
#mainnav li:hover ul a:hover,  #mainnav li.sfHover ul a:hover {
	background: #FFFFFF;
}

#mainnav ul li a {
	background: none;
	text-indent: 0px;
}

#mainnav  ul {
	background: #FFFFFF;
	/* border-bottom: 1px solid #003366; */
	border: 1px solid #14306c;
	list-style: none;
	padding: 0;
	margin:0;
	width: 150px;
	position: absolute;
	top: -999em;
	left: -1px;
	font-size:0.8em;
}

#mainnav  ul li{

}

#mainnav li:hover ul, #mainnav li.sfHover ul {
	padding: 0px 0px 5px 0px;
	margin:0;
	border: solid #3563A5 1px;
}

#mainnav li:hover ul li, #mainnav li.sfHover ul li {
	padding: 0;
	margin:0;
	width: 140px !important;
}
#mainnav li:hover ul li a, #mainnav li.sfHover ul li a{
	top: 20px;
	text-decoration:none;
	padding: 5px 0px 0px 5px;
	margin:0;
	width: 140px !important;
	height: auto;
	color: #14306c;
}

#mainnav li#home a {
	width: 106px;
	background-position: 0 0;
}

#mainnav li#home.current a, #mainnav li#home a:hover {
	background-position: 0 -25px;
}

#mainnav li#schools a {
	width: 113px;
	background-position: -106px 0;
}

#mainnav li#schools.current a, #mainnav li#schools a:hover {
	background-position: -106px -25px;
}

#mainnav li ul.schools  {
	margin-top: 4px;
	margin-left: 106px ;
}

#mainnav li#courses a {
	width: 153px;
	background-position: -219px 0;
}

#mainnav li#courses.current a, #mainnav li#courses a:hover {
	background-position: -219px -25px;
}

#mainnav li ul.courses {
	margin-top: 4px;
	margin-left: 220px ;
}


#mainnav li#teachertraining a {
	width: 147px;
	background-position: -372px 0;
}

#mainnav li#teachertraining.current a, #mainnav li#teachertraining a:hover {
	background-position: -372px -25px;
}
#mainnav li ul.teacher {
	margin-top: 4px;
	margin-left: 373px ;
}

#mainnav li#people a {
	width: 81px;
	background-position: -519px 0;
}

#mainnav li#people.current a, #mainnav li#people a:hover {
	background-position: -519px -25px;
}

#mainnav li ul.people {
	margin-top: 4px;
	margin-left: 520px ;
}

#mainnav li#apply a {
	width: 108px;
	background-position: -600px 0;
}

#mainnav li#apply.current a, #mainnav li#apply a:hover {
	background-position: -600px -25px;
}

#mainnav li ul.apply {
	margin-top: 4px;
	margin-left: 603px ;
}


