body {
	font-family: Arial, Helvetica, sans-serif;
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}

.footertext {
	font-family: Arial, Helvetica, sans-serif;
	color: #636363;
	font-size:9px;
}

.leftbody {
font-family: Arial, Helvetica, sans-serif;
	color: #636363;
	font-size:11px;
}

.topmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	margin: 6px 0px 0px 0px;
	padding: 6px 0px 0px 0px;
}

.topmenu a{
text-decoration: none;
color: #000000;
}

.orangetext {
color: #ffbb77;
font-weight: bold;
}

#startground {
position: relative; 
background: url(images/startbackground.gif); 
width: 395px; 
height: 311px;
top: 0px;
left: 0px;
}

#starttext {
position: absolute;
top: 80px; 
left: 30px;
width: 320px; 
padding: 4px; 
background-color: #fff; 
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #636363;
}

#primary {
position: relative;
top: 0px;
margin-left: 10px;
width: 200px;
}

#editground {
position: relative; 
background: url(images/editbookbackground.gif); 
width: 395px; 
height: 311px;
top: 0px;
left: 0px;
}

#edittext {
position: absolute;
top: 80px; 
left: 30px;
width: 320px; 
padding: 4px; 
background-color: #fff; 
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #636363;
}



#faqtext {
position: absolute;
top: 100px; 
left: 100px;
width: 400px; 
padding: 4px; 
background-color: #fff; 
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #636363;
visibility: hidden;
}

#faqbackground {
position: relative; 
background: url(images/faqbackground.gif); 
width: 802px; 
height: 313px;
top: -500px;
left: 80px;
visibility: hidden;
}

#downloadtext {
position: absolute;
top: 80px; 
left: 60px;
width: 300px; 
padding: 4px; 
background-color: #fff; 
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #636363;
visibility: hidden;
}

#downloadback {
position: relative; 
background: url(images/faqbackground.gif); 
width: 802px; 
height: 313px;
top: -830px;
left: 300px;
visibility: hidden;
}

#downloadbuttons {
position: absolute;
top: 146px; 
left: 60px;
width: 316px; 
padding: 4px; 
background-color: #fff; 
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #636363;
visibility: hidden;
}

#aboutuspic {
position: relative;
top: -296px; 
left: 80px;
width: 500px;
height: 300px; 
padding: 0px; 
}


#contactustext {
position: absolute;
top: 80px; 
left: 60px;
width: 300px; 
padding: 4px; 
background-color: #fff; 
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #636363;
visibility: hidden;
}

#contactusback {
position: relative; 
background: url(images/faqbackground.gif); 
width: 442px; 
height: 394px;
top: -1130px;
left: 300px;
visibility: hidden;
}

#contactused {
position: absolute;
top: 330px; 
left: 20px;
width: 400px; 
padding: 4px; 
background-color: #fff; 
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #636363;
visibility: hidden;
text-align: center;
}

#faqfront {
position: absolute;
top: 190px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #636363;
font-weight: normal;
padding: 0px 48px 11px 0px;
margin: 0px 0px 0px 20px;
height: 410px;
width: 520px;
overflow: auto;
scrollbar-slider-color: 3FC8F4;
	
}

#teachfront {
position: absolute;
top: 200px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #636363;
font-weight: normal;
padding: 0px 48px 11px 0px;
margin: 0px 0px 0px 20px;
height: 410px;
width: 520px;
overflow: auto;
scrollbar-slider-color: 3FC8F4;
	
}


#test1 {
position: absolute;
top: 287px;
left: 330px;
width: 250px;
}

#test2 {
position: absolute;
top: 24px;
left: 330px;
width: 250px;
}

#test3 {
position: absolute;
top: 250px;
left: 25px;
width: 270px;
}

#test4 {
position: absolute;
top: 146px;
left: 330px;
width: 250px;
}

#testback {
position: relative;
top: 0px;
left: 0px;
width: 300px;
}

#intarea {
position: absolute;
top: 0px;
left: 150px;
width: 300px;
}

#intback {
position: relative;
top: 0px;
left: 0px;
width: 600px;
}

#inttimepop {
position: relative;
top: -300px;
left: 250px;
width: 321px;
visibility: hidden;
}

#intphoto1 {
position: absolute;
top: 0px;
left: 150px;
width: 300px;
z-index: 2;
}

#intphoto2 {
position: absolute;
top: 0px;
left: 150px;
width: 300px;
visibility: hidden;
z-index: 2;
}

#intphoto3 {
position: absolute;
top: 0px;
left: 150px;
width: 300px;
visibility: hidden;
z-index: 2;
}

#intform1 {
position: absolute;
top: 0px;
left: 150px;
width: 300px;
visibility: hidden;
z-index: 2;
}

#intform2 {
position: absolute;
top: 0px;
left: 150px;
width: 300px;
visibility: hidden;
z-index: 2;
}

#intform3 {
position: absolute;
top: 0px;
left: 150px;
width: 300px;
visibility: hidden;
z-index: 2;
}

#intmont1 {
position: absolute;
top: 0px;
left: 150px;
width: 300px;
visibility: hidden;
z-index: 2;
}

#intmont2 {
position: absolute;
top: 0px;
left: 150px;
width: 300px;
visibility: hidden;
z-index: 2;
}

