body {background: #337733; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 16px;}
.main {border: solid 1px; margin: 12px; margin-top: 22px; background: #ffffff;  border-top-color: #000000; border-left-color: #000000; border-bottom-color: #cccccc; border-right-color: #cccccc;}
.main2 {border: solid 1px; margin: 8px; padding: 4px; background: #77ff77;  border-top-color: #cccccc; border-left-color: #cccccc; border-bottom-color: #000000; border-right-color: #000000;}
.navi {position: absolute; top: 16px; width: 100%; text-align: center; background: none; padding: 2px; font-size: 80%;}
.navi a {padding: 3px; padding-left: 10px; padding-right: 10px; margin-left: 5px; margin-right: 5px; margin-top: 2px; margin-bottom: 2px; border: solid 1px; background: #669966; text-decoration: none; border-top-color: #cccccc; border-left-color: #cccccc; border-bottom-color: #000000; border-right-color: #000000; color: white;}
.navi a:hover {border: solid 1px; background: #eeeeee; border-top-color: #000000; border-left-color: #000000; border-bottom-color: #cccccc; border-right-color: #cccccc; color: #000000;}
.navi b {padding: 3px; padding-left: 10px; padding-right: 10px; margin-left: 5px; margin-right: 5px; margin-top: 2px; margin-bottom: 2px; border: solid 1px; background: #bbbbbb; border-top-color: #000000; border-left-color: #000000; border-bottom-color: #cccccc; border-right-color: #cccccc; color: #000000; font-weight: bold;}
h1 {display: block; width: 100%; padding: 4px; margin: 15px; color: #000000; font-size: 150%; border: solid 1px; text-align: center;  border-top-color: #000000; border-left-color: #000000; border-bottom-color: #cccccc; border-right-color: #cccccc;}
.copy {text-align: right; font-size: 70%; }