* {
  box-sizing: border-box;
}
[class*="col-"] {
	float: left;
	margin: 0px;
	padding: 1%;
}
@media only screen and (min-width: 360px) {
/* Extra small devices (phones, 600px and down) */
  .col-xs-1 {width: 8.33%;}
  .col-xs-2 {width: 16.66%;}
  .col-xs-3 {width: 25%;}
  .col-xs-4 {width: 33.33%;}
  .col-xs-5 {width: 41.66%;}
  .col-xs-6 {width: 50%;}
  .col-xs-7 {width: 58.33%;}
  .col-xs-8 {width: 66.66%;}
  .col-xs-9 {width: 75%;}
  .col-xs-10 {width: 83.33%;}
  .col-xs-11 {width: 91.66%;}
  .col-xs-12 {width: 100%;} 
  .title-resp {
  	font-size: 36px;
  	margin-top: 0.1em;
  }
  .subtitle-resp {
  	font-size: 24px;
  	margin-top: 0.1em;
  }
}
@media only screen and (min-width: 600px) {
/* Small devices (portrait tablets and large phones, 600px and up) */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
  .title-resp {
  	font-size: 40px;
  	margin-top: 0.2em;
  }
  .subtitle-resp {
  	font-size: 32px;
  	margin-top: 0.2em;
  }
}
@media only screen and (min-width: 768px) {
/* Medium devices (landscape tablets, 768px and up) */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
  .title-resp {
  	font-size: 45px;
  	margin-top: 0.3em;
  }
  .subtitle-resp {
  	font-size: 36x;
  	margin-top: 0.3em;
  }
} 
@media only screen and (min-width: 992px) {
/* Large devices (laptops/desktops, 992px and up) */
  .col-l-1 {width: 8.33%;}
  .col-l-2 {width: 16.66%;}
  .col-l-3 {width: 25%;}
  .col-l-4 {width: 33.33%;}
  .col-l-5 {width: 41.66%;}
  .col-l-6 {width: 50%;}
  .col-l-7 {width: 58.33%;}
  .col-l-8 {width: 66.66%;}
  .col-l-9 {width: 75%;}
  .col-l-10 {width: 83.33%;}
  .col-l-11 {width: 91.66%;}
  .col-l-12 {width: 100%;}
  .title-resp {
  	font-size: 50px;
  	margin-top: 0.4em;
  }
  .subtitle-resp {
  	font-size: 40px;
  	margin-top: 0.4em;
  }
} 
@media only screen and (min-width: 1200px) {
/* Extra large devices (large laptops and desktops, 1200px and up) */
  .col-xl-1 {width: 8.33%;}
  .col-xl-2 {width: 16.66%;}
  .col-xl-3 {width: 25%;}
  .col-xl-4 {width: 33.33%;}
  .col-xl-5 {width: 41.66%;}
  .col-xl-6 {width: 50%;}
  .col-xl-7 {width: 58.33%;}
  .col-xl-8 {width: 66.66%;}
  .col-xl-9 {width: 75%;}
  .col-xl-10 {width: 83.33%;}
  .col-xl-11 {width: 91.66%;}
  .col-xl-12 {width: 100%;}
  .title-resp {
  	font-size: 60px;
  	margin-top: 0.5em;
  }
  .subtitle-resp {
  	font-size: 48px;
  	margin-top: 0.5em;
  }
} 
:root {
  	--Colour1: #F7F7D4;
	--Colour2: #FEFE33;
  	--Colour3: #0247FE;
  	--Colour4: #FE2712;
  	--Colour5: #091534;
}	
body {
	font-family: 'PT Serif', serif;
	font-size: 100%;
	background-color: var(--Colour1);
	color: var(--Colour5);
	height: 100vh;
	text-align: justify;
}
button {
//	margin: auto;
	background-color: var(--Colour3);
	color: var(--Colour2);
}
button.clsMenuVert {
	background-color: var(--Colour2);
	color: var(--Colour5);
//	width:90%;
//	margin:auto;
}
button.clsMenuVertSel {
	background-color: var(--Colour5);
	color: var(--Colour2);
//	width:90%;
//	margin:auto;
}
span.Menu {
	background-color: var(--Colour2);
	color: var(--Colour5);
}
button.clsMenuHorz {
	background-color: var(--Colour2);
	color: var(--Colour5);
//	margin:auto;
}
button.clsMenuHorzSel {
	background-color: var(--Colour5);
	color: var(--Colour2);
//	margin:auto;
}
blockquote {
	font-size: 0.9em;
}
col {
  	display: table-column;
} 
h1 {
	color: var(--Colour3);
	font-size: 2.5em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0;
}
h2 {
	color: var(--Colour4);
	font-size: 2.2em;
	font-weight: bold;
	margin-top: 2.2em;
	margin-bottom: 0;
}
h3 {
	color: var(--Colour4);
	font-size: 2em;
	margin-top: 2em;
	font-weight: normal;
	margin-bottom: 0;
}
h4 {
	color: var(--Colour5);
	font-size: 1.8em;
	font-variant: small-caps;
	margin-top: 1.8em;
	margin-bottom: 0;
}
h5 {
	color: var(--Colour5);
	font-size: 1.6em;
	margin-top: 1.6em;
	margin-bottom: 0;
	text-align: left;
}
h6 {
	color: var(--Colour5);
	font-size: 1.3em;
	font-style: italic;
	font-weight: normal;
	margin-top: 1.3em;
	margin-bottom: 0;
}
dt {
	margin-top: 0.5em;
	font-weight: bold;
}
del {
	text-decoration-style: double;
}
ins {
	text-decoration-style: double;
}
ol {
	margin-top: 0;
	margin-bottom: 0;
}
ul {
	margin-top: 0;
	margin-bottom: 0;
}
li {
	color: var(--Colour5);
}
p {
	margin-top: 0.5em;
	margin-bottom: 0;
}
table {
	margin: 1vmin;
  	border: 1px solid var(--Colour5);
	border-collapse: collapse;
}
figure {
	display: inline-table;
	margin: 1vmin;
}
iframe {
  	max-width: 100%;
  	height: auto;
	margin: 1vmin;
}
img {
  	max-width: 100%;
  	height: auto;
	margin: 1vmin;
}
figure>img {
	margin: 0px;
}
figcaption {
	display: table-row;
	text-align: center;
  	margin-top: 0px;
	font-weight: bold;
	font-size: 0.9em;
}
td, tbody {
	border: 1px solid var(--Colour5);
	padding: 1vmin;
}
table.clsMenu {
	margin:auto;
}
tr.clsMenu, td.clsMenu {
	background-color: var(--Colour5);
	color: var(--Colour4);
	margin-left: auto;
  	margin-right: auto;
	text-align: center;
	vertical-align: top;
}
td.Page {
	vertical-align: top;
}
td.Numeric {
	text-align: right;
}
.col1-right td:nth-child(1) {
	text-align: right
}
.col2-right td:nth-child(2) {
	text-align: right
}
.col3-right td:nth-child(3) {
	text-align: right
}
.col4-right td:nth-child(4) {
	text-align: right
}
.col5-right td:nth-child(5) {
	text-align: right
}
.col6-right td:nth-child(6) {
	text-align: right
}
.col1-italic td:nth-child(1) {
	font-style: italic
}
.col2-italic td:nth-child(2) {
	font-style: italic
}
.col3-italic td:nth-child(3) {
	font-style: italic
}
th {
	background-color: var(--Colour5);
	border: 1px solid var(--Colour1);
	color: var(--Colour2);
	padding: 1vmin;
}
.PJM {
	background-color:var(--Colour2);
	color:var(--Colour3);
}
.JB {
	background-color:var(--Colour4);
	color:var(--Colour1);
}
.LVF, .LVF ul, .LVF li, .SR {
	background-color: var(--Colour3);
	color: var(--Colour2);
}
span.clsLink, p.clsLink {
	color: var(--Colour3);
}
.clsLink {
	text-decoration: underline;
	cursor:pointer;
}
.clsLink:hover {
	color: var(--Colour4);
}
div.Margin {
	border: solid;
	float: right;
	clear: right;
	font-size: 0.9em;
}
.Name {
	font-variant: small-caps;
}
ol.Cascade0, ol.Cascade1, ol.Cascade2, ol.Cascade3, ol.Cascade4 {
	list-style-type: none;
}
:not(ol).Cascade0, ol.Cascade0>li {
	counter-reset: Level1;
}
:not(ol).Cascade1::before, ol.Cascade1>li::before {
	content: counter(Level1) ". ";
}
:not(ol).Cascade1, ol.Cascade1>li {
	counter-increment: Level1;
	counter-reset: Level2;
}
:not(ol).Cascade2::before, ol.Cascade2>li::before {
	content: counter(Level1) "." counter(Level2) ". ";
}
:not(ol).Cascade2, ol.Cascade2>li {
	counter-increment: Level2;
	counter-reset: Level3;
}
:not(ol).Cascade3::before, ol.Cascade3>li::before {
	content: counter(Level1) "." counter(Level2) "." counter(Level3) ". ";
}
:not(ol).Cascade3, ol.Cascade3>li {
	counter-increment: Level3;
	counter-reset: Level4;
}
:not(ol).Cascade4::before, ol.Cascade4>li::before {
	content: counter(Level1) "." counter(Level2) "." counter(Level3) "." counter(Level4) ". ";
}
:not(ol).Cascade4, ol.Cascade4>li {
	counter-increment: Level4;
	counter-reset: Level5;
}