#intmont3 {
position: absolute;
top: 0px;
left: 150px;
width: 300px;
visibility: hidden;
z-index: 2;
}

#intfeat1 {
position: absolute;
top: 0px;
left: 150px;
width: 300px;
visibility: hidden;
z-index: 2;
}

#intfeat2 {
position: absolute;
top: 0px;
left: 150px;
width: 300px;
visibility: hidden;
z-index: 2;
}

#intfeat3 {
position: absolute;
top: 0px;
left: 150px;
width: 300px;
visibility: hidden;
z-index: 2;
}

#intspread1 {
position: absolute;
top: 0px;
left: 150px;
width: 300px;
visibility: hidden;
z-index: 2;
}

#intspread2 {
position: absolute;
top: 0px;
left: 150px;
width: 300px;
visibility: hidden;
z-index: 2;
}

#intspread3 {
position: absolute;
top: 0px;
left: 150px;
width: 300px;
visibility: hidden;
z-index: 2;
}

#intmess1 {
position: absolute;
top: 0px;
left: 150px;
width: 300px;
visibility: hidden;
z-index: 4;
}

#intmess2 {
position: absolute;
top: 0px;
left: 150px;
width: 300px;
visibility: hidden;
z-index: 4;
}

#intmess3 {
position: absolute;
top: 0px;
left: 150px;
width: 300px;
visibility: hidden;
z-index: 4;
}

#intback1 {
position: absolute;
top: 0px;
left: 150px;
width: 300px;
z-index: 1;
}

#intback2 {
position: absolute;
top: 0px;
left: 150px;
width: 300px;
visibility: hidden;
z-index: 1;
}

#intback3 {
position: absolute;
top: 0px;
left: 150px;
width: 300px;
visibility: hidden;
z-index: 1;
}

#intbord1 {
position: absolute;
top: 0px;
left: 150px;
width: 300px;
z-index: 3;
}

#intbord2 {
position: absolute;
top: 0px;
left: 150px;
width: 300px;
visibility: hidden;
z-index: 3;
}

#intbord3 {
position: absolute;
top: 0px;
left: 150px;
width: 300px;
visibility: hidden;
z-index: 3;
}

#inttext1 {
position: absolute;
top: 0px;
left: 150px;
width: 300px;
visibility: hidden;
z-index: 4;
}

#inttext2 {
position: absolute;
top: 0px;
left: 150px;
width: 300px;
visibility: hidden;
z-index: 4;
}

#inttext3 {
position: absolute;
top: 0px;
left: 150px;
width: 300px;
visibility: hidden;
z-index: 4;
}

#photoover {
position: absolute;
top: 21px;
left: 10px;
width: 120px;
visibility: hidden;
z-index: 200;
}

#backover {
position: absolute;
top: 38px;
left: 10px;
width: 120px;
visibility: hidden;
z-index: 200;
}

#borderover {
position: absolute;
top: 56px;
left: 10px;
width: 120px;
z-index: 200;
visibility: hidden;
}

#textover {
position: absolute;
top: 73px;
left: 9px;
width: 120px;
visibility: hidden;
z-index: 200;
}

#saover {
position: absolute;
top: 92px;
left: 10px;
width: 120px;
visibility: hidden;
z-index: 200;
}

#formover {
position: absolute;
top: 21px;
left: 239px;
width: 120px;
visibility: hidden;
z-index: 200;
}

#montover {
position: absolute;
top: 38px;
left: 239px;
width: 120px;
visibility: hidden;
z-index: 200;
}

#featureover {
position: absolute;
top: 57px;
left: 238px;
width: 120px;
visibility: hidden;
z-index: 200;
}

#spreadover {
position: absolute;
top: 75px;
left: 238px;
width: 120px;
visibility: hidden;
z-index: 200;
}

#messover {
position: absolute;
top: 93px;
left: 238px;
width: 120px;
visibility: hidden;
z-index: 200;
}

#intsa1 {
position: absolute;
top: 0px;
left: 150px;
width: 300px;
visibility: hidden;
z-index: 5;
}

#intsa2 {
position: absolute;
top: 0px;
left: 150px;
width: 300px;
visibility: hidden;
z-index: 5;
}

#intsa3 {
position: absolute;
top: 0px;
left: 150px;
width: 300px;
visibility: hidden;
z-index: 5;
}

#intsa4 {
position: absolute;
top: 0px;
left: 150px;
width: 300px;
visibility: hidden;
z-index: 5;
}

#intsa5 {
position: absolute;
top: 0px;
left: 150px;
width: 300px;
visibility: hidden;
z-index: 5;
}

#intsa6 {
position: absolute;
top: 0px;
left: 150px;
width: 300px;
visibility: hidden;
z-index: 5;
}

#leftteam {
	position: relative;
	top: 0px;
	left: 0px;
	width: 310px;
}

#ltimage {
position: absolute;
top:  43px;
left: 220px;
}

#rightteam {
	position: relative;
	top: 0px;
	left: 0px;
	width: 310px;
}

#rtcamera {
position: absolute;
top:  47px;
left: 220px;
}

#teachertext {
position: relative;
left: 58px;
width: 460px;
}
.yearbooklink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #e6007e;
	text-decoration: none;
}
.subheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #e6007e;
	font-weight: bold;
}