#txtLeft{
     float:left;
     width:220px;
     height:400px;
     font-family:verdana;
	font-weight: bold;
	font-size: 0.8em;  
     color: blue;
     margin:3px;
     display:block;
     /* background-color: red; */
}

#paddingBox{
     float:left;
     width:50px;
     height:auto;
     max-block-size: 400px ;
     background-color: #63640d;
     display:block;
     margin:auto;
}

h3blue{
     font-size: 0.75em;  
     color: rgb(48, 48, 150);
}

#myPic{   
     height:400px;
     width:auto;
     text-align: centre;
     justify-content: centre ;
     justify-self: center;
     align-items: center;
     overflow-y: hidden; /* shouldn't be needed */
     /* background-color: green; */
     display:block;
}

#MainImage99{
     position:sticky;
     top:0;
     left:100;
}

#blockLine{
     background-color: rgb(137, 65, 219);
     height: 400px;
     width: 200px;  
     display:block;
}

#blockImage{
   height:400px;
   width:auto;
   display:block;
background-color: #63640d;  
}

#commentsAndImage{
     display:inline-block;
     height: 400px;
     width:auto;
     /* width:auto; */
}

#firstComments{
     background-color: rgb(219, 65, 199);
     height: 400px;
     /* width: auto;   */
          display:block;
          width:200px;
}

#largeImage{
     background-color: green;
     height: 400px;
     /* width: auto;    */
     /* display:block; */
          display:block;
          width:600;
}

#MainImageBox{
     justify-content: centre ;
     justify-self: center;
     text-align: centre;
    height:400px;
    overflow-y: hidden; /* shouldn't be needed */
    margin:2;
    background-color: rgb(100, 128, 0);
    display:flex;
}

#mainImgSize{
     background-color: green;
     height: 400px;
     display:block;
     width: auto;
}

#contentSize{
      background-color: rgb(213, 120, 221);
     height: 400px;
     display:block;
     width: auto;
}

#imageGrid{
    display:grid;
    grid-template-areas:
        'imgComments mainImg';
    gap: 0px;
    grid-template-columns: 150px auto;
}

#imageMain { grid-area: mainImg; justify-content: centre ; justify-self: center; text-align: centre;}
#imageComments { grid-area: imgComments; margin: 3px;}

#MainContent{
   text-align : left;
	font-family:verdana;
	font-weight: bold;
	color: #0d643b;
	font-size: 1em;  
}

.imageSelectors{
    display: block;
    box-sizing:border-box;
    object-fit: contain;
    height: 135px;
    margin: 2px;
    background-color: aquamarine;
    justify-content: center;
    align-items: center;
    border: 3px solid red;
}

redText{
    color: rgb(194, 16, 16);
}

blueText{
    color: blue;
    font-size: 0.8em;
}

/* ******************************************************** */
* { margin: 0; padding : 0 ; overflow-x: hidden; text-align : centre;}
/* text-align : center;  */
#wrapper { 
	min-height: 100%;
	height: auto !important;
	margin: 0 auto;
}

#pageHeader{ /*page header */ 
    display: block;
    min-width:1000px; 
    position: fixed; 
    width: 100%;
    left:0px; 
    top: 0px; 
	height: 80px; 
    background-image:url("../images/Rainbowsimage.jpg");
    /* background-color : blue;  */
    text-align:left;;
}

#dummyHeader{ /* unused block to offset start of actual page */
    display:block;
    height: 80px;
    width:auto;
}

#arrows{ /* unused for left and right arrows */
    left: 0;
    right: 0;
    top: 0;   
    bottom: 0;
       margin: 0;
    width: 100%;
    height: 30px;
    display:grid;
    grid-template-areas:
        'leftArrow arrowSpace rightArrow';
    gap: 0px;
    grid-template-columns: 30px auto 30px; /*33% 1fr 1fr; */
    /* text-align: center;  */
}

thmbL { grid-area: leftArrow; background-color: rgb(208, 180, 235);}
arrowCentre { grid-area: arrowSpace; background-color: rgb(183, 158, 206); }
thmbR { grid-area: rightArrow;  background-color: rgb(220, 190, 248);}

#dummyFooter{ /* unused block to offset height of footer */
    display:block;
    height: 85px;
    width:auto;
}

