#content {
  background-image: url('images/home-middle.jpg') ;
  border-style: none ;
  position: relative ;
  height: 475px ;
}

#content h1 {
  position: absolute ;
  width: 200px ;
  left: 4px ;
}

#content h1 a {
  /* hide text */
  display: block ;
  /* padding-top: 99px ; */
  overflow: hidden ;
  height: 0px ;
}

h1#teaching-materials {
  top: 0px ;
}

h1#teaching-materials a {
  padding-top: 39px ;
}

h1#explore-by-time {
  top: 43px ;
}

h1#explore-by-time a {
  padding-top: 89px ;
}

h1#explore-by-theme {
  top: 136px ;
}

h1#explore-by-theme a {
  padding-top: 78px ;
}

h1#list-of-resources {
  top: 218px ;
}

h1#list-of-resources a {
  padding-top: 77px ;
}

h1#about-zinn {
  width: 160px ;
  left: 394px ;
  top: 314px ;
}

h1#about-zinn a {
  padding-top: 141px ;
}

#slideshow {
  position: absolute ;
  right: 4px ;
  top: 0px ;
}

ul#news-events {
  width: 347px ; /* 367px */
  height: 97px ; /* 101px */

  white-space: nowrap ; /* is this a good idea? */
  overflow: hidden ;

  position: absolute ;
  left: 23px ; /* 13px */
  top: 358px ; /* 354px */
}

ul#news-events li {
  margin: 4px 0px ;
}

#quote {
  width: 368px ;  /* 396px */
  height: 131px ; /* 141px */

  color: #c08050 ;
  font-size: 18px ;
  line-height: 24px ;

  position: absolute ;
  left: 568px ; /* 554px */
  top: 324px ;  /* 314px */
}