:root		{	--background-colour:	white;
			--text-colour:		black;
			--button-text:		PaleTurquoise;
			--button-colour:	#000;
			--flipper-colour:	#EEE;
			--button-darker:	#DDD;
			--border-colour:	#AAA;
			--header-colour:	brown;
		}

body		{	background:	var(--background-colour);
			margin-left:	0em;
			margin-right:	0em;
		}
.header		{	position:	fixed;
			z-index:	2;
			top:		0em;
			left:		0em;
			right:		0em;
			height:		7.5em;
			background:	var(--background-colour);
			border-bottom:	var(--border-colour) solid 1px;
			padding-left:	1em;
		}
.header img	{	height:		5em;
			border:		0em;
			float:		left;
			margin-left:	1em;
			margin-right:	1em;
		}
.header h1	{	font-family:	verdana, sans-serif;
			font-size:	3em;
			letter-spacing:	0.03em;
			margin-top:	0em;
			margin-bottom:	0em;
			margin-left:	3.5cm;
		}
.header h2	{	font-family:	verdana, sans-serif;
			font-size:	large;
			font-weight:	normal;
			margin-left:	3.5cm;
			margin-top:	0.7em;
			line-height:	0em;
		}
div.menu	{	position:	absolute;
			top:		1em;
			right:		2em;
			width:		28em;
			display:	grid;
			grid-template-columns: repeat(4, 1fr);
			g@rid-auto-flow:	column;
			gap:		1em;
			text-align:	center;
			text-transform:	uppercase;
			max-width:	40%;
		}
@media (max-width: 800px) {
	div.menu {
			top:		0.5em;
			width:		15em;
			grid-template-columns: repeat(2, 1fr);
			gap:		0.5em;
		}
}
.menu div	{	height:		3em;
			background:	var(--button-colour);
			border-radius:	1em;
			border:		var(--button-colour) solid 1px;
		}
.menu .active a	{	font-weight:	bold;
		}
.menu a		{	display:	inline;
			text-decoration: none;
			text-align:	center;
			line-height:	2.9em;
			width:		4em;
			color:		var(--button-text);
		}
.photograph	{	text-align:	center;
			margin-top:	7.5em;
			font-family:	verdana, sans-serif;
			letter-spacing:	-0.02em;
			font-weight:	bold;
			color:		#004064;
		}
.photograph img	{	min-width:	100%;
			opacity:	0.8;
		}
.photograph p	{	position:	absolute;
			top:		3.2em;
			left:		1.0cm;
			height:		0em;
			width:		30%;
			text-align:	left;
			font-size:	2.2em;
			text-shadow: -1px 0 LightCyan, 0 1px LightCyan, 1px 0 LightCyan, 0 -1px LightCyan;
		}
.inner		{	max-width:	50em;
			margin:		auto;
		}
.inner h2	{	font-size:	x-large;
			font-weight:	bold;
			font-family:	verdana, sans-serif;
			color:		var(--header-colour);
			background:	var(--flipper-colour);
			margin-top:	6.5em;
			padding-left:	0.5em;
			line-height:	2em;
		}
.inner hr	{	height:		1px;
			border:		none;
			background:	var(--border-colour);
			margin-top:	3em;
		}
.bottom		{	text-align:	center;
			font-size:	small;
			color:		var(--border-colour);
		}
.bottom a	{	color:		var(--border-colour);
		}
.first-page	{	overflow:	hidden;
		}