body{

  background: #eefcd4 url(images/bg.png) repeat-x fixed;
}


/* HASSA_bkgnd (words in header) */
#hassa_bkgnd {
  position: absolute;
  left: +0px;
  top: +5px;
  width: 100%;
  height: 25px;
  z-index: 2;
  background-image: url(images/hassa_bkgnd.png);
  background-repeat: x;
}

/* people with instruments graphic */
#hassa_people {
  position: absolute;
  left: +0px;
  top: +20px;
  width: 100%;
  height: 80px;
  z-index: 3;
  background-image: url(images/hassa_people.png);
  background-repeat: x;
}

/* logo */
#logo {
  position: absolute;
  left: +33px;
  top: +97px;
  width: 273px;
  height: 38px;
  z-index: 4;
}

/* menu_top */
#menu_top {
  position: absolute;
  margin-left: -356.5px;
  left: 50%;
  top: +141px;
  width: 713px;
  height: 33px;
  z-index: 5;
}

/* home_link */
#home_link {
  position: absolute;
  left: 34px;
  top: 5px;
  width: 69px;
  height: 22px;
  z-index: 6;
}

/* about_link */
#about_link {
  position: absolute;
  left: 148px;
  top: 5px;
  width: 72px;
  height: 22px;
  z-index: 7;
}

/* join_link */
#join_link {
  position: absolute;
  left: 262px;
  top: 5px;
  width: 55px;
  height: 21px;
  z-index: 8;
}

/* donate_link */
#donate_link {
  position: absolute;
  left: 381px;
  top: 5px;
  width: 80px;
  height: 20px;
  z-index: 9;
}

/* top section of content area */
#pagetop {
  position: absolute;
  margin-left: -356.5px;
  left: 50%;
  top: +174px;
  width: 713px;
  height: 297px;
  z-index: 10;
  background: #ffffff;
}

/* photo box */
#photobox {
  position: absolute;
  left: 21px;
  top: 18px;
  width: 486px;
  height: 267px;
  z-index: 11;
}

/* right-hand navigation menu */
#rightnav {
  position: absolute;
  left: 536px;
  top: 18px;
  width: 158px;
  height: 270px;
  z-index: 12;
  text-align: left;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  color: #ce1716;
}

/* content box */
#content_box {
  position: absolute;
  margin-left: -356.5px;
  left: 50%;
  top: +471px;
  width: 713px;
  height: 404px;
  z-index: 13;
}

/* main content text area */
.content_text {
  position: relative;
  left: 21px;
  top: 0px;
  width: 486px;
  z-index: 14;
  text-align: left;
  overflow: auto;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #ce1716;
}

.content_text a:link {color: #bee943; }
.content_text a:visited {color: #bee943; }
.content_text a:hover {font-weight: bold; text-decoration: none; }

/* footer image */
#footer_img {
  position: absolute;
  left: 0px;
  top: 102px;
  width: 713px;
  height: 34px;
  z-index: 15;
  background-image: url(images/footer_img.jpg);
}

/* footer text */
#footer_text {
  position: absolute;
  left: 2px;
  top: 12px;
  width: 709px;
  height: 15px;
  z-index: 16;


  text-align: left;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: small;
  color: #ffffff;
}


.Layer-1000 {
  position: relative;
  left: 0px;
  top: 0px;
  width: 713px;
  height: 8px;
  z-index: 1000;
  background: #ffffff;
}


.Layer-1001 {
  position: relative;
  left: 0px;
  top: 0px;
  width: 713px;
  z-index: 1001;
  background: #ffffff;
}


.Layer-1002 {
  position: relative;
  left: 0px;
  top: 0px;
  width: 713px;
  height: 136px;
  z-index: 1002;
  background: #ffffff;
}


a { cursor: pointer; text-decoration: none; font-weight: bold;}


.menu {
  font-size: medium;
}
.menu a:link {color: #ce1716; }
.menu a:visited { color: #ce1716; }
.menu a:hover {  color: #ffe535; }

/* the below is stuff for secondary (non-photo) pages */

/* page2_content_frame */
#page2_content_frame {
  position: absolute;
  margin-left: -356.5px;
  left: 50%;
  top: +174px;
  width: 713px;
  height: 404px;
  z-index: 10;
}

/* page2_content_text */
.page2_content_text {
  position: relative;
  left: 21px;
  top: 0px;
  width: 486px;
  z-index: 12;

  text-align: left;
  overflow: auto;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #ce1716;
}

.page2_content_text a:link {color: #bee943; }
.page2_content_text a:visited {color: #bee943; }
.page2_content_text a:hover {font-weight: bold; text-decoration: none; }


.Layer-1010 {
  position: relative;
  left: 0px;
  top: 0px;
  width: 713px;
  height: 27px;
  z-index: 1010;
  background: #ffffff;
}


.Layer-1011 {
  position: relative;
  left: 0px;
  top: 0px;
  width: 713px;
  z-index: 1011;
  background: #ffffff;
}


.Layer-1012 {
  position: relative;
  left: 0px;
  top: 0px;
  width: 713px;
  height: 117px;
  z-index: 1;
  background: #ffffff;
}

/* page2_nav */
#page2_nav {
  position: absolute;
  left: 536px;
  top: -40px;
  width: 158px;
  height: 270px;
  z-index: 1014;
  text-align: left;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  color: #ce1716;
}