body { text-align:center;
       background-color:moccasin;
}
a:link { color:midnightblue;}
a:visited {color:cadetblue;}
a:hover {background-color:darkorange;}
a:active {color:linen;}

.header {
  margin-left:280px;
}
.linkmenu {
  margin-left:120px;
}

#outline {
 width:900px;
 height:760px;
 text-align:left;
 border:solid 3px fuchsia;
 background-color:aquamarine;
 background-image:url("../image/web-back/wood1.jpg");
 margin:0 auto;
}
.outline-margin { width:890px;
                  height:740px;
                  border:none 4px darkturquoise;
                  margin:0 auto;
 } 
.main {width:670px;
       height:580px;
       float:right;
       margin-top:5px;
       margin-bottom:5px;
       margin-right:5px;
       margin-left:2px;
       border:none darkslateblue;
       background-color:#FFF8DC;
       background-image:url("../image/web-back/pattern01.jpg")
 }

.side {width:210px;
       height:480px;
       margin-top:5px;
       margin-bottom:5px;
       margin-right:5px;
       margin-left:5px;
       float:left;
       border:none 3px lime;
       background-color:#E0FFFF;
       background-image:url("../image/web-back/sand.jpg")
 }

.clrboth { clear:both; }
.footer {width:790px;
         height:200px;
         margin-top:5px;
         margin-bottom:5px;
         margin-right:5px;
         margin-left:5px;
         background-color:#CC99CC
         background-image:url("../image/web-back/notes.gif")
}

 h2   {
       color:#ccffcc;
       background-color:#006633;
       fontsize:24px;
}

 h3   {
       color:#ffff33;
       background-color:#336699;
       fontsize:24px;
}

 p    {
       color:#ffffcc;
       white-space:normal;
       line-height:1.5em;
       font-size:18px;
       font-weight:bold;
}

 .main-li {
           line-height:1.5em;
           font-size:16px;
           font-weight:bold;
}

.prevbtn   {position:absolute; top:680px; left:400px;}
.nextbtn   {position:absolute; top:680px; left:460px;}
.img00_pos {position:relative; top:15px;  right:5px;  float:right;}
.img01_pos {position:absolute; top:340px; left:60px;  float:left;}
.img02_pos {position:relative; top:3px;   left:0px;   float:left;}
.img03_pos {position:absolute; top:380px; left:90px;  float:left;}
.img04_pos {position:absolute; top:680px; left:620px; float:left;}
.img05_pos {position:relative; top:20px;  left:10px;  float:right;}

.menu {
	font-size:0.65em;
	margin-left:110px;
	margin-right:400px;
	margin-bottom:50px;
	margin-top:50px;
	background-color:#ffffff;
	height:2em;
	position:relative;
	top:0;
	left:100;
	}

#menu1 {
	position:absolute;
	left:300;
	top:300;
	}

.menu a {
	color:#ffffff;
	background-color:#5e8eab;
	text-decoration:none;
	display:block;
	width:80px;
	line-height:2em
	}

.menu a:hover {
	background-color:#49abdb
	}

.menuhead {
	border-right:solid 1px #ffffff
	}

.submenu {
	visibility: hidden;
	position:absolute;
	left:200
	}

.submenu a {
	background-color:#005aaf;
	border-top:solid 1px #ffffff;
	}

.menu span {
	color:#c5e1ed;
	display:none
	}