html {font-size: 100%; }
body {
	color: #000 ;	/* black */
	font-family: 'Noto Sans', sans-serif;
	// background-color: #BCDCBC; }	 /*  light green */
A:link, A:visited {
	color: #006600;	/* dark green */
	text-decoration: none; }
A:active, A:hover {
	color: #c33;  /* dark red */
	text-decoration: underline; }
img {max-width: 100%; height:auto;}
#container {
	background-color: #FFFACD;	/*  LemonChiffon */
	margin-left: auto;
	margin-right: auto;
	max-width: 60em; }

//	nav { width: 90%; margin: 0 auto; }
nav ul { list-style-type: none; padding: 0; margin: 0; }
nav li { background-color: #FFD700; padding: 0.5 em 1em; margin: 0.3em 0.3%; text-align: center; }
nav li a { display: block; text-decoration: none; font-size: 1.2em; }
nav a:hover { background-color: #aaa; color: white; }
.round-top {
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	}
nav ul li#current a {
	background-color: #FFCCCC; /* light red */
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	}

.logo {
	text-align: center;
	align: center;
	}
.logo h1 {
	font-family: 'Merienda One', cursive;
	font-size: 300%;
	text-transform: uppercase;
	color: #006600;	/*  dark green */
//	color: #e60000;	/*  hot red */
//	padding-left: 1em;
	margin: 0.5rem 1rem 0 1rem;
//	text-shadow: -2px -2px 4px #999, 4px 4px 4px #333;
//	filter: dropshadow(color=#ffff00, offx=2, offy=2);
//	display: block;
	}

h2 { font: normal 180% 'Rozha One', serif; color:#B30000; }
//	h2 { font: bolder 160% 'Noto Sans', sans-serif; color:#B30000; }
.details {
	background-color: #FFE5E5;	/* light red */
//	background-color: #E0FFFF;	/*  LightCyan */
//	background-color: #7FFFD4;	/* Aquamarine */
	padding: 0.5rem;
	}
.button {
	display: inline-block;
	float: left;
	width: 10em;
	border-radius: 0.5em;
	margin: 0.5em;
	background-color: #d1e9bc;
	text-align: center;
	font-weight: bold;
	font-size: 1.25em;
	padding: 0.25em 1em;
	}
article {
	padding: 1%;
	}
aside {
	float: left;
	width: 24%;
	margin-right: 1%;
	overflow: auto;
	}
.left { margin-left: -100%; }
.plainlist { list-style-type: none; padding: 0; margin: 0; }
ul.plainlist li a { text-decoration: none; font-size: 1.2em; }

footer {
	font-size: 70%;
	text-align: center;
	color: #999;
//	margin: 0.5rem;
	padding: 0.5rem;
	clear: both;
	}

#pdf {
	width: 100%;
	height: 37rem;
	margin: 1em auto;
	}
#pdf p {
	padding: 1em;
	}
#pdf object {
	display: block;
	}

@media screen and (min-width: 53em) {
	nav li { display: block; float: left; width: 24.4%; }
	nav { padding-bottom: 3em; }
	.logo {	float:left; }
	.details { float:right; width: 10rem; }
	}
@media screen and (min-width: 30.001em) and (max-width:52.999em) {
	nav li { display: block; float: left; width: 24.4%; }
	nav { padding-bottom: 3em; }
	.details { float: left; width: 100%; text-align: center; }
}
@media screen and (max-width: 30em) {
	nav li { display: block; float: left; width: 49.4%; }
	nav { padding-bottom: 3em; }
	.logo { width: 100%; }
	.details { float: none; width: 100%; text-align: center; }
	aside { display:none; }
}