body { font-size: small; font-family: Verdana, Geneva, Arial, helvetica, sans-serif; background-color: #fff; margin: 0; padding: 0; height: 100% ;}
#bodyText { color: #6c6c6c; clear: none; overflow: auto; }	


#navi { position: fixed; left: 30px; top: 30px; z-index:2;}
#navi li { margin: 0 10px 0 0; display:inline; list-style:none; }
#navi a { color: #fff; font-size: 0.9em; text-decoration: none; }   
#navi a:hover { color: #9bb2bb; } 



*html body???#content   { width: auto; height: 90%; z-index: 0; margin-top: 150px; margin-bottom: 100px; margin-left: 230px; float:left;}
#content   { width: auto; height: 90%; z-index: 0; margin-top: 150px; margin-bottom: 100px; margin-left: 230px; float:left;}
.notebox{ color: #6c6c6c; font-size: 1em;line-height: 150%; width: 600px; height: auto; margin-bottom: 30px;clear: none; overflow: auto; }
#content a:hover { color: #9bb2bb; } 

img.noteimg{ width: 600px; height: 400px; clear: none; margin: 10px 0; }