div {
  border: 1px hidden;
  margin: 0px;
}

.mainHeader {   
  display: flex;
  width: 100%;
  height: 138px;
  text-align: center;
  border-bottom: 4px solid ;
} 
 .bannerImage-left {
    display: inline-flex;  
    float: left;
    width: 128px;
    height: 128px;
    background-size: cover; 
    background-position: center;
  }
  .bannerImage-right {
    display: inline-flex;  
    float: right;
    width: 128px;
    height: 128px;
    background-size: cover; 
    background-position: center;
  }

.mainBody {
  display: flex; 
  width: 100%;
  height: 600px;
}
  .mainLeft {
    display: inline-flex; 
    flex-direction: column;
    width: 200px;
    border: hidden rgb(0,0,0);
  }
    .mainTime {
      display: inline-flex; 
      text-align: end;
      padding-right: 30px;
    }
    .mainNav {
      display: inline-flex; 
      flex-direction: column;
      padding: 2px;
    }
  .mainRight {
    display: inline-flex; 
    width: calc(100% - 204px);
  } 

.mainFooter {   
  display: flex; 
  justify-content: space-between;
  align-items: center;
  width: 100%;
} 
  .credits {
    text-align: left;
    font-size: 12px;
    font-style: italic;
    color: #555555;
    padding: 5px;
    width: 200px;
  }
  .mainScroll {
    border-top: 1px solid ;
    width: calc(100% - 206px);
    height: 30px;
    padding: 5px;
    padding-left: 30px;
    text-align: left;
  }