body {
  color:#003366;
  font-family:verdana, sans serif;
  margin:0;
  background:url(../images/banner.gif) no-repeat;
}

#menu {
  position:absolute;
  top:136px;
  font-weight:500;
  float:left;
  width:12em;
  margin:0 0.5em;
  font-family:comic sans ms, verdana, sans serif;
}

#menu a:link, #menu a:visited {
  display:block;
  text-decoration:none;
  color:#185899;
  margin:1em 0;
  padding:0 1em;
  border-top:solid 1px white;
  border-bottom:solid 1px white;
  border-right:solid 1px white;
}

#menu a:active, #menu a:hover {
  border-left:solid 0.5em #c0c0ff;
  border-right:solid 1px #c0c0ff;
  border-top:solid 1px #c0c0ff;
  border-bottom:solid 1px #c0c0ff;
  text-indent:-0.5em;
}

#menu a.selected:link, #menu a.selected:visited, #menu a.selected:active, #menu a.selected:hover {
  border-top:solid 1px #185899;
  border-bottom:solid 1px #185899;
  border-right:solid 1px #185899;
  border-left:solid 0.5em #185899;
  text-indent:-0.5em;
  cursor:default;
}

#menu a.sub:link, #menu a.sub:visited {
  font-size:0.8em;
  margin-left:2.5em;
  margin-top:-1em;
}

#menu a.sub:active, #menu a.sub:hover {
  font-size:0.8em;
  border-left:solid 7px #c0c0ff;
  text-indent:-7px;
  margin-left:2.5em;
  margin-top:-1em;
}

#menu a.subselected:link, #menu a.subselected:visited, #menu a.subselected:active, #menu a.subselected:hover {
  border-top:solid 1px #185899;
  border-bottom:solid 1px #185899;
  border-right:solid 1px #185899;
  border-left:solid 0.5em #185899;
  text-indent:-0.5em;
  cursor:default;
  margin-left:2.5em;
  margin-top:-1em;
  font-size:0.8em;
}

#wrapper {
  font-size:0.8em;
  position:absolute;
  top:136px;
  left:16em;
  padding-left:0.5em;
}

#pics, .pics {
  float:right;
  margin:1em;
}

.caption {
  font-weight:700;
  font-size:0.8em;
  text-align:center;
  padding:1em;
}

#footer {
  font-size:0.8em;
  padding:3em 0 1em 0;
}

#footer a {
  color:#3333cc;
}

#content h1 {
  font-family:comic sans ms, verdana, sans serif;
  font-size:2.5em;
  font-weight:bold;
  color:#185899;
}

#content h2 {
  font-family:comic sans ms, verdana, sans serif;
  font-size:1.7em;
  font-weight:bold;
  color:#185899;
}

#content h3 {
  font-family:verdana, sans serif;
  font-size:1.2em;
  font-weight:bold;
  color:#185899;
}

#content a:link, #content a:visited, #content a:active, #content a:hover {
  color:#3333cc;
}

#content li {
  margin:0.5em 0;
}

td {
  font-size:0.8em;
  padding:0.5em;
  vertical-align:top;
}
    
td.bordered {
  border:solid 1px #185899;
  padding:1em;
}

ul.sitemaplevel1 {
  font-weight:bold;
  list-style-image: url("../images/bulletred.gif");
}

ul.sitemaplevel2 {
  margin-bottom:1em;
  font-weight:normal;
  list-style-image: url("../images/bulletyellow.gif");
}

ul.sitemaplevel3 {
  margin-bottom:1em;
  font-weight:lighter;
  list-style-image: url("../images/bulletgreen.gif");
}

ul.sitemaplevel4 {
  margin-bottom:1em;
  font-weight:normal;
  list-style-image: url("../images/bulletblue.gif");
}

li.break {
  list-style-type:none;
  height:1em;
}

.quote1 {
  font-size:1.4em;
  font-weight:bold;
  font-family:comic sans ms, verdana, sans serif;
  text-align:center;
  color:#3333cc;
  padding:0.5em 0;
}

.quote2 {
  font-size:1.6em;
  font-weight:bold;
  font-family:comic sans ms, verdana, sans serif;
  text-align:center;
  color:#ff0000;
  padding:0.5em 0;
}

.quote3 {
  font-size:1.4em;
  font-weight:bold;
  font-family:comic sans ms, verdana, sans serif;
  text-align:center;
  color:#009900;
  padding:0.5em 0;
}

div.art {
  text-align:center;
}

div.art img {
  margin:0.5em 1em;
}

div.art p {
  margin-top:0.2em;
  font-size:0.8em;
}

#staffroom {
  background:url(../images/staffroombanner.gif) no-repeat;
}

#staffroom .badpassword {
  color:red;
}

#staffroom .errormessage {
  font-weight:bold;
  font-size:2em;
  color:red;
}

#staffroom th {
  font-size:0.8em;
  text-align:left;
  padding:0.5em;
  vertical-align:top;
}

#staffroom span.subhead {
  font-weight:normal;
  display:block;
  margin-top:0;
  margin-bottom:0
}

#staffroom input.buttonadd {
  margin-left:0.5em;
}

#staffroom div.memo {
  border:solid 1px #185899;
  margin-bottom:2em;
  width:90%;
  padding-left:1em;
}

#staffroom .memopin {
  background:url(../images/pin.gif) center left no-repeat;
  text-indent: 30px;
  font-family:comic sans ms, verdana, sans serif;
  font-size:1.7em;
  font-weight:bold;
  color:#185899;
  margin-bottom:0.5em;
  margin-top:0.5em;
}

#staffroom .memoheader {
  font-family:verdana, sans serif;
  font-size:1.1em;
  font-weight:bold;
  color:#185899;
  margin:0.3em;
}

#staffroom .memotext {
  margin-bottom:1em;
  margin-right:1em;
}

#print {
  float:right;
}

#print p {
  margin-top:2em;
}

#print img {
  vertical-align:text-bottom;
  margin-right:5px;
}

#screen {
  display:none;
}


@media print {
  #pics {
    display:none;
  }
}