* {margin: 0; padding: 0}
body {background: #ffffee; color: #A3B7FE; font-size: 62.5%}
h1 {font-family: Verdana, Helvetica, sans-serif; font-style: normal;}
h2	{font-family: verdana, sans-serif; font-style: italic; font-size: 2.4em; color: #20b848; font-weight: bold;}
h3 {text-align: center; font-family: arial, sans-serif; font-size: 1.8em; color: #20b848}
p{font-family: verdana, sans-serif; font-size: 1.2em; line-height: 1.3; margin-top: 0px; padding-bottom: 6px}
span {font-family: verdana, sans-serif; font-size: 1.2em; color: #20b848; font-weight: bold;}
img {border: none}

#holder {width: 800px; position: absolute; left: 50%; margin-left: -400px; margin-top: 5px; z-index: 1}
#bgd {position: absolute; left: 50%; margin-left: -400px; margin-top: 0px; z-index: 0;}

a:link, a:visited {font-family: verdana, sans-serif; font-weight: normal; font-size: 1.1em; color:#20b848; text-decoration:none}
a:hover, a:active {font-family: verdana, sans-serif; font-weight: normal; font-size: 1.1em; color:#A3B7FE; text-decoration:none}
.text {padding: 1.5em; color: #000000; background-color: #ffffff}
#title {font-family: "Verdana", "Helvetica", sans-serif; font-size: 12px; font-weight: bold; padding-left: 12px}
#ideas {font-family: "Verdana", "Helvetica", sans-serif; font-size: 16px; font-style: italic; font-weight:bold;}
.headbox {font-family: "Verdana", "Helvetica", sans-serif; font-size: 12px; color: #FFFF00; text-align: center;}
.hidbox {font-family: "Verdana", "Helvetica", sans-serif; font-size: 12px; color: #FFFF99; text-align: center;}
.backbutton {
	position: absolute;
	left: 27px;
	top: 21px;
	z-index: 1;
	width: 100px;
	height: 45px
}
#back {font-family: arial, sans-serif; color: #20b848; background: #052c49; font-weight: bold; border: none; font-size: 10pt; cursor: pointer;}
.review a:link {font-family: arial, sans-serif; font-weight: bold; font-size: 1.2em; color:#A3B7FE; text-decoration:none}
.review a:visited {font-family: arial, sans-serif; font-weight: bold; font-size: 1.2em; color:#A3B7FE; text-decoration:none}
.review a:hover {font-family: arial, sans-serif; font-weight: bold; font-size: 1.2em; color:#20b848; text-decoration:none}
.review a {display: block; line-height: 2;}

ul#menu li a {font-weight: bold}

ul#menu li a:link {color:#20b848;}
ul#menu li a:visited {color:#20b848;}
ul#menu li a:hover {color:#a3b7fe; background-color: #20b848}
ul#menu li a:active {color:#a3b7fe;}

ul#menu li.menuprod a:link {color:#a3b7fe; font-weight: bold}
ul#menu li.menuprod a:visited {color:#a3b7fe; font-weight: bold}
ul#menu li.menuprod a:hover {color:#a3b7fe; font-weight: bold; background-color: #20b848}
ul#menu li.menuprod a:active {color:#a3b7fe; font-weight: bold}

ul#medialinks li a:link {font-family: verdana, sans-serif; font-weight: normal; font-size: 1.1em; color:#20b848; text-decoration:none; background-color: #052c49; padding: 3px 5px}
ul#medialinks li a:visited {font-family: verdana, sans-serif; font-weight: normal; font-size: 1.1em; color:#20b848; text-decoration:none; background-color: #052c49; padding: 3px 5px}
ul#medialinks li a:hover {font-family: verdana, sans-serif; font-weight: normal; font-size: 1.1em; color:#A3B7FE; text-decoration:none; background-color: #1Da312; padding: 3px 5px}
ul#medialinks li a:active {font-family: verdana, sans-serif; font-weight: normal; font-size: 1.1em; color:#A3B7FE; text-decoration:none; background-color: #1Dc634; padding: 3px 5px}
ul#medialinks li a:link, ul#medialinks li a:visited {display: block; width: 88%; padding: 0 6%}

ul#teacherlinks {line-height: 1.6; list-style-type: none; text-align: center; padding-left: 0; margin-left: 0;}

#casslogo {
	position: absolute;
	left: 274px;
	top: 15px
}
#homeimage {position: absolute; left: 4%; top: 150px}
#homeimage2 {position: absolute; left: 4%; top: 350px}

#homeimage p {font-size: 1em; text-align: center}
#maintext {
	position: absolute;
	left: 60px;
	top: 150px;
	width: 580px
}
#teachertext {
	position: absolute;
	left: 300px;
	top: 150px;
	width: 280px
}

#main {
	position: absolute;
	top: 121px;
	left: 62px;
	width: 750px;
	height: 420px;
	overflow: auto
}
#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;}
