*{margin:0; padding:0;}body{background-color:#FFFFDD;width:100%;}



#header{width:100%; #fff;background-color:green; height:80px; padding-top:3px}
#footer{width:100%;clear:both;background-color:#FFFFDD;height:10px;}



.contents p{margin:1em 0;}

li {list-style:none;}

#navigation {background-color:#FFFFDD;}
#contents {background-color:#FFFFDD;}


#contents{padding-left:2em;padding-right:2em;padding-top:1em;}
#navigation{padding-top:1em;padding-left:3px}



p.title {color:#f0f8ff; padding-left:20px;font-size: xx-large; }
p.subtitle {�@color:#ccffcc;  text-align:center;font-size: x-large; }
p.s {�@color:#ccffcc; font-size: 80%; }
p.mid {�@color:#ccffcc; font-size: 120%; }

hr{
height: 2px;
border: none;
border-top: 1px #000000 solid;
}




ul#menubar {
   margin: 0px; 
   padding: 0px; 
}
ul#menubar li {
   list-style-type: none; 
   float: left; 
   margin: 0.2em 0.1em;

   padding: 0px; 
   width: 8.5em;
   height: 3.0em; 
}

ul#menubartop li {
   list-style-type: none; 
   margin: 0.3em 0.1em;
   border: 1px green solid;
   padding: 0px; 
   
}



ul#menubar li a {
   background-color: #99ff66;
   text-decoration: none;
   display: block; 
   padding: 0.3em; 
   color: black;

}



ul#menubar li a:hover {
   background-color:#99ff66;
   color: white;
}