body { background: #e7fff1; color: #01471b;  font-family: verdana, sans-serif; font-size: 10pt;  }

div.main { width: 775px;  }
div.nav  {  width: 140px; height: 440px; border: 1px solid #01471b; float: left; padding: 2px; margin-top: 10px  }
div.a1    { width: 138px; background-color: #22a258; margin-top: 5px }
div.a2    { width: 138px; background-color: #3db06d; margin-top: 5px }
div.a3    { width: 138px; background-color: #5bbd84; margin-top: 5px }
div.a4    { width: 138px; background-color: #78cc9b; margin-top: 5px }
div.a5    { width: 138px; background-color: #96d8b2; margin-top: 5px }
div.a6    { width: 138px; background-color: #b1e6c8; margin-top: 5px }
div.a7    { width: 138px; background-color: #cff5de; margin-top: 5px }

a { color: #01471b; text-decoration: none }
a:visited { color: #01471b }
a:hover   { color: #e7fff1; background-color: #22a258; text-decoration: underline }


h1 { font-size: 20pt; }
h2 { font-size: 16pt;  }
h3 { font-style: italic; font-size: 10pt }

ul { list-style: circle inside }


p.small { font-size: 8pt }

img.draw { float: left; border: thin solid #01471b;  }