#titlebar {
      width: 100%;
      height: 2%;
      background-color: yellow;
      box-sizing: border-box;
    }
    
    body {
      font-family: Verdana, sans-serif;
      background-color: #2c2c87;
      background-image: url(images/sparkleGifBanner1.gif), url(images/nightStars1.avif);
      background-repeat: repeat;
      background-size: 100%;
      height: 100%;
      margin: 0;
      padding-bottom: 200px;
      background-attachment: fixed;
      position: center;
      box-sizing: border-box;
    }
    
    html {
      box-sizing: border-box;
      height: 100%;
    }
      
    /*table {
      background-color: #FFFFD0;
      border: solid;
      border-width: 10px;
      border-color: lime;
      width: 100%;
    }*/
    
    #tableInner {
      box-sizing: border-box;
      width: 60%;
      margin: 10%;
      padding: 5%;
      background-color: #ccccff;
      border: solid;
      border-width: 4px;
      border-color: cyan;
      text-align: center;
    }
    
    
    
    /*#grid-container {
      display: grid;
      grid-template-areas: 'header' 'linkBars' 'LB1' 'LB2' 'LB3' 'LB4' 'titleBox' 'logoBox' 'infoBox' 'littleTab' 'sourceBox' 'navBox';
      background-color: white;
      gap: 10px;
    }
    
    @media (min-width: 600px) {
      header {grid-area: 1 / span 6;}
      linkbars {grid-area: 2 / span 6;}
      LB1 {grid-area: 3 / span 6;}
      LB2 {grid-area: 3 / span 6;}
      LB3 {grid-area: 3 / span 6;}
      LB4 {grid-area: 3 / span 6;}
      titleBox {grid-area: 4 / span 6;}
      logoBox {grid-area 5 / span 6;}
    }*/
         
         
         
         
     
    #mainTitle {
      color: magenta;
      text-shadow: 1px 1px 1px black, -1px -1px white, 1px 1px 4px purple, 2px 2px orange, 3px 3px white, -2px -2px orange;
    }
    
    #mainSubtitle {
      color: orange;
      text-shadow: 1px 1px red, -1px -1px white;
    }
    
    #altTitle {
    }
    
    #altSubtitle {
    }
    
    #lowTitle {
    }
    
    #lowSubtitle {
    }
    
    #lowerTitle {
    }
    
    #lowerSubtitle {
    }
    
    
    
    p {
      padding: 0px;
    }
    
    #linkbar, th {
      box-sizing: border-box;
      width: 100%;
      max-height: 10px;
      background-image: linear-gradient(to right, #FFFFD0, #e9f6f7, white, #FFFFD0, #FFFFD0, #FFFFD0, #FFFFD0, #e9f6f7, #D7FFE9);
      border-right: solid;
      border-right-color: #c1e4f0;
      border-left: solid;
      border-left-color: white;
      margin: 4px;
      padding: 4px;
      color: blue;
      position: sticky;
      top: 0;      
    }
    
    #linkbar1, #linkbar2, #linkbar3, #linkbar4 th:hover {
      box-sizing: border-box;
      background-color: #ff66cc;
      background-image: linear-gradient(to right, pink, #ff66cc, #ffb3e6, #ff66cc, white)
      }
      
    
    #linkbar1, #linkbar2, #linkbar3, #linkbar4 {
      width: 25%;
      height: 20px;
      text-align: center;
      background-image: linear-gradient(to right, #FFFFD0, #e9f6f7, white, #FFFFD0, #FFFFD0, #FFFFD0, #FFFFD0, #e9f6f7, #D7FFE9);
    }
      
      
    #fborder1 {
        box-sizing: border-box;
        max-width: 80%;
        
        border:solid; /*note to make transpar3nt*/
        border-color: yellow;
        border-width: 5px;
        
        padding: 10px;
        border-image-source: url(images/bordertest1.png);
        border-image-repeat: round;
        border-image-slice: 30;
        border-image-outset: 10px;
        border-image-width: 34px;
        background-image: url(images/goldenBars1.png), url(images/redCircleTile.jpg);
        background-size: 300px, 100%;
        background-repeat: repeat, repeat;
        background-origin: border-box;
        
      }
    
    #sideTable {
      box-sizing: border-box;
      width: 75%;
      padding: 8px;
      text-align: center;
    }
    
    #sideImage {
      box-sizing: border-box;
      width: 100%;
      max-width: 70%;
      max-height: 30%;
      padding: 5%;
      margin: 10%;
      border-image-source: url(images/pictureFrameBorder1.png);
      border-image-repeat: stretch;
      border-image-slice: 37%;
      border-image-outset: 10px;
      border-image-width: 4000px;
    
    }
    
    #arrowIcon {
      box-sizing: border-box;
      padding-left: 10px;
      padding-right: 10px;
      max-width: 30%;
    }
    
    a {
      text-decoration: none;
    }
    
    #relatedPages {
      box-sizing: border-box;
      list-style-type: none;
      margin: 0;
      padding: 10px;
      padding-bottom: 15px;
      background-color: #FFFFD0;
      width: 80%;
      
    }
    
    #backprevTable {
      box-sizing: border-box;
      text-align: center;
      border: solid;
      border-width: 4px;
      border-color: magenta;
      border-radius: 2px;
    }
    
    #backprevInTable {
      box-sizing: border-box;
      width: 50px;
      border:solid;
      border-width: 4px;
      border-color: orange;
      
    }
    
    #list {
      box-sizing: border-box;
      margin: 0;
      padding: 10;
    }
    
    td {
      border: solid;
      border-width: 4px;
      border-color: yellow;
    }
    
    #mainTD {
      border: solid;
      border-width: 4px;
      border-color: blue;
      padding: 10px;
    }