h1	{margin-bottom: 0; font: 2em "Palatino Linotype", "URW Palladio L", Palatino, serif;}	strong,
h2	{font: inherit;}
hr	{width: 2em; margin: 12px auto 10px;}
a img	{border-width: 0;}
a	{color: inherit;}
body	{font-family: "Segoe UI", Tahoma, Arial, sans-serif;}	ul.default,
p.asdf	{position: absolute; visibility: hidden;}
@media	print {
	body	{font-family: "Century Gothic", "URW Gothic L", Avenir, sans-serif;}	.preface table + div + div, body > div + div, form,
	table	{display: none;}
}
@media	screen and (max-width: 533px) {
	tr, td	{display: inline-block;}
	tr	{width: 50%; float: left;}	.isTouch td a	{padding: 8px 0;}
}
@media	screen and (max-width: 44.99em) {
	blockquote	{margin: 0;}
}
@media	screen {
	body		{line-height: 1.5;}
	h1.key		{font-size: 4.5em;}
	h2		{margin: 0 0 3px; text-transform: uppercase;}	blockquote,
	h2 + p,
	hr + ol,
	hr + * ol	{margin-top: 0;}	h2, div + div ~ div ul,
	hr + ul		{margin: 0;}
	form span	{white-space: nowrap;}
	label span	{padding-right: 0.5em; width: 6em; float: left; text-align: right;}
	table ~ div	{margin: 9px 0;}
	table		{width: 100%; margin-bottom: 40px; border-spacing: 0; border-collapse: collapse; text-align: center;}	label span,
	td a		{display: block;}
	td		{padding: 0; width: 2.5em; line-height: 1.5em;}
}
@media	screen and (min-width: 0) {
	body		{background: #333;}	label ~ span,
	body		{color: #cc6;}
	h1.key		{margin-top: 1.0625em; line-height: 0.8;}
	h1.default	{margin-top: 117px; font-variant: small-caps; line-height: 1;}
	h1 span:before	{margin: -3px 0 0 2px; position: absolute; color: #222; content: "\0341";}	blockquote,
	ol, ol li, p	{margin-bottom: 4px;}
	table + div	{background: url('/images/fly.png') no-repeat 100% 0;}	strong,
	table ~ div	{color: #e7e7e7;}
	table ~ div	{padding: 0.375em 12px 8px; background-color: #633;}	body > div + div a,
	table ~ div li a, table ~ div a:hover,
	td a		{text-decoration: none; outline: 0 none;}	body,
	.isTouch ul li,
	.isTouch a ~ ul	{margin: 8px 0;}	h1.default:first-letter	{text-transform: lowercase;}
	.isMouse > div + div a:hover,
	.isMouse a:hover img, table ~ div ul a em,
	.isMouse li a:hover {
		opacity: 1; text-decoration: underline;
	}
}
@media	screen and (min-width: 401px) {
	span.indent {
		width: 1em; display: inline-block;
	}
}
@media	screen and (min-width: 534px) {
	.isTouch tr:first-child a {
		margin: 0 0 8px;
	}
}
@media	screen and (min-width: 640px) {
	.isMouse ul ul li a	{line-height: 9em; background: rgba(51, 51, 51, 0.5);}
	.isMouse ul ul li	{width: 25px; height: 2em; overflow: hidden; float: left;}
	.isMouse ul ul		{float: right; background: url('/images/mm.png') no-repeat 100% 5px;}	.isMouse ul ul li a:hover	{opacity: 0;}
	.isMouse td a,
	.isMouse a img		{opacity: 0.6;}
	body > div:first-child	{margin-right: 29.5%; width: 32.5em; max-width: 70%; min-width: 35%;  height: 100%; position: fixed; right: 0; overflow: auto;}	td a,
	body > div + div a	{font-size: 81.25%;}
	body > div + div	{margin: 0 6px 0 auto; max-width: 29%; width: 14em; line-height: 1.5em; text-align: right;}	ul ul,
	body > div > a ~ ul	{padding: 0; list-style-type: none;}
	div.hide,
	div.hide form, ul div	{padding: 0; height: 0; position: absolute; overflow: hidden;}
	div.hide + div.hide	{display: none;}
	div div a:hover:visited	{color: #cc6;}
	div td a.hilite, body > div + div a.hilite, a:hover img,
	div td a:hover		{opacity: 1; color: #ccc; font-weight: 600;}
	ul + ul, body.isMouse	{margin: 0;}
	table ~ div > a		{color: #cc9;}
	table ~ div		{margin-top: 8px;}
	form > div		{margin-left: 6.5em;}	.isMouse > div + div a	{opacity: 0.6; display: block;}
}
@media	screen and (min-width: 801px) {
	body > div:first-child	{margin-right: 32%; max-width: 68%;}	body > div	{font-size: 112.5%;}	h2	{line-height: 1.556;}
}
@media	screen and (max-width: 639px) {
	div div a:visited	{color: #cc6;}
	body > div + div	{margin: 0 8px;}	a + ul,
	body > div + div > a	{display: none;}	h1 {font-size: 27px;}
}
@media	screen and (max-width: 360px) {
	h1	{font-size: 24px;}
}