body { background-color: #ffffff; color: #000000; }

a:link    { color: #0000ff; }
a:visited { color: #006600; }
a:active  { color: #3399ff; }
a:hover   { color: #990000; }


h1 { text-align: center; font-size: 18pt; background-color: #ccffcc; }
h2 { text-align: center; font-size: 16pt; background-color: #ccffcc; }
h3 { text-align: center; font-size: 12pt; background-color: #ccffcc; }

.index    { background-color: #ccffcc; }
.red      { color: #ff0000; }
.blue     { color: #0000ff; }
.black    { color: #000000; }
.green    { color: #008000; }
.planes   { color: #666600; }
.island   { color: #0000cc; }
.swamp    { color: #000000; }
.mountain { color: #cc0000; }
.forest   { color: #00bb00; }
.nonbasic { color: #aaaa00; }

.bgplanes   { background-color: #ffffcc; }
.bgisland   { background-color: #ccccff; }
.bgswamp    { background-color: #aaaaaa; }
.bgmountain { background-color: #ffcccc; }
.bgforest   { background-color: #ccffcc }
.bgmulti    { background-color: #ffff33; }
.bgartifact { background-color: #dddddd; }
.bgland     { background-color: #ffcc66; }

.center { text-align: center; }
.left   { text-align: left; }
.right  { text-align: right; }

div.bg         { background-color: #dddddd; padding: 5px; max-width: 550px; }
div.bgwide     { background-color: #dddddd; padding: 5px; }
div.paragraph1 { background-color: #cccccc; padding: 5px 5px 5px 20px; margin-bottom: 10px; max-width: 500px; }
div.paragraph2 { background-color: #bbbbbb; padding: 5px 5px 5px 20px; margin-bottom: 10px; max-width: 500px; }
div.paragraph3 { background-color: #aaaaaa; padding: 5px 5px 5px 20px; margin-bottom: 10px; max-width: 500px; }

span.space { line-height: 150% }