a {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 18px;
}

.divWebPageRoundedRect1 {
  border-radius: 19px;
  border: 5px solid black;
  padding: 7px;
  
/*  min-width: 500px; /* see notes below : in .divRoundedRect1 & .divHeader1 ? */
  min-width: 950px;
}

.divUpperTabs1 {
  margin: 0 auto;
  background-color: red;
}

.spanUpperTabs1 {
  /* nabbed from Firefox debugger */
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 18px;
text-decoration: underline;
color: #0000FF;
padding: 0 8px;
margin: 0 0px;
line-height: 30px;
text-align: center;

/*font-weight: bold;*/
/*font-weight: normal;*/
/*cursor: pointer; /* Greg added */
}

.divLogo1 {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 880px;
height: 119px;
background-image: url('https://web.archive.org/web/20180107152144im_/http://lemonsoft.co.nz/templates/lemonsoft2b/images/Header.jpg');
background-repeat: no-repeat;
background-position: center center;
}

.divLogo2
{
width: 880px;
height: 119px;
min-width: 880px;
}

.divModuleRect1 {
  border-radius: 12px;
  border: 3px solid black;
  padding: 7px;
  width: 185px;
  
  margin: 0;
  padding: 7px;
  
/*  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  text-decoration: underline;*/
}

.spanModuleTitle {
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 13px;
font-style: normal;
font-weight: bold;
/*padding: 0 6px;*/
padding: 0 10px;
  /*text-decoration: none !important;*/
}

.listModuleText {
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  text-decoration: underline;
  
  list-style-type: none; /* removes bullet points */
  
  margin: 0;
  padding: 0;
}

.divRoundedRect1 {
  border-radius: 12px;
  border: 3px solid black;
  padding: 7px;
  margin-bottom: 12px; /* to space "paragraph" boxes, instead of .. >br> tags .. or maybe 5px at margin-top + margin-bottom ?
  */
/*
Google : css fixed width

https://stackoverflow.com/questions/14526071/how-to-make-a-div-have-a-fixed-size

   width:250px; // or whatever width you want.
   max-width:250px; // or whatever width you want.
   display: inline-block;
*/
  
/*  min-width: 500px; /* see notes below for : .divHeader1 .. to why this single .css line is the most elegant / best solution yet for the header "text-wrap" problem ! */
  
/*  display: inline-block; */
/*  width: 500px;*/
  d
}

.divHeader1 {
/*  min-width: 500px; /* without this, the header text will wrap (and get "confused") if not wide enough .. yet with this alone, the header will extend out of its parent .. hence best solutions seems to be to set the : .divRoundedRect1 .. min-width: 500px; .. and thats all we need to do (unless find a more elegant solution) ! */
  
  
  /*width: 500px;*/
/* Google : valign text in div

https://stackoverflow.com/questions/5703552/how-can-i-center-text-horizontally-and-vertically-inside-a-div-block

*/

/*  vertical-align: bottom;
  padding: auto;*/
  
/*  position: absolute;*/
/*  position: relative;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);*/
/*  width: 100%;*/
 /*   display: table-cell;
    vertical-align: middle;*/
    
    /* update : how about disable wrap in header ? : white-space: nowrap; */
    
  /* following 3x lines to center text in div */
  display: flex;
  align-items: center; /* vert align */
  justify-content: center;  /* horiz align */
  
  background-color: black;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 24px;
  font-style: normal;
  font-weight: bold;
  /*text-align: center;*/
  color: #FFFFFF;
  height : 42px; /* screen-capture off www.lemonsoft.co.nz puts it at 42 px .. though I previously set it to 49px ? */
}

.divInnerText1 {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 18px;
color: #000000; 
margin: 5px;
margin-top: 10px;
margin-bottom: 10px;
}