body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  
  /* added 23-Oct-2023 */
  max-width: 920px;
  margin: auto;
  margin-top: 20px;
}

.about {		  /* added 23-Oct-2023 */
  background-color: orange;
  padding: 20px;
}

.highlighter 	{ background-color: yellow; }
img.photo 	{ width: 200px; height: auto; }
div.photo	{ border: 3px solid silver; padding: 10px; }


  /* END: added 23-Oct-2023 */



DIV.message {
  -webkit-border-radius: 7px; 
  border-radius: 7px; 
  margin-left: 10%;
  margin-right: 10%;
  background-color: #EEEEFF; 
  padding: 5px; 
  border: 1px blue solid;
}


DIV.message UL {
 list-style-type: none;
 margin: 0;
 padding: 10px;
}

DIV.message UL LI {
 padding-bottom: 7px;
}

/* original file */

TABLE {
  font-size: 9pt;
} 
 
H1 {
  font-size: 18pt;
}

H2 {
  font-size: 15pt;
}

H3 {
  font-size: 12pt;
}

UL {
  margin-top: 6pt;
  margin-bottom: 6pt;
  margin-left: 18pt;
}

LI.padding {
  padding-bottom: 6pt;
}

TABLE.stafflist TD {
  font-size: 10pt;
  padding:0px 20px 0px 20px; 
}

DIV.smallprint {
  font-size: inherit;
  color: grey;
  padding-left: 30px;; 
}

IMG.qr {
  display: inline; 
  position: static; 
  left: 100px; 
  top: 100px; 
  border: 0px
  height: 14px;
  width: 14 px;
}

SPAN.debug {		/* 'display: inline' is set via JS for debugging */
  display: none; 
  background-color: MistyRose;
}

TABLE.debug TD {	/* This only COLOURS table. DISPLAY is set via ROW's id=showbox */
  background-color: MistyRose;
}

TABLE.manager TD {
  font-size: 9pt;
  padding:5px 5px 5px 5px; 
  vertical-align: top;
  background-color: MistyRose;
}

SPAN.hoverhover {
  cursor: pointer;
  border-bottom: 1px blue dashed;
  color: blue;
} 

/* added 20 April 2016 */

TABLE.contacts {
  margin-left: 5%;
  margin-right: 5%;
}  

TABLE.contacts TD {
  padding: 6px;
  border-bottom: grey sold 1px;
  background-color: #EEEEEE;
}