body {
  background-color: #006600;
  background-image: url("http://www.hydeparkschools.org/Transition/background-gradient.jpg");
  background-repeat: repeat-x;
  margin: 0px;
  color: black;
  font-family: Arial, Sans-Serif;
  font-size: .75em;
  text-align: left; /* Pre-IE6 fix */
}

#wrapper {
  margin: 0px auto;
  padding: 0px;
  border: 0px;
  width: 880px;
  /* background: orange; */
}




/* ================Header================ */
#header {
  width: 100%;
  height: 80px;
  border: 0px;
  padding: 0px;
  margin: 0px auto;
  behavior: url("http://www.hydeparkschools.org/Transition/iepngfix.htc"); /* Patch for IE to enable Transparent PNGs */
  background: url("http://www.hydeparkschools.org/images/topphotos4.jpg") top left repeat-x;
}
#header img {
  border: 0px;
  padding: 0px;
  margin: 0px auto;
  display: block;
}




/* ================Sides================ */
#leftside {
  text-align: right;
  float: left;
  /* background: blue; */
}
#rightside {
  text-align: left;
  float: right;
  /* background: red; */
}
.side {
  font-size: 1em;
  font-weight: bold;
  color: white;
  padding: 0px;
  margin: 0px;
  border: 0px;
}
.side ul {
  padding: 10px 10px 0px 10px;
  margin: 0px;
  border: 0px;
  list-style: none;
  width: 100px;
}
.side li {
  padding: 0px 0px 2em 0px;
  margin: 0px;
  border: 0px;
}
.side a {
  color: white;
  text-decoration: none;
}
.side a:hover {
  text-decoration: underline;
}
#rightside form {
  padding: 0px;
  margin: 0px;
  border: 0px;
  margin-bottom: 0px; // 10px if not at top of list
}
#rightside #search-query {
  background: #EEEEEE; // #95c38c if not at top of list
}
#rightside fieldset {
  padding: 0px;
  margin: 0px;
  border: 0px;
}








/* ================Content================ */
#content {
  margin: 0px auto;
  padding: 20px 60px 20px 60px;
  border: 0px;
  width: 514px; /* should be 520 but IE burps */
  background: white;
}
#content h3 {
  margin: 0px;
  margin-bottom: 10px;
  border: 0px;
  padding: 0px;
  font-size: 1em;
  /* background: purple; */
  /*background: url("http://www.hydeparkschools.org/Transition/hms.jpg") top right no-repeat;*/
}
#content a {
  color: black;
  text-decoration: none;
  font-weight: bold;

}
#content a:hover {
  text-decoration: underline;
}
#content ul.three-col-list {
  margin: 0 auto;
  padding: 0;
  background: red;
}
#content ul.three-col-list li{
  text-align: center;
  float: left;
  /*display: inline;*/
  list-style: none;
  width: 165px;
  /*background: gray;*/
  margin: 3px;
}



/* ================Footer================ */
#footer { 
  clear: both;
  border: 0px;
  margin: 0px auto;
  text-align: center;
}