body
{
background: #FFF;
color: #000;
font: medium sans-serif;
}
ul
{
padding-left: 2em;
}
#body
{
margin: 0 auto;
max-width: 100%;
width: 750px;
}
#head
{
text-align: center;
margin-bottom: 20px;
}
#head img
{
width: 700px;
}
#menu
{
text-align: right;
background: #DDD;
color: #888;
border: solid #888;
border-width: thin;
float: right;
margin: 0 1ex 1ex 0;
width: 24ex;
padding: 1ex 0;
}
body>#body>#menu
{
margin: 0 2ex 2ex 0;
}
#menu ul
{
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}
#menu li
{
margin: 0;
padding: 0;
}
#menu a
{
background: inherit;
border-left: thin solid #888;
color: gray;
display: block;
font-size: larger;
margin-left: -1px;
margin-right: 8px;
padding: 1ex;
padding-left: 8px;
text-decoration: none;
}
#menu a:hover
{
text-decoration: underline;
}
#menu a.this
{
background: white;
border: solid #888;
border-width: thin thin thin 0;
color: #800;
}
hr {
display: none;
}
#main
{
margin: 2ex 0 2ex 2ex;
padding: 2ex;
border: thin solid #888;
width: 45ex;
}
h1, h2
{
margin: 0;
color: #800;
}
#main img
{
display: block;
margin: 1em auto;
max-width: 100%;
text-align: center;
}

#foot {clear: both; margin: -2ex 2ex 2ex 0; text-align: right; height: 0;}
#body>#foot
{
margin: -4ex 2ex 4ex 2ex;
font-size: smaller;
}

#foot p {margin: 0;}