* {margin: 0; padding:0}
body {background: #ffffee; font-size: 62.5%; color: #ddeeff;}
h1 {font-family: verdana, sans-serif; font-style: normal;}
h3 {font-family: verdana, sans-serif; font-style: normal; font-size: 1.4em; color: #222;}
p{font-family: verdana, sans-serif; font-size: 1.2em; text-align: left; line-height: 1.3;  margin-bottom: 6px}
span {font-family: verdana, sans-serif; font-size: 1.2em; font-weight: bolder; color: #ddeeFF; line-height: 1.3;}
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:#cde; text-decoration:none}
a:hover, a:active {font-family: verdana, sans-serif; font-weight: normal; font-size: 1.1em; color:#FFFFFF; text-decoration:none;}
#text {padding-left: 10px; padding-right: 10px}
#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 {position: absolute; left: 420px; top: 205px; width: 350px; font-family: verdana, helvetica, sans-serif; font-size: 13px; font-weight: bolder; color: #c0d1fe; line-height: 1.3; text-align: left;}
td {vertical-align: top; padding: 4px;}
table {border-collapse: collapse; border-spacing: 0px; padding: 0px;}
hr {color: #6699FF; width: 80%; size: 1;}
.backbutton {
	position: absolute;
	left: 21px;
	top: 23px;
	z-index: 1;
	width: 100px;
	height: 45px
}
#back {font-family: 'arial rounded', arial, sans-serif; color: #80ffff; background: #000099; font-weight: bold; border: none; font-size: 10pt; cursor: pointer;}
.reveal a{display: block; cursor: pointer;}
.reveal a:link {font-family: arial, sans-serif; font-weight: bold; font-size: 1.3em; color: #66ffff; text-decoration:none}
.reveal a:visited {font-family: arial, sans-serif; font-weight: bold; font-size: 1.3em; color: #66ffff; text-decoration:none}
.reveal a:hover {font-family: arial, sans-serif; font-weight: bold; font-size: 1.3em; color: #000000; text-decoration:none}
.reveal a:active {font-family: arial, sans-serif; font-weight: bold; font-size: 1.3em; color: #000000; text-decoration:none}
.review a {display: block; line-height: 2;}
.review a:link {font-size: 12px}
.review a:visited {font-size: 12px}
.review a:hover {font-size: 12px}

ul#menu li a {font-weight: bold}

ul#menu li a:link {color:#abc;}
ul#menu li a:visited {color:#abc;}
ul#menu li a:hover {color:#009; background-color: #cde}
ul#menu li a:active {color:#fff;}

ul#menu li.menuprod a:link {color:#cde; font-weight: bold}
ul#menu li.menuprod a:visited {color:#cde; font-weight: bold}
ul#menu li.menuprod a:hover {color:#009; font-weight: bold; background-color: #cde}
ul#menu li.menuprod a:active {color:#009; font-weight: bold}

ul#medialinks li a:link {font-family: verdana, sans-serif; font-weight: bold; font-size: 11px; color:#000066; text-decoration:none; background-color: #abc; padding: 3px 5px}
ul#medialinks li a:visited {font-family: verdana, sans-serif; font-weight: bold; font-size: 11px; color:#000066; text-decoration:none; background-color: #abc; padding: 3px 5px}
ul#medialinks li a:hover {font-family: verdana, sans-serif; font-weight: bold; font-size: 11px; color:#abc; text-decoration:none; background-color: #000066; padding: 3px 5px}
ul#medialinks li a:active {font-family: verdana, sans-serif; font-weight: bold; font-size: 11px; color:#abc; text-decoration:none; background-color: #000066; padding: 3px 5px}
ul#medialinks li a:link, ul#medialinks li a:visited {display: block; width: 88%; padding: 0 6%}

#eswmlogo {position: absolute; left: 140px; top: 23px}
#homeimage {
	position: absolute;
	left: 25px;
	top: 120px
}
#maintext {position: absolute; left: 20%; top: 120px; width: 55%; z-index: 2; padding-left: 12px; padding-top: 10px}
#addtext {position: relative; width: 75%}
#pic {position: absolute; left: 20%; top: 16px}
#brochtext {position: absolute; left: 25%; top: 20px; width: 50%; background-color: #ffffff; padding: 1.5em; color: #0000FF}
#followuppage {position: absolute; left: 5%; top: 110px; width:29%; z-index:3}
#followuppage p {color: #ffffff}
#teacherstext {
	position: absolute;
	width: 460px;
	z-index: 6;
	left: 4%;
	top: 115px
}
#teacherslink {position:absolute; left:65%; top:115px; z-index:9}
#teacherswhite {
	position: absolute;
	left: 31px;
	top: 310px;
	width: 90%;
	height: 200px;
	z-index: 1
}
#teachersbear {position: absolute; width: 202px; height: 215px; left: 2%; top: 0px; text-align: center}
#teachersbear p {text-align: center}
#teacherswind {position: absolute; width: 200px; height: 250px; z-index: 12; left: 40%; top: 0px; text-align: center}
#teacherswind p {text-align: center}
#teacherstroll {position: absolute; width: 210px; height: 230px;left: 78%; top: 0px; text-align: center}
#teacherstroll p {text-align: center}