html	{min-height: 100%}
body	{background:white; font-family:Sans-Serif;
	 margin-top:7px; max-width:780px; margin-left:auto; margin-right:auto;
	 padding-left:7px; padding-right:7px}
h1	{color:#408040; font-size:1.4em; margin:0}
h2	{color:#BB0000; font-size:1.2em}
h3	{font-size:1.1em}
img	{max-width: 100%; height:auto}
.nav	{ width:100%; background:#DDF8FF; text-align:center; box-shadow:2px 2px 6px #888888 }
.big	{display:block}
.ovl	{visibility:hidden; position:absolute; top:0; left:0; background:white;
	 border:1px solid black; padding:2px; box-shadow:4px 4px 10px black; text-align:center}
.x	{position:absolute; right:2px; top:2px; font-size:0.9em; font-weight:bold;
	 background:red; color:white; cursor:pointer}
@media	(min-width:570px)
{ h1	{font-size:2em}
  h2	{font-size:1.5em}
  h3	{font-size:1.2em}
  .big	{float:right; margin-left:10px}
  .nav  {word-spacing:2em}
}