/* Simplified version, for testing of sub-domains. See David Gibson's 2020 template for more info

*/


TABLE, THEAD, TBODY, TR, TD, TH {	/* circumvent quirks mode */
  font-size: inherit;
  font-family: inherit;
}


HTML {
  background-color: AliceBlue;
  height: 100vh;			/* so we can read-back HTML offsetHeight which would otherwise give us 
  					   the actual height of the content */
  font-family: Verdana,Arial,Helvetica,sans-serif;
}

BODY {
  background-color: white;
  max-width: 820px; 			/* dont get lost in a widescreen */
  padding: 15px;			/* thus element max width is actually 850 */
  margin: 20px auto 20px auto;		/* centre the body; not too wide */
  border: 1px solid blue;
}


/* the order in which we apply these is important */

A:link 	  { color: blue; }		/* unvisited link; was LINK attribute of BODY	*/
A:visited { color: purple; }		/* visited link;   was VLINK attribute of BODY	*/
A:hover   { color: CornflowerBlue; }	/* mouse-over link 				*/
A:active  { color: red; }		/* active link;    was ALINK attribute of BODY	*/


TT, PRE {				/* handy, so that code stands out */		
  color: green;
}

.break-all {
  color: green;
  font-weight: bold;
  word-break: break-all;
}

.break-word {
  color: green;
  font-weight: bold;
  word-break: break-word;
}


/* ===== Heading Sizes. Default font-sizes are from w3schools.com/cssref/css_default_values.asp ==================== */

H1 { font-size: 24pt; margin: 8pt 0em;  }
H2 { font-size: 18pt; margin: 10pt 0em; }
H3 { font-size: 14pt; margin: 12pt 0em; }
H4 { font-size: 12pt; margin: 16pt 0em; }
P  { font-size: 12pt; margin: 12pt 0em; line-height: 16pt; color: DarkSlateGrey; }


/* ===== Table settings  ==================== */

TABLE {
  border-collapse: collapse;
  font-size: smaller;
}

TD {
  border: 1px blue solid;
  padding: 5px 10px;
  background-color: white;
}

/* ===== Navigation Box  ==================== */

.navbox {
  border: 1px solid blue;
  background-color: MistyRose;
  padding: 5px;
  float: right;
}

DIV.navbox P, DIV.navbox UL {
  font-size: smaller;
  margin: 4pt;
  line-height: 12pt;
}