#PageBanner {
    width: 700px;
    height: 280px;    
    margin-bottom: 10px;    
    background: transparent url(images/page-banner-100bc.jpg) no-repeat 0 0;
}

#LevelingBar {
    background: transparent url(images/leveling-bar.png) no-repeat 0 0;
    width: 700px;
    height: 70px;    
}

#SideButtons {
    position: relative;
    width: 240px;
    margin-top: 20px;
}

#SideButtons h3 {
    position: absolute;
    top: -60px;
}

#SideButtons ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#SideButtons li {
    margin-bottom: 4px;
}

#SideButtons a {
    display: block;
    width: 240px;
    height: 48px;
    background-image: url(images/side-buttons.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
}

#SideButtons li.prek a                   { background-position:    0      0;   }
#SideButtons li.prek a:hover             { background-position: -250px    0;   }

#SideButtons li.kindergarten a           { background-position:    0    -60px; }
#SideButtons li.kindergarten a:hover     { background-position: -250px  -60px; }

#SideButtons li.benchmark a              { background-position:    0   -120px; }
#SideButtons li.benchmark a:hover        { background-position: -250px -120px; }

#SideButtons li.varsity a                { background-position:    0   -180px; }
#SideButtons li.varsity a:hover          { background-position: -250px -180px; }

#SideButtons li.spanish a                { background-position:    0   -240px; }
#SideButtons li.spanish a:hover          { background-position: -250px -240px; }

#SideButtons li.faq a                	 { background-position:    0   -299px; }
#SideButtons li.faq a:hover          	 { background-position: -250px -299px; }

#side-faq a {
	display: block;
	margin-top: 10px;
	background: url(images/faq.jpg) no-repeat;
	width: 240px;
	height: 210px;
	text-indent: -9999px;
	font-size: 0;
	opacity: 0.8;
}

#side-faq a:hover {
	opacity: 1;
}