/**************** menu styles****************/
ul#nav {position:relative; margin-top:20px; height:44px; width:930px;}
ul#nav li {float:left; list-style-type:none; }
ul#nav li a {height:44px; display:inline; position:absolute; text-indent:-9999px; outline:none}

li#navHome a, li#navMessage a, li#navAbout a, li#navNursery a, li#navJunior a, li#navSenior a, li#navHealthy a, li#navAdmissions a, li#navContact a, li#navVacancies a { background-image:url(../images/menubar.jpg) ; background-repeat:no-repeat; background-position:top;}

li#navHome a 						{ background-position: 0px 0px; left:0px; width:62px;  }
li#navHome a:hover					{ background-position: 0px -44px }
li#navHome a.selected 		{ background-position: 0px -88px }

li#navMessage a 						{ background-position: -62px 0px; left:62px; width:129px }
li#navMessage a:hover					{ background-position: -62px -44px }
li#navMessage a.selected 		{ background-position: -62px -88px }

li#navAbout a 						{ background-position: -191px 0px; left:191px; width:111px }
li#navAbout a:hover					{ background-position: -191px -44px }
li#navAbout a.selected		{ background-position: -191px -88px }

li#navNursery a 						{ background-position: -302px 0px; left:302px; width:56px }
li#navNursery a:hover					{ background-position: -302px -44px }
li#navNursery a.selected 		{ background-position: -302px -88px }

li#navJunior a 						{ background-position: -358px 0px; left:358px; width:87px }
li#navJunior a:hover					{ background-position: -358px -44px }
li#navJunior a.selected 		{ background-position: -358px -88px }

li#navSenior a 						{ background-position: -445px 0px; left:445px; width:91px }
li#navSenior a:hover					{ background-position: -445px -44px }
li#navSenior a.selected 		{ background-position: -445px -88px }

li#navHealthy a 						{ background-position: -536px 0px; left:536px; width:117px }
li#navHealthy a:hover					{ background-position: -536px -44px }
li#navHealthy a.selected 		{ background-position: -536px -88px }

li#navAdmissions a 						{ background-position: -653px 0px; left:653px; width:115px }
li#navAdmissions a:hover					{ background-position: -653px -44px }
li#navAdmissions a.selected 		{ background-position: -653px -88px }

li#navVacancies a 						{ background-position: -768px 0px; left:768px; width:76px }
li#navVacancies a:hover					{ background-position: -768px -44px }
li#navVacancies a.selected 		{ background-position: -768px -88px }

li#navContact a 						{ background-position: -844px 0px; left:844px; width:83px }
li#navContact a:hover					{ background-position: -844px -44px }
li#navContact a.selected 		{ background-position: -844px -88px }

#quicklinks {
	list-style:none;	
	margin: 0;
	margin-left: -43px;
	padding:0;
}

#quicklinks h2 {
	height:28px;
	text-indent:-9999px;
	background:url(../images/square_headings/quicklinks.jpg) no-repeat;
	width:306px;
	margin-bottom:10px;
	margin-left:44px;
}

#quicklinks ul {
	margin-top: 5px;
}

#quicklinks li {
	float: left;
	display: inline;
	height: 72px;
	margin: 0 2px;
	padding:0;
}

#quicklinks li a {
	display: block;
	height: 72px;
	text-indent: -999em;
}

li#navLearning a { background-image:url(../images/quicklinks/learning_resource.jpg); background-repeat:no-repeat;
					background-position: 0px 0px; width:73px; margin-top:0px;}
li#navLearning a:hover					{ background-position: 0px -72px }
li#navLearning a.selected		{ background-position: 0px -144px }


li#navGallery a { background-image:url(../images/quicklinks/photo_gallery.jpg); background-repeat:no-repeat;
					background-position: 0px 0px; width:73px; margin-top:0px;}
li#navGallery a:hover					{ background-position: 0px -72px }
li#navGallery a.selected		{ background-position: 0px -144px }

li#navFriends a { background-image:url(../images/quicklinks/fohc.jpg); background-repeat:no-repeat;
					background-position: 0px 0px; width:73px; margin-top:0px;}
li#navFriends a:hover					{ background-position: 0px -72px }
li#navFriends a.selected		{ background-position: 0px -144px }

li#navProspectus a { background-image:url(../images/quicklinks/request_prospectus.jpg); background-repeat:no-repeat;
					background-position: 0px 0px; width:73px; margin-top:0px;}
li#navProspectus a:hover					{ background-position: 0px -72px }
li#navProspectus a.selected		{ background-position: 0px -144px }


/**pay fees online button**/
#fees_button a {
	display:block;
	height: 23px;
	text-indent: -999em;
	background: url(../images/pay_fees_online.jpg) no-repeat;
}

#fees_button a:hover {
	background-position: 0px -23px;
}