* {margin: 0; padding: 0}
body {background: #FFffee; color: #CC0000; background-attachment: fixed; font-size: 62.5%;}
img {border: 0}
h1 {font-family: "Verdana", "Helvetica", sans-serif; font-style: normal;}
p{font-family: verdana, sans-serif; font-size: 1.2em; line-height: 1.3; padding-bottom: 6px}
span {font-family: verdana, sans-serif; font-size: 1.2em; font-weight: bold; color: #ff0000;}

#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 {font-family: verdana, sans-serif; font-weight: normal; font-size: 1.1em; color:#ff0000; text-decoration:none}
a:visited {font-family: verdana, sans-serif; font-weight: normal; font-size: 1.1em; color:#ff0000; text-decoration:none}
a:hover {font-family: verdana, sans-serif; font-weight: normal; font-size: 1.1em; color:#ffffff; text-decoration:none;}
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 {position:absolute; left:40%; top:25px; z-index:1}
#logo {position: absolute; left: 4%; top: 20px; z-index: 3}
#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: #CC0000; text-align: center;}
.hidbox {font-family: "Verdana", "Helvetica", sans-serif; font-size: 12px; color: #800000; text-align: center;}

ul#menu li a:link {color:#f00; font-weight: bold}
ul#menu li a:visited {color:#f00; font-weight: bold}
ul#menu li a:hover {color:#dd0; font-weight: bold; background-color: #d00}
ul#menu li a:active {color:#f00; font-weight: bold}

#info {position:absolute; left:5%; top:100px; width: 190px; z-index:4;}
#FB {position: absolute; left:32%; top:115px; z-index:5; color: #ff0000}
.teachthumb p {width: 90px; font-weight: bold; font-size: 0.9em}
#BIT {position: absolute; left: 32%; top: 215px; z-index:9; color: #990033;}
#MD {position: absolute; left: 32%; top: 315px; z-index:7; color: #990099;}
#ESWM {position: absolute; left: 32%; top: 415px; z-index:9; color: #0000cc}
#GK {position: absolute; left: 45%; top: 115px; z-index: 11; color: #dd6600}
#tatter {position:absolute; left: 45%; top: 215px; z-index: 11; color: #333399;}
#medea {position:absolute; left: 71%; top:115px; z-index:11; color: #dd0000;}
#df {position:absolute; left: 45%; top: 315px; z-index: 11; color: #339999;} 
#PJ {position:absolute; left: 45%; top: 415px; z-index: 11; color: #333399;} 
#CC {position:absolute; left: 58%; top:115px; z-index:11; color: #553333;}
#beast {position:absolute; left: 71%; top: 215px; z-index: 11; color: #009933;}
#WD {position: absolute; left:58%; top: 215px; z-index: 11; color: #006590}
#Sealskin {position:absolute; left: 71%; top: 315px; z-index: 11; color: #339999;}
#workshops {position:absolute; left: 58%; top: 315px; z-index: 11; color: #222222;}
.links {padding: 8px;}
#robinson {position: absolute; left:34%; top:515px; z-index:16; text-align: center}
#pullman {position: absolute; left:58%; top:515px; z-index:16; text-align: center}
#pullman2 {position: absolute; left: 75%; top:515px; z-index:17; text-align: center}
#adults {text-align: center; position:absolute; left:7%; top:515px; z-index:17}