.childrenOverlapped {
  position: relative;
}

.overlapSibling {
  height:100%;
  width: 100%;
  position:absolute;
  top:0;
  z-index: 10;
}


a.hv:link {
    color: #0A80FA;
    font-family: "Yantramanav", "Open Sans", "sans-serif";
    font-size: 17px;
    font-weight: bold;
    line-height: 20px;
    text-decoration: underline;
  }
  a.hv:visited {
    color: #0A80FA;
  text-decoration: none;
  }
  a.hv:hover {
    color: #0A80FA;
    text-decoration: underline;
  }
  a.hv:active {
    color: #0A80FA;
    text-decoration: underline;
  }
  .hvbox {
    margin: auto;
    padding-left: 15% !important; 
    padding-right: 15% !important;;
    background: #F7F4EC;
    height: auto;
  }
  .boxlabel {
    font-family: "Yantramanav", "Futura", "Open Sans", "sans-serif";
    font-size: 18px;
    line-height: 18px;
    color: #0A80FC;
    font-weight:normal;
  }
  .boxboldlabel {
    font-family: "Yantramanav", "Futura", "Open Sans", "sans-serif";
    font-size: 15px;
    color: #17283F;
    font-weight: 600;
  }
  .boxtitle {
    font-family: "Yantramanav", "Futura", "Open Sans", "sans-serif";
    font-size: 28px;
    line-height: 32px;
    color: #f37b31;
    font-weight:normal;
  }
  .boxsmalltitle {
    font-family: "Yantramanav", "Futura", "Open Sans", "sans-serif";
    font-size: 15px;
    color: #000000;
    font-weight: 600;
    font-style: italic;
  }
        
  .storycontainer {
    position: relative;
    justify-content: center;
    display: flex;
    text-align: center;
  }
  
  .storycontainer img {
    height: auto;
    width: 250px;
  }
  
  .storycontainer a {
    color: #00426B;
    font-family: "Yantramanav", "Futura", "Open Sans", "Public Sans", "sans-serif";
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    margin-top: 10px;
    text-decoration: underline;
    line-height: 1.1;
    display: inline-block;
  }
  .storycontainer a:hover {
    color: #f37b31;
    text-decoration: none;
  }
  .storycontainer img {
    border: 1px solid #00426B;
  }
  
  .storyhover {
    display: block;
    height: auto;
  }
  
  .bookimg {
    border-width: 0px;
    border-style: outset;
    border-color: black;
  max-height: 300px;
  height: auto;
  margin-top: 35px;
  margin-bottom: 25px;
  margin-left: 0px;
    margin-right: 0px;
  }
  
  .overlay {
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: 15px;
    right: 15px;
    height: auto;
    width: auto;
    opacity: 0;
    transition: .5s ease;
    background-color: #00426B;
  }
  
  .storycontainer:hover .overlay {
    opacity: .9;
  }
  
  .text {
    font-family: "Yantramanav", "Futura", "Open Sans", "Public Sans", "sans-serif";
    color: white;
    font-size: 13px;
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
  }
        
  #therest a.source:link {
    color: #2859AB;
    font-family: "Yantramanav", "Futura", "Open Sans", "Public Sans", "sans-serif";
    font-size: 13px;
    font-weight: bold;
    line-height: 15px;
    text-decoration: underline;
  }
  #therest a.source:visited {
    color: #2859AB;
  text-decoration: underline;
  }
  #therest a.source:hover {
    color: #2859AB;
    text-decoration: underline;
  }
  #therest a.source:active {
    color: #2859AB;
    text-decoration: underline;
  }
            
  a.story:link {
    color: #ffffff;
    font-family: "Yantramanav", "Futura", "Open Sans", "Public Sans", "sans-serif";
    font-size: 13px;
    font-weight: bold;
    line-height: 10px;
    text-decoration: none;
  }
  a.story:visited {
    color: #ffffff;
  text-decoration: none;
  }
  a.story:hover {
    color: #ffffff;
    text-decoration: underline;
  }
  a.story:active {
    color: #ffffff;
    text-decoration: underline;
  }

