
 <style>


		H2 { font-size: 13pt; }
		H3 { font-size: 12pt; }
		H4 { font-size: 10pt; color: black; }
		HL {  font-weight: bold; }
		H2,H3,H4,H5  { color: #ff9900; font-weight: bold; }
		HL {  font-weight: bold; }

		* {
			box-sizing: border-box;
		}

		figcaption {
			font-size: 8pt;
		}

		/* Header */
		header {
			padding: 05px;
			text-align: center;
			background: #1abc9c;
		color: white;
		}

		/* Footer */
		footer {
			padding: 05px;
			font-size: 10pt;
			text-align: center;
			background: #1abc9c;
			color: white;
		}
		
		/* Container holds  columns side by side */
		.flex-container {
			display: flex;
			gap: 20px; /* Space between the columns */
		}

		/* Styling for each individual column */
		.column {
		/*         flex: 1; Gives  columns equal width */
			flex-basis: 200px;
			padding: 20px;
			background-color: #f4f4f4;
			border: 1px solid #ccc;
		}
		
		.columnEq {
			flex: 1;  /* Gives  columns EQUAL width */
			flex-basis: 200px;
			padding: 20px;
			background-color: #f4f4f4;
			/*  border: 1px solid #ccc; */
		}		
		
		/* Styling for each individual column */
		.columnGr {
			flex: 4;  /* Gives  columns GROWS hungrily */
			padding: 20px;
			background-color: f4f4f4;
			/*  border: 1px solid #f4f4f4;  */
			}
		/* Styling for each individual column */
		.columnGrBox {
			flex: 4;  /* Gives  columns GROWS hungrily */
			padding: 20px;
			background-color: f4f4f4;
			border: 1px solid #ccc; 
			}
		/* Responsive Design: Stacks columns vertically on screens under 768px */
		@media (max-width: 768px) {
			.flex-container {
				flex-direction: column;
			}
		}

		figcaption {
			font-size: 8pt;
		}		
 		body {
			font-family: Arial;
			margin: 8;
			background-color: #f4f4f4;	
 			
		}
		
		
/* -------------------------------------------------------- */

/* Top navigation bar */
.navbar {
  display: flex;
  background-color: #333;
}

/* Navigation bar links */
.navbar a {
  color: white;
  padding: 14px 20px;
  text-decoration: none;
  text-align: center;
}

/* Change color on hover */
.navbar a:hover {
  background-color: #ddd;
  color: black;
}

.navbar li {display: inline; list-style: none;}


/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
}
/* -------------------------------------------------------- */		
		

    </style>