html {
	font-family: 'Noto Serif', serif;
	box-sizing: border-box;
	background-color:#e8f4f4;
}
* {
	box-sizing:inherit;
}

body {	


	margin:0 auto;
	color:#101020;
	padding:0.75em 1em;
}

hr {
  border: 1px solid #101020;
  margin:0.5em 0;

}

.flag {
	padding:5px;
	margin:0;
	display:inline-block;
	vertical-align:top;
	width:min-content;
}

.spacer {
	display:inline-block;
	width:240px;
	height:0;
	padding:8px;
	margin:0px;
}


.flagname {
	text-align:center;
	font-weight:bold;
	min-height:2.5em;
	margin-top:1px;
	width:100%;
	font-size:12pt;
}

.flagimage, .eventimgflag {
	background-color:rgba(0,64,128,0.1);
	padding:3px;
	text-align: center;
    line-height: 0;
}

.altname {
	font-weight: normal !important;
}

.fn {
	font-weight: bold;
	font-style: normal;
	margin-left:0;
	padding-bottom:6px;
	font-size:10.5pt;
}

.popnote {
	display:none;
}

.fn:hover .popnote {
	display: block;
	position: fixed;
	bottom:2em;
	left:2em;
	max-width:32em;
	min-height:2em;
	vertical-align:baseline;
	height: auto;
	width: auto;
	line-height:150%;
	font-weight:normal;
	text-align:left;
	font-size:12pt;
	background-color:#e8f4f4;
	border: 2px solid #101020;
	padding:0.5em 1em;
}

.popnote sup {
	line-height:0;
	font-weight:bold;
	margin-right:0.25em;
}

.type {
	font-weight: normal !important;
	font-style:italic;
	font-size:11pt;
}

.bracket {
	font-weight: normal !important;
}

.chart {
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	margin:0 auto;
	margin-bottom:1em;
}

header {
	text-align:center;
}


nav {
	font-size:16pt;
}

nav a, nav .fade {
	text-decoration:none;
	color:inherit;
	margin: 0 .5em;
}

nav a:hover {
	text-decoration:underline;
	opacity:0.8;
}

.arrows {
	display:inline-block;
	margin-left:10px;
	margin-right:10px;
}
.arrows:hover {
	text-decoration:none;
}

.fade {
	opacity:0.3;
}

h1 {
	font-size:42pt;
	margin:0;
	margin-top:20px;
	text-align:center;
}

h2 {
	font-weight:normal;
	margin-top:-10px;
	margin-bottom:20px;
	font-size:26pt;
}

h3 {
	font-weight:normal;
	margin-bottom:0;
	font-size:21pt;
}
h4 {
	font-weight:normal;
	margin-bottom:0;
	font-size:16pt;
}

.event {
	font-size:14pt;
	line-height:155%;
	margin-bottom:.5em;
	margin-top:1em;
}

.intro {
	text-indent:2.5em;
	text-align:justify;
}

#Events, .textpage {
	max-width:900px;
	margin:0 auto;
}

.footnotelist {
	columns:3;
}

.footnotelist :target {
	background: rgba(0,64,128,0.1);
}

.footnote {
	line-height:150%;
	break-inside:avoid-column;
}

.eventimg {
	margin-left:1em;
	margin-bottom:.5em;
}

.eventimg img {
	margin:0 2px;
}

.eventname {
	font-weight:bold;
	font-size:16pt;
}

.decadelist {
	margin:0 auto;
}
.decade {
	font-size:15pt;
	font-weight:bold;
	margin:.5em auto;
	width:100%;
	height:1.2em;
}

.decaderight {
	text-align:right;
}

.explanation {
	font-size:13pt;
	margin:.5em auto;
	text-indent:3em;
}

.date {
	font-weight:bold;
}


a {
	color:black;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
	opacity:0.6;
}


.advisory {
	color: rgba(0,0,0,0.6);
	font-size:80%;
	text-align:center;
	font-style:italic;
	margin:6px 0;
}

footer {
	text-align:right;
	float:right;
	font-style:italic;
	color: rgba(0,0,0,0.6);
	margin-top:3em;
	font-size:80%;
	max-width:52em;
}

footer a {
	color:inherit;
}

.newslist {
	margin-bottom:1em;
}

.long {
	text-align:justify;
}

.space {
	margin-left:10px;
	margin-right:10px;
}

.dot {
	margin-left:20px;
	margin-right:20px;
	font-weight:bold;
}

.sectionnav {
	float:right;
	font-weight:normal;
	font-size:16pt;
	margin-top:6px;
	margin-right:2px;
}

.sectionnav a {
	color:#101020;
	margin-left:2px;
}

h3 a:hover {
	text-decoration:none;
}

img {
	font-size:8pt;
}

sup {
	line-height:0;
}