body            { font-family: sans-serif; background: #eee; }
a, h1, h2       { color: #377ba8; }
h1, h2          { font-family: 'Georgia', serif; margin: 0; }
h1              { border-bottom: 2px solid #eee; }
h2              { font-size: 1.2em; }

table           { width: 95%; }
table, th, td   { border: 1px solid #ccc }
.mainpage       { margin: 2em auto; width: 90em; border: 5px solid #ccc;
                  padding: 0.8em; background: white; line-height: 150%; overflow: auto; }
.page           { margin: 2em auto; border: 5px solid #ccc;
                  padding: 0.8em; background: white; line-height: 150%; }
.left           { float: left; width: 47%; margin: 2em auto; border: 5px solid #ccc;
                  padding: 0.8em; background: white; overflow: hidden }
.right          { float: none; width: 47%; margin: 2em auto; border: 5px solid #ccc;
                  padding: 0.8em; background: white; overflow: hidden }
.col3           { float: left; width: 30%; margin: 2em auto; margin-right: 6px; border: 5px solid #ccc;
                  padding: 0.8em; background: white; overflow: hidden }
.metanav        { text-align: right; font-size: 0.8em; padding: 0.3em;
                  margin-bottom: 1em; background: #fafafa; }
.message        { background: #cee5F5; padding: 0.5em;
                  border: 1px solid #aacbe2; }
.error          { background: #f0d6d6; padding: 0.5em; }