/**from lessonplans-ucrs.css*/
  .daynumber {
    font-family: "Yantramanav", "Futura", "Open Sans", "sans-serif";
    font-size: 26px;
    color: #f27b30;
    font-style: normal;
    font-weight: bolder;
  }
  .titlenumber {
    font-family: "Yantramanav", "Futura", "Open Sans", "sans-serif";
    font-size: 22px;
    color: #f27b30;
    font-style: normal;
    font-weight: 200;
  }
  
  .pagetitle {
    font-family: "Yantramanav", "Futura", "Open Sans", "sans-serif";
    font-size: 28px;
    line-height: 32px;
    color: #f37b31;
    font-weight: 600;
  }
  
  .title {
    font-family: "Yantramanav", "Futura", "Open Sans", "sans-serif";
    font-size: 22px;
    line-height: 26px;
    color: #122941;
    font-weight: 600;
  }
  
  a.three:link {
    color: #ffffff;
    font-family: "Yantramanav", "Futura", "Open Sans", "Public Sans",
      "sans-serif";
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    line-height: 18px;
    text-decoration: none;
  }
  a.three:visited {
    color: #ffffff;
  }
  a.three:hover {
    color: #122941;
  }
  
  a.four:link {
    color: #0b59b1;
    font-family: "Yantramanav", "Open Sans", "Public Sans", "Myriad Pro",
      "sans-serif";
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    line-height: 20px;
    text-decoration: underline;
  }
  a.four:visited {
    color: #0b59b1;
  }
  a.four:hover {
    color: #122941;
    font-weight: normal;
    text-decoration: underline;
  }
  a.five:visited {
    color: #0b59b1;
  }
  a.five:hover {
    color: #122941;
    font-weight: normal;
    text-decoration: underline;
  }
  a.five:link {
    color: #0b59b1;
    font-family: "Yantramanav", "Open Sans", "Public Sans", "Myriad Pro",
      "sans-serif";
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    text-decoration: underline;
  }
  
  a {
    word-wrap: break-word;
  }
  
  .fieldtitle {
    font-family: "Yantramanav", "Futura", "Open Sans", "Public Sans",
      "sans-serif";
    font-size: 15px;
    line-height: 18px;
    font-weight: bold;
    color: #ee7830;
  }
  
  .lessontitle {
    font-family: "Yantramanav", "Futura", "Open Sans", "Public Sans",
      "sans-serif";
    font-size: 24px;
    line-height: 24px;
    font-weight: normal;
    color: #f37b31;
    margin-left: 15%;
    margin-right: 15%;
  }
  
  .sectiontitle {
    font-family: "Yantramanav", "Futura", "Open Sans", "Public Sans",
      "sans-serif";
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    font-style: normal;
    text-decoration: underline;
    color: #122941;
    margin-left: 15%;
    margin-right: 15%;
    margin-top: 0px;
  }
  .sectiontitle2 {
    font-family: "Yantramanav", "Futura", "Open Sans", "Public Sans",
      "sans-serif";
    font-size: 22px;
    line-height: 28px;
    font-weight: bold;
    font-style: italic;
    text-decoration: underline;
    color: #122941;
    margin-left: 15%;
    margin-right: 15%;
    margin-top: 0px;
  }
  .sectiontitle3 {
    font-family: "Yantramanav", "Futura", "Open Sans", "Public Sans",
      "sans-serif";
    font-size: 19px;
    line-height: 22px;
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
    color: #122941;
    margin-left: 15%;
    margin-top: 0px;
  }
  .sectiontitle4 {
    font-family: "Yantramanav", "Futura", "Open Sans", "Public Sans",
      "sans-serif";
    font-size: 19px;
    line-height: 22px;
    font-weight: bold;
    font-style: italic;
    text-decoration: underline;
    color: #122941;
    margin-left: 15%;
    margin-right: 15%;
    margin-top: 0px;
  }
  .sectiontitle5 {
    font-family: "Yantramanav", "Futura", "Open Sans", "Public Sans",
      "sans-serif";
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    font-style: normal;
    text-decoration: underline;
    color: #122941;
    margin-left: 0%;
    margin-right: 15%;
    margin-top: 0px;
  }
  .sectionactivitytitle {
    font-family: "Yantramanav", "Futura", "Open Sans", "Public Sans",
    "sans-serif";
    font-size: 22px;
    line-height: 28px;
    font-weight: bold;
    font-style: italic;
    text-decoration: underline;
    color: #122941;
    margin-left: 15%;
    margin-right: 15%;
    margin-top: 0px;
  }
  
  .transcripttitle {
    font-family: "Yantramanav", "Futura", "Open Sans", "Public Sans",
    "sans-serif";
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #122941;
    margin-left: 15%;
    margin-right: 15%;
    margin-top: 0px;
  }
  
  .credittitle {
    font-family: "Yantramanav", "Futura", "Open Sans", "Public Sans",
      "sans-serif";
    font-size: 19px;
    line-height: 19px;
    font-weight: bold;
    color: #122941;
    margin-left: 25%;
    margin-right: 25%;
    margin-top: 0px;
  }
  
  .activitytitle {
    font-family: "Yantramanav", "Open Sans", "Public Sans", "Futura",
      "sans-serif";
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    color: #122941;
  }
  
  .time {
    font-family: "Yantramanav", "Open Sans", "Public Sans", "Futura",
      "sans-serif";
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
    color: #122941;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  
  .copytitle {
    font-family: "Yantramanav", "Open Sans", "Public Sans", "Futura",
      "Myriad Pro", "Segoe UI", "DejaVu Sans", "Verdana", Gill Sans MT,
      "sans-serif";
    font-size: 15px;
    font-weight: 700;
    color: #122941;
    margin-left: 15%;
    margin-right: 15%;
  }
  
  .copyhome {
    font-family: "Yantramanav", "Open Sans", "Public Sans", "Futura",
      "Myriad Pro", "Segoe UI", "DejaVu Sans", "Verdana", Gill Sans MT,
      "sans-serif";
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    color: #000000;
    margin-left: 25px;
    margin-right: 25px;
  }
  
  .okina {
    font-family: "Arial", Gil Sans MT,
      "sans-serif";
    font-size: 16px;
    font-weight: 200;
    line-height: 18px;
    color: #000000;
  }
  
  .okinatitle {
    font-family: "Myriad Pro", "Segoe UI", "DejaVu Sans", "Verdana", "Arial", Gil Sans MT,
      "sans-serif";
    font-size: 20px;
    font-weight: 500;
    color: #000000;
  }
  .okinasmall {
    font-family: "Arial", Gil Sans MT,
      "sans-serif";
    font-size: 14px;
    font-weight: 200;
    color: #000000;
  }
  
  .standards li {
    font-family: "Yantramanav", "Open Sans", "Public Sans", "Futura",
      "Myriad Pro", "Segoe UI", "DejaVu Sans", "Verdana", Gill Sans MT,
      "sans-serif";
    font-size: 16px;
    font-weight: 200;
    line-height: 18px;
    color: #000000;
    margin-top: 8px;
    margin-left: 15%;
    margin-right: 15%;
    text-align: left;
  }
            
  .copy {
    font-family: "Yantramanav", "Open Sans", "Public Sans", "Futura",
      "Myriad Pro", "Segoe UI", "DejaVu Sans", "Verdana", Gill Sans MT,
      "sans-serif";
    font-size: 16px;
    font-weight: 200;
    line-height: 18px;
    color: #000000;
    text-align: justify;
    text-justify: inter-word;
    margin-left: 15%;
    margin-right: 15%;
  }
  .copy2 {
    font-family: "Yantramanav", "Open Sans", "Public Sans", "Futura",
      "Myriad Pro", "Segoe UI", "DejaVu Sans", "Verdana", Gill Sans MT,
      "sans-serif";
    font-size: 16px;
    font-weight: 200;
    line-height: 18px;
    color: #000000;
    text-align: left;
  }
  
  .copy li {
    font-family: "Yantramanav", "Open Sans", "Public Sans", "Futura",
      "Myriad Pro", "Segoe UI", "DejaVu Sans", "Verdana", Gill Sans MT,
      "sans-serif";
    font-size: 16px;
    font-weight: 200;
    line-height: 18px;
    color: #000000;
    margin-top: 8px;
    text-align: left;
  }
  
  .copy em {
    font-family: "Yantramanav", "Open Sans", "Public Sans", "Futura",
      "Myriad Pro", "Segoe UI", "DejaVu Sans", "Verdana", Gill Sans MT,
      "sans-serif";
    font-size: 16px;
    font-weight: 500;
    font-style: italic;
    line-height: 16px;
    margin-top: 8px;
    text-align: left;
  }
  .copy b {
    font-family: "Yantramanav", "Open Sans", "Public Sans", "Futura",
      "Myriad Pro", "Segoe UI", "DejaVu Sans", "Verdana", Gill Sans MT,
      "sans-serif";
    font-weight: 500;
    font-style: normal;
    font-weight: bold;
    line-height: 16px;
    margin-top: 8px;
    text-align: left;
      
  }
  
  .copyblue {
    font-family: "Yantramanav", "Open Sans", "Public Sans", "Futura",
      "Myriad Pro", "Segoe UI", "DejaVu Sans", "Verdana", Gill Sans MT,
      "sans-serif";
    font-size: 16px;
    color: #0000ff;
  }
  
  .copyblue u {
    font-family: "Yantramanav", "Open Sans", "Public Sans", "Futura",
      "Myriad Pro", "Segoe UI", "DejaVu Sans", "Verdana", Gill Sans MT,
      "sans-serif";
    font-size: 16px;
    color: #0000ff;
    font-weight: bold;
    text-decoration: underline;
  }
  .copybold {
    font-family: "Yantramanav", "Open Sans", "Public Sans", "Futura",
      "Myriad Pro", "Segoe UI", "DejaVu Sans", "Verdana", Gill Sans MT,
      "sans-serif";
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    font-weight: bold;
    line-height: 16px;
    margin-top: 8px;
    text-align: left;
      margin-left: 15%;
    margin-right: 15%;
      
  }
  
  .copygreen {
    font-family: "Yantramanav", "Open Sans", "Public Sans", "Futura",
      "Myriad Pro", "Segoe UI", "DejaVu Sans", "Verdana", Gill Sans MT,
      "sans-serif";
    font-size: 16px;
    font-weight: normal;
    color: #00cc00;
  }
  
  .copygreen em {
    font-family: "Yantramanav", "Open Sans", "Public Sans", "Futura",
      "Myriad Pro", "Segoe UI", "DejaVu Sans", "Verdana", Gill Sans MT,
      "sans-serif";
    font-size: 16px;
    font-weight: bold;
  }
  
  .copygreen u {
    font-family: "Yantramanav", "Open Sans", "Public Sans", "Futura",
      "Myriad Pro", "Segoe UI", "DejaVu Sans", "Verdana", Gill Sans MT,
      "sans-serif";
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
  }
  
  .copyred {
    font-family: "Yantramanav", "Open Sans", "Public Sans", "Futura",
      "Myriad Pro", "Segoe UI", "DejaVu Sans", "Verdana", Gill Sans MT,
      "sans-serif";
    font-size: 16px;
    color: #ff0000;
  }
  
  .copyred u {
    font-family: "Yantramanav", "Open Sans", "Public Sans", "Futura",
      "Myriad Pro", "Segoe UI", "DejaVu Sans", "Verdana", Gill Sans MT,
      "sans-serif";
    font-size: 16px;
    color: #ff0000;
    font-weight: bold;
    text-decoration: underline;
  }
  
  .copyorange {
    font-family: "Yantramanav", "Open Sans", "Public Sans", "Futura",
      "Myriad Pro", "Segoe UI", "DejaVu Sans", "Verdana", Gill Sans MT,
      "sans-serif";
    font-size: 16px;
    color: #ff6600;
  }
  
  .copyorange b {
    font-family: "Yantramanav", "Open Sans", "Public Sans", "Futura",
      "Myriad Pro", "Segoe UI", "DejaVu Sans", "Verdana", Gill Sans MT,
      "sans-serif";
    font-size: 16px;
    color: #ff6600;
    font-weight: bold;
  }
  
  #therest > ol > li > b,
  #therest > b,
  .copy > b {
    font-family: "Yantramanav", "Open Sans", "Public Sans", "Futura",
      "Myriad Pro", "Segoe UI", "DejaVu Sans", "Verdana", Gill Sans MT,
      "sans-serif";
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    color: #000000;
    margin-top: 8px;
  }
  
  .copyg {
    font-family: "Yantramanav", "Open Sans", "Public Sans", "Futura",
      "Myriad Pro", "Segoe UI", "DejaVu Sans", "Verdana", Gill Sans MT,
      "sans-serif";
    font-size: 16px;
    font-weight: 200;
    line-height: 18px;
    color: #00ac4e;
  }
  
  .copy i {
    font-family: "Yantramanav", "Open Sans", "Public Sans", "Futura",
      "Myriad Pro", "Segoe UI", "DejaVu Sans", "Verdana", Gill Sans MT,
      "sans-serif";
    font-size: 16px;
    font-style: italic;
    line-height: 16px;
    margin-top: 10px;
  }
  
  .copy u {
    font-family: "Yantramanav", "Open Sans", "Public Sans", "Futura",
      "Myriad Pro", "Segoe UI", "DejaVu Sans", "Verdana", Gill Sans MT,
      "sans-serif";
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    color: #000000;
    margin-top: 10px;
  }
  
  #credits > .copy {
    text-align: center;
  }
  
  .smallprint {
    font-family: "Yantramanav", "Open Sans", "Public Sans", "Futura",
      "Myriad Pro", "Segoe UI", "DejaVu Sans", "Verdana", Gill Sans MT,
      "sans-serif";
    font-size: 15px;
    line-height: 18px;
    color: #000000;
    margin-top: 10px;
    margin-left: 15%;
    margin-right: 15%;
  }
  
  .smallerprint {
    font-family: "Yantramanav", "Open Sans", "Public Sans", "Futura",
      "Myriad Pro", "Segoe UI", "DejaVu Sans", "Verdana", Gill Sans MT,
      "sans-serif";
    font-size: 13px;
    line-height: 15px;
    color: #000000;
  }

  .smallerprint a {
    font-family: "Yantramanav", "Open Sans", "Public Sans", "Futura",
      "Myriad Pro", "Segoe UI", "DejaVu Sans", "Verdana", Gill Sans MT,
      "sans-serif";
    font-size: 13px;
    line-height: 15px;
    text-decoration: underline;
  }
  
  div.indentnextlines {
    text-indent: -36px;
    padding-left: 36px;
  }
  
  .indentline {
  text-indent: 36px;
  }
  
  .smallprint li {
    font-family: "Yantramanav", "Open Sans", "Public Sans", "Futura",
      "Myriad Pro", "Segoe UI", "DejaVu Sans", "Verdana", Gill Sans MT,
      "sans-serif";
    font-size: 15px;
    line-height: 18px;
    color: #000000;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .fineline {
    float: left;
    background-color: #000000;
    height: 1px;
    width: 70%;
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: 15%;
    text-align: left;
    align-items: baseline;
  }
  .blueline {
    background-color: #122941;
    height: 4px;
    width: 70%;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 15%;
  }
  .separator {
    float: left;
    background-color: #f37b31;
    height: 1px;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 10px;
  }
  .orangeline {
    float: center;
    background-color: #f37b31;
    height: 1px;
    width: 70%;
    margin-top: 25px;
    margin-bottom: 0px;
    margin-left: 15%;
  }
  .orangedivider {
    background-color: #f37b31;
    height: 10px;
    width: 70%;
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 15%;
  }
  .orangedivider2 {
    background-color: #f37b31;
    height: 8px;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 25px;
  }
  /*new css below*/
  .navbox {
    background-color: #ee7830;
    width: 80%;
    margin-left: 10% !important;
    margin-right: 10% !important;
  }
  .bluebtn {
    background-color: rgb(224, 232, 239);
    color: rgb(18, 41, 65);
    font-weight: bolder !important;
    font-size: 11px !important;
    font-family: "Segoe UI", "Yantramanav", "Open Sans", "Public Sans",
      sans-serif;
  }
  
  table {
    border: 1px solid black;
    border-spacing: 20px;
    padding: 5px;
    width: 100%;
    border-collapse: collapse;
  }
  td + td,
  th + th {
    border-left: 1px solid #000000;
    margin-bottom: 100px;
  }
  tr + tr {
    border-top: 1px solid #000000;
  }
  
  .table2 {
    border: 0px;
    border-spacing: 20px;
    width: 100%;
    border-collapse: collapse;
    border-bottom: none;
    border-right: none;
    border-left: none;
    border-top: none;
  }
  
  .table2 tr,
  .table2 td {
    border: none;
  }
  tableT {
    border: 1px solid black;
    border-spacing: 20px;
    padding: 5px;
    width: 100%;
    border-collapse: collapse;
    border-bottom: none;
    border-right: 1px;
    border-left: 1px;
    border-top: none;
  }
  td + td,
  th + th {
    border-left: none;
    margin-bottom: 100px;
    border-left: 1px solid #000000;
  }
  tr + tr {
    border-top: 1px solid #000000;
  }
  
  .tableT {
    border-collapse: collapse;
    border: none;
  }
  
  .tableT td {
    border: 1px solid black;
  }
  
  .tableT tr:first-child td {
    border-top: none;
  }
  
  .tableT tr:last-child td {
    border-bottom: none;
  }
  
  .tableT tr td:first-child {
    border-left: none;
  }
  
  .tableT tr td:last-child {
    border-right: none;
  }
  
  .borderexample {
   border-width:5px;
   border-style:solid;
   border-color:#000000;
  }