@media handheld { /* protecting dumb browsers against themselves */

* {
	position: static !important;
	width: auto !important;
	height: auto !important;
	background-image: none !important;
	font-weight: normal !important;
	font-style: normal !important;
	font-size: 1em !important;
	text-align: left !important;
	float: none !important;
}
div, div.heading p, div.mainBody ul, div.mainBody li { margin: auto !important; padding: 0px !important; }
body > div, td, th { margin: 0px !important; padding: 3px !important; }
html, body { font-family: sans-serif !important; font-size: 11px !important; }
h1 { font-size: 1.3em !important; font-weight: bold !important; margin: auto !important; }
h2 { font-size: 1.2em !important; font-weight: bold !important; }
h3 { font-size: 1.1em !important; font-weight: bold !important; }
h4 { font-size: 1em !important; font-weight: bold !important; }
a[href] { text-decoration: underline !important; }
div.mainBody a[href] { border-bottom: none !important; }
div.leftMenu a.onThis { text-decoration: line-through !important; }

div.mainBody li { margin-left: 1.5em !important; }

th { font-weight: bold !important; }
table { border-spacing: 0px !important; }
table, tr, td, th { display: block !important; }
table.doalt tr { display: list-item !important; list-style-type: decimal !important; margin-left: 1.5em !important; }
table.doalt tr:first-child { display: block !important; margin-left: 0px !important; }
table.doalt tr:first-child th { content: "Riders" !important; }
table.doalt tr:first-child th + th { display: none !important; content: normal !important; }
table.doalt td::before { display: block !important; font-weight: bold !important; }
table.doalt td:first-child::before { content: "Rider" !important; }
table.doalt td:first-child + td::before { content: "Age" !important; }
table.doalt td:first-child + td + td::before { content: "Bike(s)" !important; }

a.floater, a.altfloat { float: left !important; clear: left !important; margin: 0px 2px 2px 0px !important; max-width: 50% !important; }
a.floater img, a.altfloat img { max-width: 100% !important; }
div.leftMenu { clear: left !important; }
div.leftMenu img { max-width: 100% !important; }
div.mainBody::after { display: block !important; height: 1px !important; content: "" !important; clear: left !important; overflow: hidden !important; font-size: 1px !important; }

input[type="text"] { width: 20em !important; }
textarea { width: 100% !important; }
input, textarea { box-sizing: border-box !important; max-width: 100% !important; }

}