@font-face {
  font-family: OS_X_Darwin;
  src: url(OS_X_Darwin.ttf);
}

body {
  overflow-y: scroll;
  background-color: silver;
  color: rgb(0, 0, 0);
  margin: 0;
  width: auto;
}

#page-wrap {
  width: auto;
  max-width: 900px;
  margin: 0 auto;
  padding: 0 25px 0 25px;
  /*border-left: 1px solid grey;*/
  /*border-right: 1px solid grey;*/
}

h1 {
  border-style: none;
  border-width: 0;
  margin: 0px;
  overflow: hidden;
  background-position:  center center;
  padding-top: 100px;
  background-repeat: no-repeat;
  height: 200px;
  position: absolute;
  //text-transform: uppercase;
  width: 100%;
  font-family: OS_X_Darwin;
  letter-spacing: 15px;
  float: none;
  text-align: center;
  top: 0px;
  font-size: 40pt;
  clear: none;
  background-image: url(SmallBWBack.JPG);
  background-size: cover;
  visibility: visible;
}
p {
  border-left-width: 0px;
  padding-top: 0px;
  padding-left: 0px;
  max-height: 999999px;
}
h2 {
  font-family: OS_X_Darwin;
  letter-spacing: 2px;
  color: grey;
  font-weight: 400;
  border-left-width: 0px;
  padding-top: 20px;
  padding-left: 0px;
  padding-bottom: 0px;
  max-height: 999999px;
}

h3 {
  font-family: OS_X_Darwin;
  letter-spacing: 2px;
  color: grey;
  font-weight: 400;
  font-size: 1.1em;
  border-left-width: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  max-height: 999999px;
}

.fullimg {
  width: 100%;
}

.altp {
  margin: 0;
}

#boximg {
  width: 100%;
  background-color: grey;
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
  margin-bottom: 15px;
}

#container {
  text-align: center;
  padding: 7px 21px;
  /*border-top: 1px solid #ddd;*/
}

video {
  width: 100%;
  height: auto;
  max-height: 100%;
}

a {
  color: grey;
}

a:hover {
  color: silver;
  background-color: grey;
}

a:active {
  color: grey;
  background-color: grey;
}

/*The following is for my navigation bar*/
ul {
  list-style-type: none;
  /*width: 60%;*/
  margin-top: 300px;
  padding:0;
  overflow: hidden;
  background-color: grey;
}

li {
  float: left;
  width: 33.333%;
}

li a {
  display: block;
  color: silver;
  text-align: center;
  padding: 10px 0px;
  text-decoration: none;
}

li a:hover {
  background-color: #404040;
}

li a:hover:not(.active) {
  background-color: silver;
  color: grey;
}

.active {
  background-color: #404040;
}