body
{
background-color: #e0ffe0;
color: black;
font-size: 11pt;
font-family: sans-serif;
text-align: justify;
}

h1, h2, th, td, a:hover
{
color: #000000;
}

h1
{
font-size: 150%;
clear: left;
background-color: #b0d0b0;
font-variant: small-caps;
}

h2
{
background-color: #c8e0c8;
font-size: 125%;
clear: left;	
}

h3
{
font-size: 110%;
clear: left;
} 

img
{
border: none;
}

ul, ol
{
font-family: serif;
font-size: 125%;
}

th
{
background-color: #b0d0b0;
}

td
{
background-color: #c8e0c8;
}

.head
{
background-color: #c8e0c8;
color: black;
padding:0.5em;
}

.dlbox
{
color: #000000;
float: left;
width: 12em;
background-color: #d4ecd4;
padding: 0.5em;
border: medium outset #c8e0c8;
margin: 1em;
}

.foot
{
clear: left;
background-color: #b0d0b0;
color: black;
padding:0.5em;
text-align: center;
}

.port
{
width: 120px;
height: 120px;
}

.portbox
{
color: #000000;
width: 120px;
height: 240px;
float: left;
background-color: #d4ecd4;
padding: 0.5em;
border: medium outset #c8e0c8;
margin: 1em;
text-align: center;
}

.scene
{
color: #000000;
background-color: #d4ecd4;
padding: 0.2em;
float: left;
border: thin outset #c8e0c8;
margin: 0.5em;
text-align: center;
}

.navbar
{
float: left;
width: 20%;
text-align: center;
background-color: #d4ecd4;
}

.feature
{
float: left;
width: 56%;
padding: 2%;
}

.navbar h1, h2, h3
{
margin: 0;
}

.navbar ul
{
list-style: none;
}

.inset
{
float: right;
padding: 1em;
}


.notice
{margin: 1em;
background-color: #E020E0;
color: #20E020;
border: thick outset black;
padding: 1em;
font-family: serif;
font-size: 125%;
}