body
{
	background:			hsl(40,100%,94%);
	line-height:		175%;
	margin:				1ex 1.25em
}

h1
{
	color:				hsl(40,100%,20%);
	text-align:			center
}

h2
{
	color:				hsl(40,100%,20%)
}

td
{
	padding-right:		2em
}

th
{
	text-align:			left
}

#left
{
	width:				10.5em;
	position:			fixed;
	top:				1em
}

#right
{
	min-width:			30em;
	margin-left:		12.5em
}

#about
{
	width:				212px;
	margin-left:		1em;
	margin-bottom:		1em;
	float:				right
}

#pdf
{
	background-image:	url('data:image/svg+xml,%3Csvg%20viewBox=%220%200%20100%20125%22%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M5,5H71l24,24V117.5H5%22%20fill=%22%23FFF%22/%3E%3Cpath%20d=%22M2.5,122.5V2.5H72l25,25V122.5M72,5V25a2.5,2.5,0,0,0,2.5,2.5H94.5%22%20stroke=%22%235B5A5C%22%20stroke-width=%225%22%20fill=%22none%22/%3E%3Cpath%20d=%22M43,117.5H4v5H48ZM81,117.5H95v5H76Z%22%20fill=%22%235B5A5C%22/%3E%3Cpath%20d=%22M73.2,99.5v-26.5h-22.3v26.5h-10.1l21.2,25.5,21.3-25.5M0,20H65.5v5a9,9,0,0,0,9,9h1.5v22H0Z%22%20fill=%22%23ED2127%22/%3E%3Cpath%20d=%22M10,49v-18h6a4.5,4.5,0,0,1,0,9h-4M28,47v-16h6a6,6,0,0,1,6,6v4a6,6,0,0,1-6,6ZM47.5,49v-18h11m-10,8h7%22%20stroke=%22%23FFF%22%20stroke-width=%224%22%20fill=%22none%22/%3E%3C/svg%3E');
	width:				2em;
	height:				2.5em;
	display:			inline-box
}

table.framed
{
	border:				2px groove black
}

table.framed td
{
	padding:			10px;
	border-bottom:		1px solid black
}

ul.list
{
	margin:				0;
	padding:			0;
	list-style:			none;
	font-weight:		bold
}

ul.list li
{
	padding:			0.35em 0.5em
}

ul.list a
{
	text-decoration:	none;
	color:				#1A419D
}

ul.list #selected
{
	background:			#1A419D;
	color:				white
}

.icon
{
	background-repeat:	no-repeat;
	background-position:center;
	padding-right:		.8em
}

/*
<svg width=".75em" height=".75em" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><path d="M4 0H8V4h4V8H8v4H4V8H0V4H4Z" fill="#F00"/></svg>
*/

.redcross
{
	background-image:	url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iLjc1ZW0iIGhlaWdodD0iLjc1ZW0iIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNCAwSDhWNGg0VjhIOHY0SDRWOEgwVjRINFoiIGZpbGw9IiNGMDAiLz48L3N2Zz4=)
}

/*
<svg width=".75em" height=".75em" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><path d="M4.5 9c0-1-.9-2.5-1.5-4A3.3 3.3 0 1 1 9 5C8.4 6.5 7.5 8 7.5 9" fill="#F7C241"/><rect x="4.5" y="9" width="3" height="3" fill="#666"/></svg>
*/

.lightbulb
{
	background-image:	url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iLjc1ZW0iIGhlaWdodD0iLjc1ZW0iIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC41IDljMC0xLS45LTIuNS0xLjUtNEEzLjMgMy4zIDAgMSAxIDkgNUM4LjQgNi41IDcuNSA4IDcuNSA5IiBmaWxsPSIjRjdDMjQxIi8+PHJlY3QgeD0iNC41IiB5PSI5IiB3aWR0aD0iMyIgaGVpZ2h0PSIzIiBmaWxsPSIjNjY2Ii8+PC9zdmc+)
}

/*
External ref:
<svg width=".75em" height=".75em" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg"><path fill="#fff" stroke="#36c" d="M1.5 4.5h6v6h-6z"/><g transform="rotate(45,4.5,7.5)"><path fill="#36c" d="m4.5-1.75 3.8 3.8v2.2h-1.9v3.95h-3.8v-3.95h-1.9v-2.2Z"/><path fill="#fff" d="m4.5-.35 3.5 3.5h-2.6v4.1h-1.8v-4.1h-2.6z"/></g></svg>

.ref
{
	background:		no-repeat center right url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iLjc1ZW0iIGhlaWdodD0iLjc1ZW0iIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjZmZmIiBzdHJva2U9IiMzNmMiIGQ9Ik0xLjUgNC41aDZ2NmgtNnoiLz48ZyB0cmFuc2Zvcm09InJvdGF0ZSg0NSw0LjUsNy41KSI+PHBhdGggZmlsbD0iIzM2YyIgZD0ibTQuNS0xLjc1IDMuOCAzLjh2Mi4yaC0xLjl2My45NWgtMy44di0zLjk1aC0xLjl2LTIuMloiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJtNC41LS4zNSAzLjUgMy41aC0yLjZ2NC4xaC0xLjh2LTQuMWgtMi42eiIvPjwvZz48L3N2Zz4=);
	padding-right:	.8em
}

Internal ref:
<svg width=".75em" height=".75em" viewBox="-.5 -.5 12 12" xmlns="http://www.w3.org/2000/svg"><path d="M0 6C2.32 6 4.62 5 5.62 4L4.16 2.86l4.82-1.2-.32 4.76-1.4-1.1C6.34 6.4 3.6 10.92 0 11.04Z" fill="#fff" stroke="#36c"/></svg>

.ref
{
	background:		no-repeat center right url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iLjc1ZW0iIGhlaWdodD0iLjc1ZW0iIHZpZXdCb3g9Ii0uNSAtLjUgMTIgMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgNkMyLjMyIDYgNC42MiA1IDUuNjIgNEw0LjE2IDIuODZsNC44Mi0xLjItLjMyIDQuNzYtMS40LTEuMUM2LjM0IDYuNCAzLjYgMTAuOTIgMCAxMS4wNFoiIGZpbGw9IiNmZmYiIHN0cm9rZT0iIzM2YyIvPjwvc3ZnPg==);
	padding-right:	.8em
}
*/

.ref
{
	text-decoration:	none;
	font-weight:		bold
}

.refd
{
	background-color: hsl(310,100%,94%)
}

.centred
{
	text-align:			center
}

.centred > div
{
	display:			inline-block
}