html,
body {
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: Open Sans;
	/* display: flex; _* ADDED AS TEST 20240209 *_
	flex-direction: column;
	justify-content: center;
	align-items: center; */
}

body {
	overflow-x: hidden;
	overflow-y: scroll;
}

header {
	width: 100%;
	height: 200px;
	background-color: #FFFFFF;
}

nav {
	clear: left;
	float: left;
	width: 18%;
	padding-left: 1em;
	font-size: .8em;
	overflow: auto;
	background-color: #FFFFFF;
}

section {
float: left;
width: 77%;
padding-left: 1em;
overflow: auto;
}

article {
float: left;
width: 65%;
padding-left: 1em;
overflow: auto;
}

footer {
	clear : both; /* ensures that it takes 100%, and is not relative in width */
	border-width: 20px 2px 10px 2px; 
	/* shorthand: top; right; bottom; left */	
	width: 100%; */
	background-color: #FFFFFF;
	text-align : center;
	font-size : .7rem;
}

ul {
	/* background-color : #000000; */
	border-width: 4px 2px 10px 2px; 
	/* shorthand: top; right; bottom; left */
	padding-left :  2px;
	list-style : none;
}

li ul {
	display : none;
}

li:hover > ul {
display: block;
}

a {
color: blue;
background-color: white;
text-decoration : none;
}
a:visited {
color: purple;
/* background-color: #FFFF33; */
}
a:hover {
color: white;
background-color: #D3D3D3;
}
.menu-separator {
	color: white;
}
.menu-item {
	/* background-color : #000000; */
	padding-left :  2px;
	padding-top : .7em;
}
.website-title {
	font-family : Open Sans, sans-serif;
	font-size : 160%;
}
.website-motto {
	font-family : Open Sans, sans-serif;
	font-size : 120%;
}
.website-promo {
	font-family : Open Sans, sans-serif;
	font-size : 80%;
}
img {
	max-width: 100%;
  	height: auto;
	display: block;
  	margin-left: auto;
 	margin-right: auto;
}
.website-logo {
	max-width: 100%;
  	height: auto;
	display: block;
  	margin-left: auto;
 	margin-right: auto;
	float: left;
}
.imginline {
	max-width: auto;
  	height: auto;
  	margin-left: 0px;
 	margin-right: 0px;
	display: inline;
}
h1 { 
	font-family: Open Sans; 
	font-size: 24px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: 700; 
	line-height: 26.4px; 
} 
h3 { 
	font-family: Open Sans; 
	font-size: 14px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: 700; 
	line-height: 15.4px; 
} 
h4 { 
	font-family: Open Sans; 
	font-size: 12px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: 700; 
	line-height: 13.4px; 
} 
h5 { 
	font-family: Open Sans; 
	font-size: 10px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: 400; 
	line-height: 11.4px; 
} 
p { 
	font-family: Open Sans; 
	font-size: 14px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: 400; 
	line-height: 20px; 
} 
blockquote { 
	font-family: Open Sans; 
	font-size: 10px; 
	font-style: italic; 
	font-variant: normal; 
} 
pre { 
	font-family: Open Sans; 
	font-size: 13px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: 400; 
	line-height: 18.5667px; 
}

.chapter {padding:0 2px; font-size:95%; color: #2e4053;}
.title {padding:0 12px; font-size:80%; color: #3498db;}