/*
 * Tags (global)
 */

* {
	box-sizing: border-box;
}

html {
	min-width: 250px;
	background-color: #606060;
}

body {
	text-align: center; /* Dumbass css 2.x way of horizontally centering inline-block children */
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	font-size: .9em;
	color: #000000;
	background-color: #fcfcfc;
	margin: 0;
	padding: 0;
}

a {
	color: #0040a0;
	text-decoration: none;
}
	a:link, a:visited {
	}
	a:active, a:hover {
		text-decoration: underline;
	}

/*
	The idea here is to by default get rid of any unwanted top and bottom margin spacing caused by the first
	and last child of any div, header, section or footer. Especially useful for paragraphs.
*/
div > :first-child, header > :first-child, section > :first-child, footer > :first-child {
	margin-top: 0;
}
div > :last-child, header > :last-child, section > :last-child, footer > :last-child {
	margin-bottom: 0;
}

h1 {
	padding: 0;
	margin: 0;
	font-family: Candara, "Trebuchet MS", Helvetica, Sans-Serif;
	font-size: 2.5em;
	font-weight: bold;
	font-style: italic;
}

h2 {
	padding: .5em;
	margin: 0 0 1em 0;
	text-align: center;
	font-family: Candara, "Trebuchet MS", Helvetica, Sans-Serif;
	font-size: 2em;
	font-weight: bold;
	color: #000000;
	background-color: #a2c1de;
	background: linear-gradient(-45deg, rgba(162,193,222,0), rgba(162,193,222,1) 25%, rgba(162,193,222,1) 75%, rgba(162,193,222,0));
	border-radius: .25em;
}

h3, .download {
	padding: .25em;
	margin: .75em 0 .75em 0;
	font-family: Candara, "Trebuchet MS", Helvetica, Sans-Serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #a02000;
	background-color: #f8ffff;
	background: linear-gradient(to right, rgba(248,255,255,1), rgba(248,255,255,0));
	border-radius: .3em;
}
	.download {
		width: 100%;
	}

h4 {
	padding: 0;
	margin: 1em 0;
	color: #a02000;
	font-weight: bold;
}

dl {
	margin: 0;
	padding: 0;
}
dt {
	font-weight: bold;
}
dd {
	margin: 1em 0 1em 3em;
}

p {
	margin: 1em 0;
}

ol, ul {
	margin: 1em 0;
	padding: 0 0 0 1em;
	list-style-position: inside;
}
li {
	margin: .2em 0;
	padding: 0;
}

/*
 * Classes
 */

.notext {
	font-size: 0;
}

.nowrap {
	white-space: nowrap;
}

.normalwrap { /* Useful to override inheritance of nowrap */
	white-space: normal;
}

