#skyline {
 width: 543px;
 height: 82px;
 background: url(../images/chalkboard_fullbg.gif);
 margin: 0;
 padding: 0;
 float:left;
 clear:none;
 position:relative;
 margin-bottom:5px;
}
#skyline li {margin: 0 0 0 24px; padding: 0; list-style: none; position: absolute; top: 0;}

#skyline li, #skyline a {height: 66px; display: block;}
#panel1b {
	left: 0;
	width: 125px;
	background-image: url(../images/homebuttons.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#panel2b {
	left: 125px;
	width: 108px;
	background-image: url(../images/aboutusbuttons.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#panel3b {
	left: 233px;
	width: 131px;
	background-image: url(../images/ourschoolsbuttons.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#panel4b {
	left: 362px;
	width: 132px;
	background-image: url(../images/contactusbuttons.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#panel1b a:hover {background: transparent url(../images/homebuttons.gif) 0 -132px no-repeat;}
#panel2b a:hover {background: transparent url(../images/aboutusbuttons.gif) 0px -132px no-repeat;}
#panel3b a:hover {background: transparent url(../images/ourschoolsbuttons.gif) 0px -132px no-repeat;}
#panel4b a:hover {background: transparent url(../images/contactusbuttons.gif) 0px -132px no-repeat;}

#panel1b.current a {background: transparent url(../images/homebuttons.gif) 0 -66px no-repeat;}
#panel2b.current a {background: transparent url(../images/aboutusbuttons.gif) 0px -66px no-repeat;}
#panel3b.current a {background: transparent url(../images/ourschoolsbuttons.gif) 0px -66px no-repeat;}
#panel4b.current a {background: transparent url(../images/contactusbuttons.gif) 0px -66px no-repeat;}