@media	screen and (max-width: 533px) {
	tr, td	{display: inline-block;}	body.isTouch table a	{padding: 8px 0;}
	tr	{width: 50%; float: left;}
}
@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.default	{font-size: x-large;}
}
@media	screen {
	body		{line-height: 1.5;}
	form span	{white-space: nowrap;}
	h1		{line-height: 1;}
	h2 + p		{margin-top: 0;}
	h2		{font-size: 1em; line-height: 1.625; text-transform: uppercase;}	h2,
	hr + ul		{margin: 0;}
	hr + ol		{margin-top: 0;}
	label		{width: 5.75em; float: left;}
	table		{width: 100%; margin-bottom: 40px; border-spacing: 0; border-collapse: collapse; text-align: center;}
	td a		{display: block;}
	td		{padding: 0; width: 2.5em; line-height: 1.5em;}	p.asdf,
	ul.default	{position: absolute; visibility: hidden;}
}
@media	screen and (min-width: 9em) {
	body		{background: #333;}
	body, form span	{color: #cc6;}
	h1.key	{margin-top: 1.0625em; line-height: 0.8;}
	h1.default	{margin-top: 117px; font-variant: small-caps;}
	h1 span:before	{margin: -3px 0 0 -3px; position: absolute; color: #222; content: "\0027";}	h1.default::first-letter	{text-transform: lowercase;}
	p		{margin-bottom: 4px;}
	table + div	{background: url('/images/fly.png') no-repeat 100% 0;}	strong,
	table ~ div	{color: #d8dede;}
	table ~ div	{margin: 8px 0; padding: 0.278em 12px 0.5em; background-color: #633;}	body > div + div a,
	table ~ div li a,
	td a		{text-decoration: none;}
	body,
	body.isTouch ul li,
	body.isTouch a ~ ul	{margin: 8px 0;}
	body.isMouse > div + div a:hover,
	body.isMouse a:hover img, table ~ div ul a em,
	body.isMouse li a:hover	{opacity: 1; text-decoration: underline;}
}
@media	screen and (min-width: 25.01em) {
	span.indent		{display: inline-block; min-width: 1em;}
}
@media	screen and (min-width: 640px) {
	body.isMouse		{margin: 0;}
	body.isMouse ul ul	{float: right; background: url('/images/mm.png') no-repeat 100% 5px;}	body.isMouse ul ul li a:hover	{opacity: 0;}
	body.isMouse ul ul li	{overflow: hidden; width: 25px; height: 2em; float: left;}
	body.isMouse ul ul li a	{line-height: 9em; background: rgba(51, 51, 51, 0.5);}
	body.isMouse td a,
	body.isMouse a img	{opacity: 0.6;}	body.isMouse > div + div a	{opacity: 0.6; display: block;}

	body > div:first-child	{margin-right: 29%; max-width: 71%; min-width: 35%; width: 32.5em; height: 100%; line-height: 1.334; position: fixed; right: 0; overflow: auto;}	td a,
	body > div + div a	{font-size: 81.25%; outline: 0 none;}
	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	{margin: 0; 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;}
	form > div		{margin-left: 5.75em;}
	h1 span:before		{margin-left: -4px;}
	table ~ div		{margin: 8px 12px;}
	table ~ div > a		{color: #cc9;}
	ul + ul			{margin: 0;}
}
@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 (min-width: 534px) {
	.isTouch tr:first-child a	{margin: 0 0 8px;}
}
@media	print {
	body > div		{font-family: "Century Gothic", "URW Gothic L", "Apple Gothic", Futura, sans-serif;}	div.preface table + div + div, form, img,
	body > div + div, table	{display: none;}
}
a	{color: inherit;}
a img	{border-width: 0;}
body	{font-family: "Segoe UI", Tahoma, Ubuntu, "Nimbus Sans L", sans-serif;}	strong,
h1, h2	{font-weight: normal;}
h1	{margin-bottom: 0; font-family: "Palatino Linotype", "URW Palladio L", Palatino, serif;}	h1.key	{font-size: 450%;}
hr	{width: 2em; margin: 12px auto 10px;}
table ~ div {
	margin-bottom: 1em;
	-moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;
}