a		{color: inherit;}
div div		{margin-bottom: 1em;}
form span	{white-space: nowrap;}	div.hide form,
form > h2 + p	{height: 0; position: absolute; overflow: hidden;}
h1, h2, strong	{font-weight: normal;}
hr		{width: 2em; margin: 0.75em auto 0.625em;}

@media screen and (min-width: 1025px) {
	div h1			{margin: 86px 0 0 -20px; text-shadow: 8px -4px #333;}
	div div h1.default	{margin: 116px 0 0 -14px; font-size: 36px; text-shadow: 4px -2px #333;}
	div h1 span		{color: transparent;}
	div + div ul ul a	{line-height: 9em; background: rgba(51, 51, 51, 0.5);}
	div + div ul ul a:hover	{opacity: 0;}
	ul ul			{float: right; background: url('/images/mm.png') no-repeat 100% 5px;}
	ul ul li		{overflow: hidden; width: 25px; height: 2em; float: left;}
}
@media screen and (min-device-width: 801px) {
	table ~ div ul a	{text-decoration: none;}	body > div + div a:hover, li a:hover,
	table ~ div ul a em	{opacity: 1; text-decoration: underline;}	body > div + div a,
	td a, a img		{opacity: 0.6; display: block;}
}
@media screen and (min-device-width: 640px), screen and (min-device-height: 640px) {
	body > div:first-child	{margin-right: 32%; max-width: 68%; min-width: 35%; width: 32.5em; height: 100%; position: fixed; right: 0; overflow: auto;}
	body > div > div	{margin: 8px 12px; line-height: 1.3125;}
	body > div + div	{margin: 0 6px 0 auto; max-width: 30%; width: 14em; text-align: right;}	td a,
	body > div + div a	{font-size: small; line-height: 1.85; outline: 0 none;}	a ~ ul		{margin-top: 0.75em;}
	div h1.default		{font-size: 32px; margin-top: 112px;}	a ~ ul, ul ul	{padding: 0; list-style-type: none;}
	div h1 span		{margin-left: -4px;}
	div div.hide, ul div,
	div div.hide h1		{margin: 0; padding: 0; height: 0; position: absolute; overflow: hidden;}
	div div a:hover:visited	{color: #cc6;}
	form > div		{margin-left: 5.75em;}
	table ~ div > a		{color: #977;}
	td a.hilite, a:hover img, strong, body > div + div a.hilite,
	td a:hover		{opacity: 1; color: #ddd; font-weight: 600;}
	ul + ul			{margin: 0;}
}
@media screen and (min-device-width: 320px) {
	body			{margin: 0; background: #333;}
	body, form span		{color: #cc6;}
	div > div		{margin: 8px 0; padding: 4px 8px 8px; color: #ddd; background: #633 no-repeat 100% 0;}
	div > table + div	{height: 136px; background-image: url('/images/fly.png');}
	h1			{margin: 76px 0 0; font: small-caps 72px/1 "palatino linotype", palatino, "urw palladio l", serif;}
	h1.default		{margin-top: 117px; white-space: nowrap;}
	h1 span			{margin-left: -3px; position: absolute; color: #966;}	h1.default:first-letter {text-transform: lowercase;}
	h1 span:before		{content: "\0027";}
	h2 + p			{margin-top: 1px;}
	hr			{height: 1px; border-width: 0; background: #ddd;}	body > div + div a,
	td a			{text-decoration: none;}
	td			{width: 2.5em; padding: 0;}
}
@media screen and (max-device-width: 639px) and (max-device-height: 639px) {
	body > div + div	{margin: 0 8px;}	tr, td	{display: inline-block;}
	div.hide + div.hide	{display: none;}	tr td	{min-width: 33px; padding: 0 0 8px;}	tr	{width: 50%;}
}
@media screen and (max-device-width: 800px) {
	body > div:first-child	{margin-right: 30%; max-width: 70%;}
	div div a:visited	{color: #cc6;}
	li, body > div > a	{margin: 8px 0;}
}
@media screen {
	body	{font-family: "segoe ui", tahoma, sans-serif;}
	h2	{margin: 0; font-size: 1em; text-transform: uppercase;}	h1.default	{font-size: x-large;}
	hr + ol	{margin-top: 0;}
	hr + ul	{margin: 0;}
	label	{width: 5.75em; display: block; float: left;}	ul.default	{position: absolute; visibility: hidden;}
	p	{margin-bottom: 0;}
	table	{width: 100%; margin-bottom: 40px; border-spacing: 0; border-collapse: collapse; text-align: center;}
	div > div {
		-ms-hyphens: auto; -webkit-hyphens: auto;
		-moz-hyphens: auto; hyphens: auto;
	}
}
@media print {
	body	{font-family: "century gothic", "urw gothic l", futura, sans-serif;}
	body > div + div, img,
	form, div.preface table + div + div,
	table	{display: none;}
}