body {
  background-color: grey;
  height: 900px;
  width: auto;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  overflow: auto;
  overflow: hidden;
}
#page-container {
  display: none;
}
.mainpg {
  position: absolute;
  width: 1125px;
  height: 900px;
}

.leftColumn {
    background-color: #1A68A3;
    height: 800px;
    width: 230px;
    position: absolute;
}

.logo {
    position: absolute;
}

.subject,
.title,
.subTitle,
.videoPara {
  position: absolute;
}

.subject {
  top: 65px;
}
.title {
  top: 110px;
  left: 10px;
  border-bottom: 5px solid white;
  font-size: 16px;
  width: 210px;
}
.subTitle {
  top: 160px;
  left: 5px;
}
.videoPara {
  top: 430px;
  left: 25px;
  width: 180px;
}

.subject li{
  list-style-type: none;
  font-size: 13px;
  font-family: arial;
  color: white;
  margin-left:30px;
}
.title li {
  list-style-type: none;
  font-size: 16px;
  font-family: arial;
  color: white;
  margin-left:-38px;
  width: 183px;
}
.subTitle  li,
.videoPara  li {
    list-style-type: none;
    font-size: 13px;
    font-family: arial;
    color: white;
}

.videoPara > div {position: absolute;top: 80px;font-family: arial;font-size: 13px;color: white;}

.videoPara p{text-align: center;}

.mainMenuButt img,
.previousMenuButt img {
  position: absolute;
  left: 35px;
  width: 160px;
}
.mainMenuButt img {bottom: 20px;height: 40px;}
.previousMenuButt img {bottom: 85px;height: 42px;}

.rightColumn {
    background-color: black;
    position: absolute;
    display: inline;
    height: 800px;
    width: 835px;
    left: 230px;
}

div.vidContainer {
    position: relative;
}

.vidContainer video {
    position: absolute;
    top: 0px;
    height: 800px;
    width: 835px;
    opacity: 0;
    z-index: 0;
    transition: all 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.vidContainer video.show {
    opacity: 1.0;
    z-index: 10;
    top: 0px;
}