
   * {padding:0; margin:0}
   p, h1, h2, h3, h4 {padding-bottom:0.7em; padding-left:6px; padding-top:0.1em; padding-right:6px}
   a {color:white}
   a:hover {text-decoration:none}
   
   html, body {height:100%}
   body {font-size:90%; font-family:Georgia, "Times New Roman", serif}
   #wrap {min-height:100%}
   #main {margin:0 auto; background-color:#ABE1E4; min-height:100%; width:800px; position:relative; padding-bottom:3em}
   #header {border:solid 1px #333333; width:792px; padding:3px; background:#FFFFFF; margin-bottom:40px}
   
   #navi {float:left; overflow:hidden; width:160px; background:#FFFFFF; margin-left:3px; background:#ABE1E4}
    #navi li {list-style:none; display:block; background:url(img/navi_on.png) repeat; border:white 1px solid; font-size:0.8em; width:158px}
	#navi li li {padding-left:8px; font-size:0.9em; width:149px}
   #navi a {color:white; text-decoration:none; display:block; padding:5px; font-weight:bold}
    #navi a:hover {background:url(img/navi_off.png)}
    #navi .active {background:url(img/navi_active.png)}
   
   #content {background-color:#99E897; width:600px; margin-left:180px; min-height:500px}
    #content ul, #content ol {margin:1em 2em}
   #footer {width:798px; height:2em; background:#FFFFFF; position:relative; border:solid 1px #333333; clear:both; margin-top:20px}
    #footer p {color:#666666; font-size:0.8em; padding-top:10px}
    #footer a {color:black}

