.headerPage {
  margin: 0px;
  background-color: #FAF9B2;
  font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;  /* Text Color */
}
.headerImage {
  background-image: url(/pageImages/HeaderBackground.gif);
  background-position: 0px;
  background-repeat: repeat-x;
}
.headerText {
  font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
  padding-top: 10px;
  font-size: 14px;
  font-weight: bold;
  background-image: url(/pageImages/HeaderBackground.gif);
  background-position: 0px;
  background-repeat: repeat-x;
  color: #3366CC;  /* Text Color */
}
.headerShadow {
  background-image: url(/pageImages/HeaderShadow.gif);
  background-position: 0px;
  background-repeat: repeat-x;
}
.bodyPage {
  font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;  /* Text Color */
}
.footerShadow {
  background-image: url(/pageImages/FooterShadow.gif);
  background-position: 0px;
  background-repeat: repeat-x;
}
.photoComment {
  background-color: #D0E0FF;
  border: 2px solid #FFFFFF;
  font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  padding: 3px 3px 3px 3px;
  color: #3366CC;
}

a#btn3StateOn {
    display: block;
    width: 54px;
    height: 60px;
    background-position: 0 0;
    margin: 0 auto;
}
a#btn3StateOn:hover {
    background-position: 0 -60px;
}
a#btn3StateOff {
    display: block;
    width: 54px;
    height: 60px;
    background-position: 0 -120px;
    margin: 0 auto;
}
a .alt { display: none; }