/*
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
*/

html {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
@media print {
	html {
		border: none !important;
		background-color: #fff !important;
	}
}

html {
	background-color: #444;
}
body {
	font-family: Arial, Verdana, sans-serif; /* Trebuchet MS */
	/*
	Times New Roman, Times, Georgia, serif;
	Courier New, Courier, monospace;
	*/
	max-width: 870px;
	margin: auto;
	border-radius: 5px;
	background-color: #fff;
}
header {
	border-radius: 5px;
	text-align: center;
	background-color: #ffe066; /* ffe680, fc6, b3d190 */
}
#hamburgerIcon {
	display: none;
	position: absolute;
	top: 5px;
	left: 5px;
	border: 2px solid #777;
	border-radius: .5em;
	padding: .25em .67em;
	white-space: nowrap;
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	background-color: #efe;
    -webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.20);
    box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.20); /*20190920*/
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none; /*prevent selection*/
}
#hamburgerIcon:hover {
	background-color: #eee;
}
#hamburgerIcon:active {
	color: #fff;
	background-color: #016fdc;
}
#hamburgerIcon span {
	display: block;
	height: 3px;
	width: 26px;
	margin: 5px 0;
	color: #fff;
	background-color: #777;
}
header {
	position: relative;
}
header div img {
	width: 75%;
	max-width: 400px;
	border-radius: 6px;
}
nav {
	margin-bottom: 3px;
	padding: 6px;
	padding-top: 0;
}
nav a {
	display: inline-block;
	border: 2px solid #777;
	border-radius: .5em;
	padding: .25em .67em;
	line-height: inherit;
	white-space: nowrap;
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	background-color: #efe;
    -webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.20);
    box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.20); /*20190920*/
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none; /*prevent selection*/

	margin: 3px;
	min-width: 50px;
	text-decoration: none;
}
nav a._curpage_,
nav a:hover {
	background-color: #aba; /* cdc, 9cf */
}
nav a:active {
	color: #fff;
	background-color: #080; /* 016fdc */
}
main {
	padding: 8px 12px;
	line-height: 140%;
}
main h4 {
	margin: 6px 0;
}
h1 {
	font-size: 1.3rem;
	margin-top: 0;
}
h2 {
	font-size: 1.1rem;
}
h3 {
	font-size: 1rem;
}
.img-align-right {
	float: right;
	margin: 0 0 8px 10px;
	border: 1px solid #222;
}

.news-flash {
	border-radius: 8px;
	padding: 5px;
	text-align: center;
	color: #ff0000;
}
.news-flash span {
	font-weight: bold;
	font-style: italic;
	background-color: yellow;
}
.news-flash a {
	white-space: nowrap;
}

@media(max-width:500px) {
	html {
		border: none !important;
		background-color: #fff !important;
	}
	#hamburgerIcon { display: inline-block; }
	header img { margin-left: 50px; }
	nav { display: none; }
	nav a {
		display: block;
		line-height: 150%;
		margin: 10px auto;
		font-size: 120%;
	}
	.img-align-right {
		float: none;
		display: block; /* none */
		margin: 8px auto;
	}
	.img-wideonly {
		display: none;
	}
}