* { font-family: sans-serif; font-size: 12pt }
body { 
	--content-width: 84%;
	--left-margin: 15%;
	color: black; 
	background-color: white; 
}

a { text-decoration: none; color: blue }
pre,code,tt { 
	font-family: "Courier New", Courier, monospace; 
}
pre>i,code>i,tt>i {
	font-family: "Courier New", Courier, monospace;
	font-style: italic;
}
code {
	background:  #ffc;
	border: solid #ccc 1px;
}
pre { display: inline-block }
pre { 
	background: #ffc; 
	margin-left: 2em; 
	margin-right: 2em;
	padding: 3pt;
	border: solid black 1px;	
}

p.center {
	text-align: center;
}
#header {
	background-color: #77DD77;
	padding: 20px;
}
h1 {
	font-size: 18pt;
	text-align: center
}
h2, h2 a { 
	font-size: 14pt;
	text-align: center
}

#content {
	left: var(--left-margin);
	position: relative;
	padding: 1%;
	width: var(--content-width);
	border-left: thin solid black;
	margin-bottom: 1em;
}
h3 {
	left: calc(-100% * var(--left-margin)/var(--content-width) + 1ex);
	position: absolute;
	width: calc(100% * var(--left-margin)/var(--content-width));
	margin: 0;
}

p, table { margin-bottom: 0.5em }
ol, ul { margin-top: 0 }
p+pre { margin-top: 0 }
pre+p { margin-top: 0 }
p+ul,p+ol { margin-top: 0.5em }
h3+p, h4+p, h5+p, h3+h4 { margin-top: 0 }
h4, h5 { margin-bottom: 0 }

#details li {margin-top: 1ex}
#details li li {margin-top: 0}

table.rubric { border-collapse: collapse }
table.rubric td, table.rubric th { padding: 2px 5px 2px 5px }
table.rubric td { text-align: left }
table.rubric td:first-child { text-align: right; padding-right: 1em }
table.rubric th { border-bottom: thin solid black }
table.rubric th, table.rubric td { border-right: thin solid black }
table.rubric th:last-child, table.rubric td:last-child { border-right: none }