body {
   background: #0B3609;
   background: #0B3609 -webkit-gradient(linear, 0% 0%, 0% 200, from(#27831F), color-stop(1, #0B3609)) no-repeat;
   background: #0B3609 -moz-linear-gradient(#27831F, #0B3609) no-repeat;
   background: #0B3609 linear-gradient(#27831F, #0B3609) no-repeat;
   text-align: center;
}

#pageWrapper {
   width: 830px;
   margin: 1em auto;
   text-align: left;
   background: #fff;

   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   box-shadow: 0 2px 3px 1px #666;
   -moz-box-shadow: 0 2px 3px 1px #666;
   -webkit-box-shadow: 0 2px 3px 1px #666;

}

#homepagelinks {
  background: url("images/homepage-diagram2.jpg") center center no-repeat;
  height: 600px;
  list-style: none;
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  position: relative;
  width: 690px;
}

#homepageLinks li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#homepageLinks li a {
  position: absolute;
  display: block;
  height: 135px;
  overflow: hidden;
  text-decoration: none;
  width: 135px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

#homepageLinks li#aboutNiela a {
  left: 259px;
  top: 22px;
}

#homepageLinks li#music a {
  left: 493px;
  top: 233px;
}

#homepageLinks li#art a {
  left: 40px;
  top: 237px;
}

#homepageLinks li#resources a {
  left: 162px;
  top: 453px;
}

#homepageLinks li#videolinks a {
  left: 380px;
  top: 453px;
}
