body {
  margin: 0px 0px 0px 0px;
  /* font-family: verdana, sans-serif;  */
  font-family: 'Open Sans', sans-serif;

  font-size: 100%;
  color: #000000;
  background-color: #F9F9F8;
  /*#F8FFF8; */
  text-decoration: none;
  font-weight: normal;
  line-height: normal;
}

p {
  font-size: 0.75em;
  margin: 0px;
}

p#pline {
  margin-top: 12px;
}

div#content {
  position: absolute;

  left: 50%;
  margin-left: -450px;
  top: 15px;
  width: 910px;
  height: 900px;
  /*background-color: #323230; /*#F9F9F8; #CFCDAC; #292918;*/
}

@media only screen and (max-width: 946px) {
  div#content {

    left: 0px;
    margin: auto;
    top: 15px;
    height: 1000px;
    width: 430px;

    /* background-color: rgb(255, 143, 68); */

  }
}

div#title {
  z-index: 500;
  position: absolute;
  top: 40px;
  left: 30px;
  width: 550px;

}

@media screen and (max-width: 946px) {
  div#title {
    margin: auto;
    margin-left: 18px;
    width: 80%;
  }

}

div#textcontent {
  z-index: 500;
  position: absolute;
  top: 100px;
  left: 30px;
  width: 400px;
  line-height: 20px;
}

div#textcontent2 {
  z-index: 500;
  position: absolute;
  top: 100px;
  left: 470px;
  width: 400px;
  line-height: 20px;

}

div#textcontent3 {
  z-index: 500;
  position: relative;
  top: 0px;
  left: 0px;
  width: 500px;
  line-height: 20px;

}

@media only screen and (max-width: 946px) {
  div#textcontent {
    top: 130px;
    margin-left: 18px;
    width: 88%;
  }

}


@media only screen and (max-width: 946px) {
  div#textcontent2 {
    top: 260px;
    margin: auto;
    margin-left: -422px;

    width: 88%;

    /* visibility: hidden;
    content-visibility: hidden; */
  }

}

div#galleryImg {
  z-index: 500;
  position: absolute;
  top: 695px;
  left: 129px;
}

img#galleryImg {
  position: absolute;
  top: 0px;
  left: 0px;
}

div#cap2 {
  position: absolute;
  top: 788px;
  left: 30px;
  font-size: 0.90em;
}

div#cap1 {
  z-index: 200;
  position: absolute;
  top: 185px;
  left: 30px;
  font-size: 0.90em;
}

div#instructions {
  position: absolute;
  top: 718px;
  left: 30px;
  font-size: 0.90em;
}

img#bigStart {
  position: absolute;
  top: 0px;
  left: 0px;
}

span.emphasis {
  /*font-style:italic;*/
  color: #000000;
  font-size: 1.10em;
  font-weight: normal;
}

#dynVidUpdate {
  width: 750px;
  height: 400px;
  /* height: 500px; */
}

@media only screen and (max-width: 946px) {
  #dynVidUpdate {
    width: 100%;

  }

}

div#video {
  z-index: 500;
  width: 750px;
  position: absolute;
  top: 350px;
  /*420px*/
  /* left: 30px;  */
  /*156px*/

  left: 50%;
  margin-left: -372px;
  padding-right: 0px;
  align-items: center;
}

@media screen and (max-width: 946px) {
  div#video {
    top: 530px;
    width: 87%;
    margin-left: auto;
    left: 7%;
  }

}

p#videoTitle {
  position: absolute;
  color: #585853;
  top: 1382px;
  left: 20px;
  width: 950px;
}

hr {
  width: 910px;
  position: absolute;

  top: 1390px;
  left: 20px;
  border-top: 1px dotted #9F9F9F;
  border-bottom: 1px solid #F9F9F9;
}


div#back {
  position: absolute;
  top: 10px;
  left: 30px;
  font-size: 0.75em;
}

a {
  color: #181818;
}

a:link {
  color: #181818;
  text-decoration: none;
}

a:visited {
  color: #181818;
  text-decoration: none;
}

a:active {
  color: #181818;
  text-decoration: underline;
}

a:hover {
  color: #000000;
  text-decoration: underline;
}

p#copyright {
  position: relative;
  /* bottom: -100px; */
  margin-top: 159px;
  left: 25px;
  z-index: 500;
  text-align: left;
  color: #999999;
  font-size: 0.65em;
  line-height: 15pt;
}

span.cname {}