/*this is the css for the vertical version*/
              .vertical ul{
                     list-style-type: none;
                     padding: 0px;
                     border-top: 1px solid;
                     width: 204px;
              }
              .vertical li a{
                     display: block;
                     width: 200px;
                     text-decoration: none;
                     height: 1.2em;
                     padding: .1em 1px;
                     border: 1px solid;
                     border-top: 0px;
              }
              .vertical li{
                     /*Needed for IE. Don't ask me why, It was a lucky guess.*/
                     display: inline;
              }
              .vertical li ul{
                     position: absolute;
                     margin-top: -1.3em;
                     margin-left: 200px;
              }
              /*this is the css for the horizontal version*/
              .horizontal ul{
                     list-style-type: none;
                     padding: 1px;
                     border-left: 0px solid;
                     display: block;
                     height: 1.4em;
              }
              .horizontal li{
                     float: left;
                     display: inline;
                     font-family: Verdana, Arial, Helvetica, sans-serif;
                     font-size: 9pt;
              }
              .horizontal li a{
                     text-decoration: none;
                     height: 1.2em;
                     float: left;
                     display: block;
                     width: 98px;
                     height: 28px;
                     padding: .1em 1px;
                     border: 0px solid;
                     border-left: none;
              }
              .horizontal li li a{
                     border-top: none;
                     border-left: 0px solid;
              }
              .horizontal li ul{
                     position: absolute; 
                     margin-top: 1.3em;
                     margin-left: -1px;
                     width: 129px;
                     border: none;
                     display: block;
                     height: auto;
                     border-top: 0px solid;
              }
              .horizontal li li ul{
                     position: absolute;
                     margin-top: .1em;
                     margin-left: 125px;
              }
              .horizontal li ul li a{
              width: 125px;
              }
              /*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
              /*Not sure if I recommend this or not*/
              .inaccesible li ul{
                     display: none;
              }
              /*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class*/
              .arrow a span{
              visibility: hidden;
              padding-left: 1em;
              font-size: 85%;  
              }
              .arrow a:hover span{
              visibility: hidden;
              padding-left: 2em;
              }
              .arrow a span.noshow{
                     visibility: hidden;
              }
              /*Plus code*/
              .plus a span{
                     padding-left: .5em;
              }
              /*colors for menu*/
              .blackwhite li a{
                     background-color: #148B30;
                     color: black;
                     border-color: black;
              }
              .blackwhite li a:hover{
                     background-color: #148B30;
                     color: white;
                     border-color: black;
              }
              .blackwhite ul{
                     border-color: black;
              }
              .bluewhite li a{
                     background-color: #194923;
                     color: #f8fdd4;
                     border-color: #000033;
              }
              .bluewhite li a:hover{
                     background-color: #1c622d;
                     color: #f2fea4;
                     border-color: #000033;
              }
              .bluewhite ul{
                     border-color: #000033;
              }