body {
	transition: all 0.5s ease-in-out;
	background-color: #999999;
	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 {
	height: 900px;
	width: 1125px;
}
header {
	background-color: grey;
	height: 200px;
}

.headerImg {
	height: 200px;
  width: 1125px;
  left: 7px;
  top: 8px;
}

.logo {
  position: absolute;
  height: 103px;
  width: 300px;
  top: 20px;
  left: 700px;
}

main {
	background-color: #003761;
	height: 700px;
	width: 1125px;
}

.diaIcon,
.asseIcon,
.exaIcon {
  position: absolute;
  top: 10px;
}

.diaIcon {left: 44px;}
.asseIcon {left: 410px;}
.exaIcon {left: 790px;}


.mainContainer {
  margin-left: 10px;
  position: relative;
}

.class-diag,
.penn-assess,
.keystone {
	top: 180px;
  height: 478px;
  width: 363px;
  position:absolute;
}

.class-diag {left: 86px;}
.penn-assess {left: 453px;}
.keystone {left: 836px;}

.whtBoarder1,
.whtBoarder2 {
	background-color: white;
  position: absolute;
  height: 505px;
  width: 5px;
  top: 60px;
}

.whtBoarder1 {left: 363px;}
.whtBoarder2 {left: 730px;}

div.option {
  border: 3px solid white;
  border-radius: 19px;
  text-align: center;
  font-weight: bold;
  font-family: arial, sans-serif;
  font-size: 24px;
  width: 245px;
  margin: 5px 35px 65px -30px;
  background-color: white;
  padding-top: 15px;
  padding-bottom: 15px;

}
div.option.twoline {
  padding-top: 0px;
  padding-bottom: 0px;
}
a {text-decoration: none;color: black;}

a:hover {
  color: white;
  background-color: #002952;
  padding-left: 5px;
  padding-right: 5px;
}

#secure-browser-exit {
  text-align: center;
  top: 585px;
  left: 525px;
  position: absolute;
}

#secure-browser-exit a {
  font-size: x-large;
  font-family: arial, sans-serif;
  color: white;
  text-decoration: none;
}