span {font-family: verdana, sans-serif; font-size: 1.2em; font-weight: bold;}
a:link, a:visited {font-family: verdana, sans-serif; font-weight: bold; font-size: 1.1em; color:#277bd1; text-decoration:underline}
a:hover, a:active {font-family: verdana, sans-serif; font-weight: bold; font-size: 1.1em; color:#4db1fd; text-decoration:none}
.text {padding: 1.5em; color: #000000; background-color: #ffffff}

ul#teacherlinks {line-height: 1.6; list-style-type: none; text-align: center; padding-left: 0; margin-left: 0; font-size: 12px}

#beastimage {visibility: hidden;
	position: absolute;
	left: 1em;
	top: 17em;
}
@media (min-width: 610px) and (max-width: 910px) {#beastimage {visibility: visible; left: 3%; top: 16em}} 
@media (min-width: 910px) {#beastimage {visibility: visible; left: 3%; top:17.1em}} 

#homeimage {visibility: visible;
}
@media (min-width: 610px) and (max-width: 910px) {#homeimage {visibility: hidden}} 
@media (min-width: 910px) {#homeimage {visibility: hidden}} 

#homeimage2 {
	position: absolute;
	right: -5px;
	top: 400px
}
@media (min-width: 610px) and (max-width: 910px) {#homeimage2 {visibility: visible; right: 5%;}} 
@media (min-width: 910px) {#homeimage2 {visibility: visible; right: 5%;}} 

#homeimage p {font-size: 1em; text-align: center}
#teachertext {
	position: absolute;
	left: 300px;
	top: 200px;
	width: 280px
}

#main {
	position: absolute;
	top: 141px;
	left: 120px;
	width: 550px;
}
#mainpic {float: left; padding-right: 8px; padding-bottom: 6px}
#video {position: absolute; left: 25%; top: 100px; width: 60%}
#picimage {position: absolute; left: 200px; top: 16px;}
#presstext {position: absolute; left: 30%; top: 10px; width: 45%}
#presslogo {float: right}
#pressimage {border-right: 8px solid #FFFFFF; border-bottom: 8px solid #FFFFFF}
.rightpic {float: right; padding-left: 12px; padding-bottom: 8px; padding-top: 3px}
#controls {
	position: absolute;
	left: 188px;
	top: 182px;
	width: 450px;
	text-align: center
}
#controls p {font-family: georgia, "Times New Roman", serif; font-size: 2em;}
#notebooktext {
	position: absolute;
	left: 3%;
	top: 28em;
	width: 94%;
	padding: 1.2em;
}
@media (min-width: 610px) and (max-width: 910px) {#notebooktext {left: 26%; top: 14.3em; width: 50%;}} 
@media (min-width: 910px) {#notebooktext {left: 21%; top: 15.2em; width: 60%;}}