html {
    background-image: url(Images/Planks.png);
    font-family: "Comic Sans", Comic Sans MS;
}

.mainbox {
    color: #FFFF;
    background-image: url(Images/blackgranite.gif);
    width: 1074px;
    height: 863px;
    margin-left: 21%;
    overflow: scroll;
    overflow-x: hidden;
}

.terms {
    font-size: smaller;
    text-align: left;
    border: thin;
    padding: 12px;
}

.commbutton {
    margin-left: 39%
}

.imagetitle {
    margin-left: 29%;
}

.img {
    max-width: 79%;
    height: auto;
    margin-left: 9%;
    border: groove #ff86faff 3px;
}

.text {
    text-align: center;
    margin: 2%;
    padding: 1%;
    background-image: url(Images/b2.gif);
    border: groove #ff86faff 3px;
}

.imgGallery1 {
    width: 38%;
    height: auto;
    margin-left: 4%;
}

.imgGallery2 {
    height: 58%;
    width: auto;
    margin-left: 4%;
}

.imgGallery3 {
    height: 61%;
    width: auto;
    margin-left: 6%;
}

.imgGallery4 {
    height: 56%;
    width: auto;
    margin-left: 5%;
}

.imgGallery5 {
    height: 56%;
    width: auto;
    margin-left: 33px;
}

.imgGallery6 {
    height: 75%;
    margin-left: 16%;
}

.leftbutton {
  background-image: url(Images/books.png);
  border: 3px ridge #673f2a;
  width: 117px;
  margin-left: 23px;
  padding:6px;
  margin-top:13px;
  min-height:4%;
  position:fixed;
  overflow:auto;
  text-align:center;
  }

.buttons {
  list-style-type:none;
  padding:3px;
  }

.button { 
  background-image: url(Images/b2.gif);
  text-align:center;
  border-radius: 5px;
  border: 1px solid #ffffff;
  padding: 10px;
  margin:5px;
  margin-top:10px;
  margin-bottom:10px;
  }