body {background-color: red; font-size: 0.9em; 
      font-family: helvetica, verdana, arial, sans-serif; 
      margin-top: 2px; 
      margin-left: 5px;
      background-color: rgb(95%,95%,95%);
      }

.nonprinting {display: none;}

hr {border: 1px dotted rgb(97%,98%,94%);}



div.mainbody {
              max-width: 1050px;
              background-color: rgb(98%,99%,99%); 
              padding: 5px;
              margin: 5px; 
               }



table {
       font-family: helvetica, verdana, arial, sans-serif; 
       }


table.pg {width: 100%;
       }

.topmenu {
       background-color: rgb(99%,98%,98%);
       }




tr {vertical-align: top}
td {border: 1px solid #ftfree;}

select.sharetype {width: 110px; color: teal; background-color: rgb(99%,99%,85%); font-style: italic}
select.multi {width: 450px}
select.multi option {width: 150px}
input[disabled='disabled'] {background: teal; color: black}



input.i1 {width: 220px}
table.secthead {border: solid black 1px; height: 60px; width: 60px}

h1 {font-size: 1.4em; 
    font-style: bold; 
    color: teal; 
    background: 99cccc; 
    text-align: left; 
    padding: 4px; 
    margin-top: 1px;
    margin-bottom: 1px}

h2 {font-size: 1.3em; text-align: left}
h4 {font-size: 1.3em; align: center}
h5 {font-size: 1.1em; 
    font-style: bold; 
    color: teal; 
    background: #99cccc; 
    text-align: left; 
    margin-top: 0px;
    margin-bottom: 3px}
b {font-size: 1.0em}
.paragraphtitle {font-size: 1.2em; font-weight: bold; color: teal; background: rgb(50%,80%,80%); text-align: left; margin-bottom: 4px; padding: 4px}
.pb {page-break-after: always}

.chb {height: 17px; width: 17px; border-left: 1px solid teal; border-top: 1px solid teal; border-bottom: 3px solid teal; border-right: 3px solid teal; font-family: verdana, helvetica,arial,sans-serif; font-size: .9em; padding: 0px; text-align: center; vertical-align: center; font-weight: bold}

input.button {height: 25px; 
              width: 169px; 
              margin: 2px; 
              color: teal; 
              background-color: rgb(94%,90%,80%); 
              border-top: none; 
              border-left: none; 
              border-bottom: 2px solid gray; 
              border-right: 2px solid gray}
input.reportbutton {height: 25px; 
              width: 275px;
              margin: 2px;  
              color: teal; 
              background-color: rgb(94%,90%,80%); 
              border-top: none; 
              border-left: none; 
              border-bottom: 2px solid gray; 
              border-right: 2px solid gray}
input.buttoncurrent {height: 25px; 
                    width: 169px; 
                    margin: 2px; 
                    color: teal; 
                    font-style: italic; 
                    border-top: none; 
                    border-left: none; 
                    border-bottom: 2px solid gray; 
                    border-right: 2px solid gray; 
                    background-color: #cccccc}

input.button2 {height: 20; width: 80; color: teal; background-color: rgb(94%,90%,80%); border-top: none; border-left: none; border-bottom: 1px solid gray; border-right: 2px solid gray}
input.button3 {height: 20; width: 120; color: teal; background-color: rgb(94%,90%,80%); border-top: none; border-left: none; border-bottom: 2px solid gray; border-right: 2px solid gray}


button {height: 22; width: 120; color: maroon; border-top: none; border-left: none; border-bottom: 2px solid teal; border-right: 2px solid teal}



.trow  {font-weight: bold;
        font-size: 1.0em;
        border-bottom: 1px solid black;
        border-top: 2px solid gray;
        border-left: none;
        border-right: none;
        }

th {text-align: left; font-weight: bold; padding: 3px}

.rtable {border-bottom: 1px solid gray;
         border-right: 1px dotted gray;
         padding: 4px;
         }

.quicklink {background-color: rgb(98%,98%,91%); border-left: 0px; border-top: 0px; border-bottom: 2px solid gray; border-right: 0px;} 

.readbox {border-left: none;
          border-top: none; 
          border-right: none;
          border-bottom: 1px dotted teal;
          background-color: rgb(95%,95%,98%);
          }

div.bpoint {padding-left: 20px; padding-bottom: 6px;}


.menu1 {
        float: left;
        border-left: 1px solid silver;
        border-right: 1px solid white;
        border-top: 1px solid white;
        border-bottom: 1px solid silver;
        margin-top: 3px;
        margin-bottom: 0px;
        margin-left: 1px;
        margin-right: 14px;
        padding: 2px;
        padding-left: 13px;
        padding-right: 13px;
        text-align: center;
        font-size: 0.95em; 
        }

.menu2 {
        float: left;
        border-left: 1px solid silver;
        border-right: 1px solid silver;
        margin-top: 3px;
        margin-bottom: 0px;
        margin-left: 14px;
        margin-right: 14px;
        padding: 1px;
        padding-left: 13px;
        padding-right: 13px;
        text-align: center;
        }

.menuon {background-color: rgb(90%,70%,20%);
        float: left;
        border-left: 1px solid silver;
        border-right: 1px solid silver;
        margin-top: 3px;
        margin-bottom: 0px;
        margin-left: 14px;
        margin-right: 14px;
        padding: 1px;
        padding-left: 13px;
        padding-right: 13px;
        text-align: center;
        }

.menulink   {font-family: geneva; helvetica; serif;
             font-size: 0.9em;
             font-weight: normal;
   
             }

a.menulink:link {text-decoration: none;
                    color: black;
                    font-weight: normal;
                    }
a.menulink:visited {text-decoration: none;
                    color: black;
                    font-weight: normal;
                    }

a.menulink:hover {text-decoration: underline;
                    color: red;
                    font-weight: normal;
                    }

a.menulink:active {text-decoration: underline;
                    color: red;
                    font-weight: normal;
                    }


img.topmenu  {border: none; 
              width: 154px;
              height: 26px;
              padding-top: 6px;
              padding-right: 2px;
              padding-botom: 0px;
              }

#topnav {
        width: 830px;
	background-color: #E5FFCC;
	border: none;
	}



img.plantphoto {border-right: 1px dotted green; 
                border-top: 1px solid green; 
                border-left: 1px solid green; 
                border-bottom: 1px dotted green; 
                padding: 3px; 
                margin: 3px;
                width: 200px; 
                height: 144px}

.clearimage {clear: both;
             line-height: 0px;
             height: 0px;
             border: none 0;
             padding: 0px;
             width: 0px;
             
              }

h1               {font-family: lucida, verdana, arial, sans-serif; 
                  font-size: 1.1em; 
                  background-color: rgb(40%,90%,60%);
                  color: rgb(10%,30%,20%);
                  font-weight: bold;
                  padding-top: 4px; 
                  margin-top: 15px; 
                  padding-bottom: 5px; 
                  margin-bottom: 2px;
                  padding-left: 6px;
                  padding-right: 6px;
                  }

h2               {font-family: geneva, serif; 
                  font-size: 1.1em; 
                  margin-top: 10px;
                  color: rgb(10%,30%,20%);
                  padding-bottom: 2px; 
                  margin-bottom: 2px
                  }

h1.bannertitle  {font-size: 1.9em; 
                 font-weight: bold; 
                 font-family: verdana,arial,helvetica; 
                 font-style: italic; 
                 background-color: white; 
                 color: rgb(20%,60%,45%); 
                 padding-bottom: 4px; 
                 padding-left: 4px;
                 padding-right: 4px; 
                 margin-bottom: 1px; 
                 margin-top: 3px; 
                 padding-top: 2px; 
                 border-bottom: 1px dotted silver;
                 }

p.bannertitle2  {padding-top: 0px; 
                  margin-top: 0px; 
                 font-size: 1.1em; 
                 font-weight: bold; 
                 font-family: verdana,arial,helvetica; 
                 color: rgb(20%,30%,20%);
                  }

td.calendarsquare {width: 80px; height: 80px; border: 1px solid silver}
td.calendarheading {width: 80px; border: 1px solid silver}

ul.menubar {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: rgb(80%,95%,80%);
}

li  {
    float: left;
}

li a, .dropbtn {
    display: inline-block;
    color: rgb(10%,20%,10%);
    text-align: center;
    padding: 6px 8px;
    text-decoration: none;
    font-size: 0.9em; 
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
    border-left: 3px solid white;
    border-top: 1px solid white;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: orange;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}