html, body {background: white; color: black}
body {
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding: 0;
}

h1, h2, h3 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}
h1 {
	border-bottom: 3pt #000099 dotted;
	margin-top: .25em;
}
h1 { font-size: 1.75em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1em; }

a:link {color: #00f}
a:visited {color: #309}
a:hover {color: red}

#main  {margin: 0 1em 0 12em}
#side {position: absolute; left: 0; top: 0; width: 11em}
#menu {border: 5px #900 solid;
	border-top: 0;
	padding-bottom: .5em;
	background: #ff6;
	width: 11em;
}
#menu h3, #menu h4 {
	margin: 0;
	padding: .25em .5em;
	color: #fff;
}
#menu h3 {
	text-align: center;
	background: #900;
	border-bottom: 10px #ff6 solid;
	border-left: 10px #900 solid;
	border-right: 10px #900 solid;
}
#menu h4 {background: #990}
#menu p {padding: 0 .5em; font: 83% Arial, Helvetica, sans-serif}
.nextprev {text-align: center; margin: 5px 0 0 0}

#menu ul {margin: 0; padding: 0}
#menu li {margin: 1px !important; margin: 0 1px; border: 0 !important; border: 1px #ff6 solid; padding: 0; font: bold 1em Arial, Helvetica, Sans-serif}
#menu li a {background: #990; color: #fff; text-decoration: none}
/*/*/
#menu li {list-style: none}
#menu li a {display: block; padding: .25em .5em; margin: 0}
#menu li li a {display: inline; padding: 0}
.nextprev a {padding: .1em}
/* hide above from NS4 */

#menu li a:hover {background: #900}
#menu li a:active {background: #fff; color: #900}

/* This would be so much easier with the > selector but IE doesn't support it */
#menu li li {padding: 0 0 0 1em; margin: .1em; border: 0; font: normal 83% Arial, Helvetica, Sans-serif}
#menu li li a {background: #ff6}
#menu li li a:active {color:#900}
#menu li li a:link {color: #00f}
#menu li li a:visited {color: #309}
#menu li li a:hover {background: #ff6; color: red; text-decoration: underline}



dt {padding-top: 1em}

.cartoony { font-family: "Comic Sans MS", "Comic Sans", Freeport, Arial, Helvetica, sans-serif}

.footnote {font-size: 75%; }

.bottommenu, .navbanner {
	font: 75% Arial, Helvetica, sans-serif;
	background: #ffc;
	border: #999 1px solid;
	border-width: 1px 0;
	padding: 2pt 0;
}

address  {
	font: normal 75% Arial, Helvetica, sans-serif;
	text-align: center;
}
sup, td.menu sup {
	font-size: 67%;
}

.year {
	border-left: .25em silver solid;
	padding-left: .25em;
	margin: 1em 0;
}

dt.new, dd.new {
	background: #ffb;
}

p.ahem {
	color: red;
	font: 83% Arial, Helvetica, sans-serif;
}
iframe.ahem, p.nopos {
	display:none;
}


@media (prefers-color-scheme: dark) {
	body, html {background: #000; color: #fff}
	a:link	{color: #f33}
	a:visited	{color: #c63}
	a:active	{color: #fcc}
	a:hover		{color: #f88}
	.bottommenu, .navbanner {background: #001; border-color: #430}
	
	#menu {border-color: #600; background: #430}
	#menu h3, #menu h4 {color: #fff}
	#menu h3 {background: #600;
		border-bottom-color: #430;
		border-left-color: #600;
		border-right-color: #600;
	}
	#menu h4 {background: #990}

	#menu li a {background: #990; color: #fff}
	#menu li a:hover {background: #600}
	#menu li a:active {background: #fff; color: #600}

	#menu li li a {background: #430}
	#menu li li a:link {color: #f33}
	#menu li li a:visited {color: #c63}
	#menu li li a:hover {background: #430; color: #99f}
	#menu li li a:active {color:#600}
}

@media all and (max-width: 500px) {
	#side {position: static; width: 100%}
	#side table {width: 100%}
	#footer {border-top: 1pt black solid}
	#footer p {display: none}
	address {text-align: left}
	#main  {margin: .5em}
	p.nopos {display: block; font: 8pt Arial, Helvetica, sans-serif}
	p.nopos a {
		font-size: 8pt;
		background: #990; color: #fff;
		text-decoration: none; display: block; margin: 0; padding: .5em;
		text-align: center;
		border: 1px #000 solid;
		border-radius: 1em;
		-moz-border-radius: 1em;
		-webkit-border-radius: 1em;
	}

}


@media print {
	h1 {border-bottom: 3pt #000000 dotted;}
	#side {position: static; width: 100%}
	#menu {display: none}
	#footer {border-top: 1pt black solid}
	#footer p {display: none}
	address {text-align: left}
	#main  {margin-left : 1em}
}