.boldtext {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.highlight {
	color: #a02000;
	font-weight: bold;
	background-color: transparent;
}

a.menu-item {
	display: block;
	padding: .4em 1em;
	border: solid .1em #fff;
	border-radius: .4em;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	text-decoration: none;
	white-space: nowrap;
}
	a.menu-item:link, a.menu-item:visited {
		color: #fff;
		background-color: #505050;
	}
	a.menu-item:hover {
		color: #e0e0e0;
		background-color: #808080;
		box-shadow: 0 0 .5em .1em #fff;
	}
	a.menu-item:active {
		color: #e0e0e0;
		background-color: #808080;
		box-shadow: 0 0 0 0 transparent;
	}
	a.menu-item.selected {
		border-style: inset;
		color: #000;
		background-color: #e0e0e0;
		box-shadow: inset 0 0 .3em 0 #888;
	}

.divider {
	height: .1em;
	padding: 0;
	margin: .5em 0;
	background-color: #ccc;
	border-radius: 100%;
	box-shadow: 0 0 .75em .4em #fff;
}

.submenu {
	text-align: center;
	padding: 1.5em;
	border: solid .1em #ccc;
	border-radius: .75em;
	background-color: #e8e8e8;
	background: linear-gradient(to bottom, rgba(210,210,210,1), rgba(245,245,245,1));
}
.submenuitems {
	display: inline-block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
	.submenuitems li {
		/*float: left;*/
		display: inline-block;
		/*padding: 0 .5em;*/
		padding: .2em .5em;
		/*margin: .5em 0 0 0;*/
		margin: .2em 0;
		vertical-align: bottom;
		/*border-right: solid .1em #aaa;*/
		background-color: #fff;
		border-radius: .2em;
	}
		.submenuitems li:last-child {
			/*border-right: none;*/
		}

.section {
	padding: 1.5em;
	margin: 1.5em 0 0 0;
	background-color: #e0f0f8;
	background: linear-gradient(135deg, rgba(224,240,248,1) 80%, rgba(224,240,248,0));
	border: solid .1em #ccc;
	border-radius: .25em;
}

.inset {
	margin: 1.5em 0 1.5em 1.5em;
}

/* The idea with "side-by-side" is to display the dl as a two-column grid, if the browser supports grid layout */
dl.side-by-side {
	display: grid;
	grid-template-columns: 1fr 2fr; /* Two columns, the first with 1/3 of the total width and the second with 2/3 of the total width */
}
dl.side-by-side > dt {
	margin: .25em 0;
}
dl.side-by-side > dd {
	margin: .25em 0;
}

.photoframe {
	text-align: center;
	border: solid .1em #ccc;
	background-color: #fff;
	padding: .75em;
	position: relative;
	box-shadow: .1em .1em .2em #444;
	line-height: 0; /* In effect gets rid of empty space (reserved for descenders in the font) that would otherwise appear below a contained image */
}

.car-photo {
	width: 100%;
	max-width: 520px;
	border: solid .1em #ccc;
	background-color: #fff;
	padding: 1em;
	box-shadow: .1em .1em .2em #444;
}

/*
 * Universal clearfix working in all reasonably modern browsers.
 * Note: Setting display to inline-block instead doesn't work well because it appears to prevent collapsing margins, which this after-pseudo doesn't suffer from!
 */
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/*
 * Singletons
 */

#logo-panel {
	padding: .75em 2.5em .5em 2.5em;
	text-align: center;
	background-color: #96d1ff;
	background: linear-gradient(to bottom, white, rgba(148,206,252,1));

	/* Box-shadow goes over the menu: */
	box-shadow: 0 .2em .5em 0 #888;
	position: relative;
	z-index: 100;
}
#logo {
	width: 100%;
	max-width: 500px;
}

#menu {
	margin: 0;
	padding: .5em;
	background-color: #d0d0d0;

	/* Box-shadow goes over the content: */
	box-shadow: 0 .2em .5em 0 #888;
	position: relative;
	z-index: 90;
}
	#menu ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#menu li {
		margin: 0;
		padding: 0;
	}
		#menu > ul {
		}
		#menu > ul > li { /* Horizontal top-level list */
			margin: .25em 0;
			padding: 0;
			display: inline-block;
		}

#outer {
	background-color: #fff;

	box-shadow: 0 0 .5em 0 #222;
	position: relative;
	z-index: 80;
}

#page {
	display: inline-block;
	padding: 1.5em;
	text-align: left;

	width: 100%;
	min-width: 250px;
	max-width: 58em;

	box-shadow: 0 0 .5em 0 #888;
}

#content {
}

#footer {
	padding: 1.5em;
	clear: both;
	text-align: center;
	font-size: .9em;
	background-color: #808080;

	/* Box-shadow goes over the content: */
	box-shadow: 0 .0em .5em 0 #000;
	position: relative;
	z-index: 0;
}
#footer, #footer a {
	color: #ddd;
}

/*
 * Overrides for limited viewport width
 */

@media only screen and (max-width: 55em)
{
	/* Font size reductions */
	
	h1 {
		font-size: 2em;
	}
	h2 {
		font-size: 1.5em;
	}
	h3 {
		font-size: 1.25em;
	}
	.download {
		font-size: 1.25em;
	}

	/* Layout size reductions */
	
	#page {
		/* The idea here is to make it appear as if this wrapper is no longer there */
		padding-left: 0;
		padding-right: 0;
		max-width: 55em; /* Compensate for removed side padding */
		box-shadow: none; /* Get rid of the shadow */
	}
	.submenu {
		padding: .75em;
	}
	.section {
		padding: 1em;
	}
	.inset {
		margin-left: .75em;
	}
}

/*
     FILE ARCHIVED ON 00:56:55 Jan 01, 2026 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:51:38 Jul 30, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.499
  exclusion.robots: 0.051
  exclusion.robots.policy: 0.031
  esindex: 0.007
  cdx.remote: 48.142
  LoadShardBlock: 87.228 (3)
  PetaboxLoader3.datanode: 58.503 (4)
  PetaboxLoader3.resolve: 67.222 (3)
  load_resource: 48.577
*/