body {
   background-color: white;
   background-image: url(img/container.gif);
   background-repeat: repeat-y;
   background-position: 100px 0%;
   color: black;
   margin-left: 2em;
   margin-right: 2em;}
h1 {color: white;
    background-color: none;
    font-size: 150%;
    font-family: verdana;
    text-align: center;}
h1.index {color: black;
    font-size: 152%;
    font-family: "cosmic sans ms";
    border-color: lime;
    border-style: groove;
    border-width: 0px 0px 1px 12px;
    border-style: solid;
    padding-left: 0.5em;
    text-align: left;
    clear: both;}
h1.contents {color: black;
    font-size: 120%;
    font-family: "cosmic sans ms";
    border-color: lime;
    border-style: groove;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    padding-left: 0.5em;
    text-align: left;
    clear: both;}
h2 {font-size: 150%;
    font-family: "cosmic sans ms";
    border-color: lime;
    border-style: groove;
    border-width: 0px 0px 1px 12px;
    border-style: solid;
    padding-left: 0.5em;
    clear: both;}
em {font-weight: bold;
    font-style: italic;
    background-color: yellow;}
strong 
	{font-weight: bold;
	font-size: +18;
    color: red;
}
p {line-height: 1.5em;
   text-indent: 1em;}
p.main:first-letter {
   font-size: 3em;
   font-weight: bold;
   color: #00bf00;
   margin-left: 0em;
   padding-left: 0em;
   padding-right: .5em;
   float: left;
   }
img{
   float: left;
   margin-right: 1em;
   margin-bottom: 1em;}

p.navi {
   background-color: lightgreen;
   color: white;
	vertical-align:middle;
	text-align:center;
   margin: 0em 0em 0em 0em;
   padding: 0px;
	height:1.5em;
   }
p.navi a {
   color: black;
   text-decoration: none;
   border: 1px green outset;
	vertical-align:middle;
	height:2.4em;
	width:93px;
   }
p.navi a:hover {
   border: 2px yellow inset;
   background-color: #aaccff;
   color: blue;
   }
ul.navi {
   background-color: lightgreen;
   color: white;
	vertical-align:middle;
	text-align:center;
   margin: 0em 0em 0em 0em;
   padding: 0px;
	height:1.5em;
   }
ul.navi a {
   color: black;
   text-decoration: none;
   border: 1px green outset;
	vertical-align:middle;
	height:2.4em;
	width:93px;
   }
ul.navi a:hover {
   border: 2px yellow inset;
   background-color: #aaccff;
   color: blue;
   }
ol.menu {
   margin: 0em 0em 0em 0em;
	vertical-align:middle;
	padding: 2px;
	margin-right: 3px;
	border-top:solid 1px #5e8eab;
	border-bottom:solid 1px #5e8eab;
	border-left:solid 1px #5e8eab;
	border-right:solid 1px #5e8eab;
	list-style-type:decimal;
   }
ol.menu a {
   color: blue;
	width:10em;
	line-height:1.2em;
	margin: 0em 0em 0em 0em;
	padding: 2px;
	text-decoration: none;
	list-style-type: decimal;
   }
ol.menu a:hover {
   border: 2px blue inset;
   background-color: #aaccff;
   color: blue;
	list-style-type: decimal;
   }
p.menu1 {
   background-image: url(img/menu1.jpg);
   background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size:1em;
	margin: 0 3px 0 0;
	width:150px;
    border-width: 0px 0px 0px 0px;
    border-style: solid;
	border-color: #5e8eab;
	float:left;
	}

p.menu1 a {
	color:blue;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
	border-color: #5e8eab;
	text-decoration:none;
	display:block;
	width:100%;
	line-height:1em
	}

p.menu1 a:hover {
	background-color:#c5e1ed
	}
p.coment{
	padding:0.5em;
	border:dotted 2px orange;
	}
div.cover {
   width: 800px;
   }
div#headder {
   margin-left: 100px;
   background-image: url(img/ocean.png);
   background-repeat: no-repeat;
   }
div#menu {
   float: left;
   width: 160px;
   margin-left: 100px;
   margin-right: 0em;
	margin-bottom:20px;
	margin-top:0px;
   background-color: white;
   border-width: 2px;
	border-top:solid 1px #5e8eab;
   }
div#menu h2 {
    font-size: 120%;
    color: white;
    background-color: #00CD66;
	margin-right: 3px;
	border-bottom:solid 2px lime;
	border-right:solid 2px lime;
	border-left:solid 0px lime;
   }
div#main {
   float: left;
   width: 505px;
	padding-left:1em;
	padding-right:1em;
   	border-left:solid 1px #5e8eab;
	border-right:solid 1px #5e8eab;
   }
td.back  {
	text-align:left;
	width: 200px;
	}

td.top  {
	text-align:center;
	width: 200px;
	}

td.next  {
	text-align:right;
	width: 200px;
	}

div.footer {
   margin-left: 100px;
   clear: both;
   color: white;
   padding: 0px 0px 0px 0px;
   }
div.footer p.returnlink {
   text-align: center;
   margin: 0px 0px 0px 0px;
   }
div.footer p.copyright {
   margin-left: 0px;
   font-size: 80%;
   font-family: vernada,Arial,sans-serif;
   text-align: center;
   background-color: white;
   color: black;
   }