#pageFooter {
    position: fixed;
    left: 0;    
    bottom: 0;
    width: 100%;
    height: 78px;
    padding: 2px;
    background-color: lightblue;
    color: blue;
    text-align: center;  
    border: 2px solid rgb(15, 1, 65);
    border-radius: 10px;
}

#footerGrid {
   display: flex;
    display:grid;
    grid-template-areas:
        'leftFooter centreFooter rightFooter';
    gap: 0px;
    grid-template-columns: 150px 150px auto;
}

footerLeft { grid-area: leftFooter;}
footerCentre { grid-area: centreFooter;}
footerRight { grid-area: rightFooter; }

#downloadZIP{
    background-color: yellow;
    border: 3px solid orange;
    border-radius: 5px;
    font-size: 0.8em;
    font-weight: bold;
    margin: 0.1em 0.1em;
    cursor: pointer;
    color: blue; 
    padding-left: 0.2em;
    padding-right: 0.2em;
 }

 #downloadEXE{
    background-color: yellow;
    border: 3px solid orange;
    border-radius: 5px;
    font-size: 0.8em;
    font-weight: bold;
    margin: 0.1em 0.1em;
    cursor: pointer;
    color: blue; 
    padding-left: 0.2em;
    padding-right: 0.2em;
 }

#downloadbutton{
    background-color: yellow;
    border: 5px solid orange;
    border-radius: 10px;
    font-size: 1.0em;
    font-weight: bold;
    margin: 0.3em 0.1em;
    cursor: pointer;
    color: blue; 
    padding-left: 0.5em;
    padding-right: 0.5em;
 }

 headerStyle { 
	text-align : left;
	font-family:verdana;
	font-weight: bold;
	color: #ff0000;
	font-size: 3em;
	padding-left: 0.1em;
	padding-top:0.1em;
 	padding-bottom: 0.1em; 
  }
 
 headerStyle2 { 
	text-align : left;
	font-family:verdana;
	font-weight: bold;
	color: #941313;
	font-size: 1.8em;
  }

  headerStyle3 { 
	text-align : left;
	font-family:verdana;
	font-weight: bold;
	color: #0d643b;
	font-size: 1em;
  }

  footerGridStyle{
	font-family:verdana;
	font-weight:bold;
	font-size: 0.8em;
  }

  footerLinkStyle{
	font-family:verdana;
	font-weight:bold;
	font-size: 0.7em;
  }

 .thumbNailRow{
    display: flex;
    width: 100%;
  }

  #Column0{
       height:150;
       /* width:40; */
       width:auto;
       margin: 3px;
  }

  #Column1{
       height:150;
       width:auto;
       /* margin: 3px; */
       margin-left: 3px;
       margin-top: 3px;
       margin-bottom: 3px;
       margin-right: 3px;
       opacity: 0.8;
  }

  #Column2{
       height:150;
       width:auto;
       margin: 3px;
       opacity: 0.8;
  }

  #Column3{
       height:150;
       width:auto;
       margin: 3px;
       opacity: 0.8;
  }

  #Column4{
       height:150;
       width:auto;
       margin: 3px;
       opacity: 0.8;
  }

  #Column5{
       height:150;
       width:auto;
       margin: 3px;
       opacity: 0.8;
  }

  #Column6{
       height:150;
       width:auto;
       margin: 3px;
       opacity: 0.8;
  }

  #Column7{
       height:150;
       width:auto;
       margin: 3px;
       opacity: 0.8;
  }

  #Column8{
       height:150;
       width:auto;
       margin: 3px;
       opacity: 0.8;
  }

  #Column9{
       height:150;
       width:auto;
       margin: 3px;
       opacity: 0.8;
  }

  #Column10{
       height:150;
       width:auto;
       margin: 3px;
       opacity: 0.8;
  }

  #Column11{
       height:150;
       width:auto;
       margin: 3x;
       opacity: 0.8;
  }

  #Column12{
       height:150;
       width:auto;
       margin: 3px;
       opacity: 0.8;
  }

  #Column13{
       height:150;
       width:auto;
       margin: 3px;
       opacity: 0.8;
  }

  #Column14{
       height:150;
       width:auto;
       margin: 3px;
       opacity: 0.8;
  }

  #Column15{
       height:150;
       width:auto;
       margin: 3px;
       opacity: 0.8;
  }

  #policy{
     margin-left: 20px;
     margin-right:20px;
  }