#leftPanel ul { display: block; list-style-type: none; list-style-image: none; margin: 0; padding: 0; }
#leftPanel ul li { display: block; margin: 0; padding: 0; }
#leftPanel ul li a { display: block; width: 180px; height: 33px; text-indent: -9999px; overflow: hidden; background-image: url(../images/schoolNav.gif); background-repeat: no-repeat; }
#leftNavOurChildren { background-position: 0 0; }
#leftNavOurGraduates { background-position: 0 -33px; }
#leftNavOurStaff { background-position: 0 -66px; }
#leftNavOurParents { background-position: 0 -99px; }
#leftNavSchoolGovernance { background-position: 0 -132px; }
#leftNavStrategicPlan { background-position: 0 -165px; }
#leftNavEmployment { background-position: 0 -198px; }

#leftNavOurChildren:hover, .active #leftNavOurChildren { background-position: -180px 0; }
#leftNavOurGraduates:hover, .active #leftNavOurGraduates { background-position: -180px -33px; }
#leftNavOurStaff:hover, .active #leftNavOurStaff { background-position: -180px -66px; }
#leftNavOurParents:hover, .active #leftNavOurParents { background-position: -180px -99px; }
#leftNavSchoolGovernance:hover, .active #leftNavSchoolGovernance { background-position: -180px -132px; }
#leftNavStrategicPlan:hover, .active #leftNavStrategicPlan { background-position: -180px -165px; }
#leftNavEmployment:hover, .active #leftNavEmployment { background-position: -180px -198px; }

#leftPanel ul li li a { height: 25px;  }
#leftSubNavOurChildren #leftNavOurChildrenNIDO { background-position: 0 -231px; }
#leftSubNavOurChildren #leftNavOurChildrenPTP { background-position: 0 -256px; }
#leftSubNavOurChildren #leftNavOurChildrenStage1 { background-position: 0 -281px; }
#leftSubNavOurChildren #leftNavOurChildrenStage2 { background-position: 0 -306px; }
#leftSubNavOurChildren #leftNavOurChildrenStage3 { background-position: 0 -331px; }
#leftSubNavOurChildren #leftNavOurChildrenElouera { background-position: 0 -356px; }

#leftSubNavOurChildren #leftNavOurChildrenNIDO:hover, #leftSubNavOurChildren .active #leftNavOurChildrenNIDO { background-position: -180px -231px; }
#leftSubNavOurChildren #leftNavOurChildrenPTP:hover, #leftSubNavOurChildren .active #leftNavOurChildrenPTP { background-position: -180px -256px; }
#leftSubNavOurChildren #leftNavOurChildrenStage1:hover, #leftSubNavOurChildren .active #leftNavOurChildrenStage1 { background-position: -180px -281px; }
#leftSubNavOurChildren #leftNavOurChildrenStage2:hover, #leftSubNavOurChildren .active #leftNavOurChildrenStage2 { background-position: -180px -306px; }
#leftSubNavOurChildren #leftNavOurChildrenStage3:hover, #leftSubNavOurChildren .active #leftNavOurChildrenStage3 { background-position: -180px -331px; }
#leftSubNavOurChildren #leftNavOurChildrenElouera:hover, #leftSubNavOurChildren .active #leftNavOurChildrenElouera { background-position: -180px -356px; }

#leftSubNavOurGraduates #leftNavOurGraduatesProfile { background-position: 0 -381px; }
#leftSubNavOurGraduates #leftNavOurGraduatesProfile:hover, #leftSubNavOurGraduates .active #leftNavOurGraduatesProfile { background-position: -180px -381px; }

#pageBody { padding: 33px 225px 16px 223px; }
#innerMainContent { background: url(../images/subPageBodyBg.gif) repeat-y 0 0; }

.mainContent { background: #ffffff url(../images/subBgColour.gif) no-repeat right bottom;  }

#pageBody #headingOurSchool, #pageBody #headingOurChildren,
#pageBody #headingPTP, #pageBody #headingNido, #pageBody #headingStage1, 
#pageBody #headingStage2, #pageBody #headingStage3, #pageBody #headingStages2And3, 
#pageBody #headingElouera, #pageBody #headingOurGraduates, 
#pageBody #headingRecentGraduate, #pageBody #headingOurTeachers,
#pageBody #headingOurParents, #pageBody #headingSchoolGovernance, 
#pageBody #headingStrategicPlan, #pageBody #headingEmployment
{
    width: 268px; height: 29px; text-indent: -9999px; overflow: hidden;
    background: url(../images/headings.gif) no-repeat 0 -313px;
    margin: 0 0 30px; padding: 0; border: 0 none;
}

#pageBody #headingOurChildren { width: 190px; background-position: 0 -191px; }
#pageBody #headingPTP { width: 369px; height: 35px; background-position: 0 -220px; }
#pageBody #headingNido { width: 67px; background-position: -190px -191px; }
#pageBody #headingStage1 { width: 463px; height: 35px; background-position: 0 -255px; }
#pageBody #headingStage2 { width: 481px; height: 35px; background-position: 0 -290px; }
#pageBody #headingStage3 { width: 502px; height: 35px; background-position: 0 -325px; }
#pageBody #headingElouera { width: 169px; background-position: -257px -191px; }
#pageBody #headingOurGraduates { width: 221px; background-position: 0 -255px; }
#pageBody #headingRecentGraduate { width: 257px; background-position: -221px -255px; }
#pageBody #headingOurTeachers { width: 202px; background-position: 0 -284px; }
#pageBody #headingStage1 { width: 336px; height: 72px; background-position: 0 -342px; }
#pageBody #headingStage2 { width: 302px; height: 72px; background-position: 0 -521px; }
#pageBody #headingStage3 { width: 302px; height: 72px; background-position: 0 -593px; }
#pageBody #headingStages2And3 { width: 324px; height: 107px; background-position: 0 -414px; margin-top: 37px; }
#pageBody #headingOurParents { width: 183px; background-position: -268px -313px; }
#pageBody #headingSchoolGovernance { width: 290px; background-position: -201px -284px; }
#pageBody #headingStrategicPlan { width: 219px; height: 35px; background-position: -289px -156px; }
#pageBody #headingEmployment { width: 188px; height: 35px; background-position: -370px -220px; }