body {
  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 {
    position: absolute;
    height: 900px;
    width: 1125px;   
}

header {
    border-bottom: 3px solid #0069A4;
    background-color: white;
    margin-top: 3px;
    margin-left: 1px;
    height: 75px;
    width: 1120px;
}
.heading {
    position:relative;
}
.icon{
    position:absolute;
}
.class-diag.icon {
    top: 6px;
    left: 15px;
    width: 179px;
}
.penn-assess.icon {
    top: 5px;
    left: 15px;
    width: 224px;
}
.keystone.icon {
    top: 0px;
    left: 30px;
    width: 155px;
}
.logo {
    top: -10px;
    left: 860px;
    width: 260px;
    position:absolute;
}

main {
    position: absolute;
    background-color: #0C3265;
    height: 773px;
    width: 1120px;
    margin-top: 1px;
    margin-left: 1px;
}

.sideBar {
    margin-left: 1px;
    margin-top: 2px;
    height: 767px;
    width: 265px;
}

p, 
.subject,
.subject h1,
.tutorials,
.subTutorials,
.small,
.large,
.mainMenuButt,
.toolTips, 
.mthResponseSpaceA,
.mthResponseSpaceB,
.litResponse,
.sciResponse,
.litSciResponse {
    display: inline;
    position: absolute;
}

.sideBar > p { 
    color: white;
    font-family: Verdana;
    text-align: center;   
    font-size: 11px;
    height: 20px;
    width: 220px;
    left: 28px;
}
.subject {
    border: 2px solid white;
    color: white;
    border-radius: 20px;
    height: 50px;
    width: 250px;
    top: 70px;
    left: 8px;
}

.tutorials {    
    border: 2px solid white;
    border-radius: 0 0 20px 20px;
    background-color: white;
    height: 450px;
    width: 225px;
    top: 123px;
    left: 20px;
}


.video-list {
    font-size: large;
    font-weight: bolder;
    font-family: Arial;
    padding: 0px;
    list-style-type: none;
    height: 465px;
    width: 225px;
}

.video-list > li {
    margin: 25px 0 0 9px;
}

li.video-OnlineToolsTraining {margin: 115px 0 0 9px;}
li.selectBelow {margin-top: -10px;font-weight: normal;font-size: 12px;padding-top: 10px;}

.subTutorials {    
    height: 100px;
    width: 218px;
    top: 159px;
}

li.subTutorials {
  margin-top: 0px;
  margin-left: 0px;
}

li a:hover{
    background-color: #002952;
    color: white;
}

li a {
    text-decoration: none;
    color: black;
    font-family: arial, sans-serif;
}

.small {height: 50px;width: 207px;border-left: 3px solid darkblue;top: 25px;margin-left:10px;}
.large {height: 98px;width: 207px;border-left: 3px solid darkblue;margin-left:10px;}
.mainMenuButt {height: 40px;width: 160px;margin:  713px 0 0 49px;}
.mainMenuButt img {height: 40px;width: 160px;}

.advancedToolsArea {    
    height: 767px;
    width: 848px;
    margin: -769px 0 0 269px;
}

.advancedToolsArea > p {width: 550px;height: 90px;margin-left: 140px;}
.advancedToolsArea > p > img {margin: 5px 0 0 47px;} 

.toolTips {
    margin: 111px 0 0 1px;
    height: 652px;
    width: 844px;
}
.litSciResponse {height: 255px;width: 465px;left: 180px;}
.litResponse {height: 172px;width: 453px;top: -15px;top: 1px;left: 5px;}
.sciResponse {height: 250px;width: 453px;top: 1px;left: 5px;}
.mthResponseSpaceA, 
.mthResponseSpaceB {height: 495px;width: 420px;bottom: 155px;}
.mthResponseSpaceB {right: 0px;}
.mthResponseSpaceA img, 
.mthResponseSpaceB img {display: inline;position: absolute;height: 310px;width: 417px;}
.litResponse img,
.sciResponse img {position: absolute;display: inline;height: 100%;width: 100%;}
.mthLrg img {height: 100%;}

.toolTips .class-diag.literacy,
.toolTips .penn-assess.literacy,
.toolTips .keystone.literacy,
.toolTips .class-diag.science,
.toolTips .penn-assess.science,
.toolTips .keystone.science,
.toolTips .penn-assess.mathematics {
    border: 1px solid white;
    border-radius: 30px;
    background-color: white;
    width: 98%;
    height: 100%;
}

.toolTips .class-diag.mathematics,
.toolTips .keystone.mathematics {
    border: 1px solid white;
    border-radius: 30px;
    background-color: white;
    height: 70%;
    width: 98%;
}

.mthResponseSpaceA .class-diag.mathematics,
.mthResponseSpaceA .keystone.mathematics {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.mthResponseSpaceB .class-diag.mathematics,
.mthResponseSpaceB .keystone.mathematics {border-top-left-radius: 0;border-bottom-left-radius: 0;}

 
.mthResponseSpaceA .penn-assess.mathematics {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.mthResponseSpaceB .penn-assess.mathematics {border-top-left-radius: 0;border-bottom-left-radius: 0;}

.advancedToolsArea h1 {position: absolute;border-bottom: 2px solid;font-weight: bold;font-size: 18px;width: 250px;}
.advancedToolsArea ul {font-family: Arial;font-weight: bold;list-style-type: none;}


.toolTips .class-diag.science ul,
.toolTips .penn-assess.science ul,
.toolTips .keystone.science ul {margin: 45px 0 0 250px;}

.toolTips .class-diag.science li,
.toolTips .penn-assess.science li,
.toolTips .keystone.science li {margin: 45px 0 0 250px;}


.toolTips .class-diag.literacy ul,
.toolTips .keystone.literacy ul {
    margin: 10px 0 0 15px; 
}
.toolTips .penn-assess.literacy ul {margin: 55px 0 0 15px;}


.toolTips .class-diag.literacy li,
.toolTips .penn-assess.literacy li,
.toolTips .keystone.literacy li {
    margin: 55px 0 0 230px;
}
.toolTips .penn-assess.literacy li {margin: 24px 0 0 225px;}

.toolTips .class-diag.science li,
.toolTips .penn-assess.science li,
.toolTips .keystone.science li {
    margin:35px 0 0 -20px;
}

.toolTips .class-diag.mathematics ul {margin: 54px 0 0 10px;}
.toolTips .penn-assess.mathematics ul{margin: 60px 0 0px 10px;}
.toolTips .keystone.mathematics ul {margin: 60px 0 0 10px;}

.keystone .mathematics ul{margin: 210px 0 0 10px;}



.toolTips .class-diag.mathematics li,
.toolTips .penn-assess.mathematics li,
.toolTips .keystone.mathematics li {
    margin: 23px 0 0 190px;
    width: 155px;
}

.penn-assess.literacy ul {margin: 10px 0 0 190px;}

h1 {
    font-family: Arial;
    display: inline;
    font-size: larger;
    font-weight: initial;
    margin: 8px 0px 0px 11px;
}
.mthResponseSpaceA .mvA {margin-top: 37px;}
.mthResponseSpaceB .mvA {margin-top: 63px;}
.mthResponseSpaceB ul .mvB {position: absolute;top: 225px;}
.mthResponseSpaceB .mvC {margin-top: 172px;}
.mthResponseSpaceB .mvD {position: absolute;
    top: 135px;}
.mthResponseSpaceA .mvE {margin-top: 90px;}
.mthResponseSpaceA .mvF {position: absolute;top: 175px;}
.mthResponseSpaceA ul .mvG {margin-top: 27px;}
.mthResponseSpaceB p,
.mthResponseSpaceA p {margin: 81px;text-align: center;font-size: larger;font-family: arial;}

.mthResponseSpaceB .mvD, 
.mthResponseSpaceB ul .mvH,
.mthResponseSpaceB ul .mvI {height: 30px;width: 195px}

.mthResponseSpaceB ul .mvH {margin-top: 20px}
.mthResponseSpaceB ul .mvI {margin-top: 18px}

ul {padding: 0;}

.small ul,
.large ul {
    position: absolute;
}

.small li,
.large li {
    font-weight: bold;
    font-size: 14px;
    list-style-type: none;
    margin-top: 10px;
    margin-left:10px;
}

.class-diag.literacy > div {top: 60px;right: 225px;height: 30px;width: 200px;}
.penn-assess.literacy > div {top: 50px;right: 225px;height: 80px;width: 200px;}
.keystone.literacy > div {top: 50px;right: 225px;height: 30px;width: 200px;}
.class-diag.science > div {top: 40px;right: 225px;height: 150px;width: 200px;}
.penn-assess.science > div {top: 40px;right: 225px;height: 150px;width: 200px;}
.keystone.science > div {top: 40px;right: 225px;height: 150px;width: 200px;}
.class-diag.mathematics > div {top: 40px;right: 225px;height: 150px;width: 200px;}
.mthResponseSpaceB > .class-diag.mathematics > div {top: 55px;right: 225px;height: 225px;width: 200px;}
.penn-assess.mathematics > div {top: 40px;right: 225px;height: 442px;width: 180px;}
.keystone.mathematics > div {top: 53px;right: 225px;height: 280px;width: 180px;}
.mthResponseSpaceB > .keystone.mathematics > div {top: 205px;right: 225px;height: 140px;width: 180px;}

.class-diag.literacy > div,
.penn-assess.literacy > div,
.keystone.literacy > div,
.class-diag.mathematics > div,
.penn-assess.mathematics > div,
.keystone.mathematics > div,
.class-diag.science > div,
.penn-assess.science > div,
.keystone.science > div {
    position: absolute;
}

.class-diag.literacy > div > img,
/*.penn-assess.literacy > div > img,*/
.keystone.literacy > div > img,
.class-diag.mathematics > div > img,
.penn-assess.mathematics > div > img,
.keystone.mathematics > div > img,
.class-diag.science > div > img,
.penn-assess.science > div > img,
.keystone.science > div > img {position: absolute;width: 94px;right: 10px;}

.penn-assess.literacy > div > img {height: 79px; width: 128px;right: 10px;}
.class-diag.literacy > div > img {width: 120px;}

.keystone.literacy > div > img {width: 30px;height: 20px;top:4px;}
.class-diag.science > div > img {height: 78px;width: 165px;top: 5px;}
.class-diag.science > div > img:nth-child(2) {top: 125px;right: 5px;height: 25px;width: 95px;}
.penn-assess.science > div > img {height: 85px;width: 55px;top: 5px;}
.penn-assess.science > div > img:nth-child(2) {top: 122px;right: 11px;height: 23px;width: 52px;}
.keystone.science > div > img {height: 76px;width: 30px;top: 4px;}
.keystone.science > div > img:nth-child(2) {top: 122px;right: 5px;height: 25px;width: 35px;}
.class-diag.mathematics > div > img {top: 15px;height: 112px;width: 165px;}
.mthResponseSpaceB .class-diag.mathematics > div > img {top: 1px;height: 75px;width: 132px;}
.mthResponseSpaceB .class-diag.mathematics > div > img:nth-child(2) {top: 190px;right: 5px;height: 31px;width: 172px;}

.mthResponseSpaceA .penn-assess.mathematics > div > img {top: 14px;height: 82px;width: 135px;}
.mthResponseSpaceA .penn-assess.mathematics > div > img:nth-child(2) {top: 210px;height: 195px;width: 80px;}
.mthResponseSpaceB .penn-assess.mathematics > div > img {top: 15px;height: 140px;width: 33px;}
.mthResponseSpaceB .penn-assess.mathematics > div > img:nth-child(2) {top: 203px;right: 5px;height: 237px;width: 150px;}

.mthResponseSpaceA .keystone.mathematics > div > img {height: 120px;width: 30px;}
.mthResponseSpaceA .keystone.mathematics > div > img:nth-child(2) {top: 170px;height: 80px;width: 30px;}
.mthResponseSpaceB .keystone.mathematics > div > img {height: 129px;width: 30px;top: 8px;}