
/* Left side nav */
div#nav { float: left; width: 175px; margin: 0px 0px 0px -1px; padding: 0px; background-color: #336600;  }
div#nav ul { margin: 0px; padding: 0px; width: 175px; background: #336600; border-right: 1px solid black; border-left: 1px solid black; border-top: 1px solid black; font-size: 10px; font-weight: bold; }
div#nav ul.level2 { background-color: #336600; font-weight: normal;  }
div#nav ul.level3 { background-color: #336600; font-weight: normal; }
div#nav li { margin: 0px; padding: 0; position: relative; list-style: none; border-bottom: 1px solid gray; }
div#nav li:hover { background-color: black; }  /* level one nav - no children*/

/* Left side print this page button */
div#navprint a { font-weight: bold; text-align: left; font-size: 65%; font-family: verdana, geneva, sans-serif; text-decoration: none; color: #000; background: #ccc; display: block;  margin: 0px 0px 0px 0px; padding: 3px 0px 3px 2px; voice-family: "\"}\""; voice-family: inherit; width: 173px; border-bottom: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; }
div#navprint a:hover { color: #fff; background: #666; border-bottom: 1px solid black; }

/* for arrow graphic div#nav li.submenu { background: url(submenu.gif) 95% 50% no-repeat; } */
div#nav li.submenu { background: url(/images/arrow_right.gif) 98% 50% no-repeat; }
div#nav li.submenu:hover { background-color: black;  } /* level one nav - with children*/
div#nav li a { display: block; padding: 2px 12px 2px 5px; text-decoration: none; width: 158px; color: white; }
div#nav li a:hover { color: black; background-color: silver; }
div#nav>ul a { width: auto; }
div#nav ul ul { position: absolute; top: 0; left: 175px; display: none; }
div#nav ul.level1 li.submenu:hover ul.level2,
div#nav ul.level2 li.submenu:hover ul.level3 { display:block; }

 /* Horizontal Nav { background: url(/images/topnav_strip.jpg) no-repeat; }  */
div#topnav  { float: right; margin: 0px 0px 0px 0px; padding: 0px 44px 0px 0px; width: 580px; height: 21px; background-color: #336600;  border-bottom: 1px solid black; } 
div#topnav p { margin: 0px; padding: 5px 5px 5px 10px; font-size: 65%; color: #FFFFFF; font-weight: bold; }
div#topnav ul { margin: 0; padding: 0px; background: #336600; text-align: left; width: auto; font-size: 10px; font-weight: bold; }
div#topnav li { position: relative; list-style: none; margin: 0px; padding: 3px 8px 2px 8px; float: right;  border-left: 1px solid silver;}
div#topnav li:hover { background-color: #336600; }  /* level one nav - no children*/
div#topnav li li.submenu { background: url(/images/arrow_right.gif) 98% 50% no-repeat; }
div#topnav li li.submenu:hover { background-color: #336600;  }
div#topnav li a { display: block; padding: 0; text-decoration: none; width: auto; color: white; }
div#topnav li a:hover {  text-decoration: none;  }
div#topnav ul a { width: auto; }
div#topnav ul ul { position: absolute; width: 175px;  display: none; border-top: 1px solid black;   }
div#topnav ul ul li { float: left; width: 158px; border-right: 1px solid black; border-bottom: 1px solid gray; }
div#topnav ul.level1 li.submenu:hover ul.level2,
div#topnav ul.level2 li.submenu:hover ul.level3 { display:block;  }
div#topnav ul.level2 { top: 19px; left: -1px; margin-top: 2px; font-weight: normal; }
div#topnav ul.level3 { top: -1px; left: 174px; border: 1px solid #000; font-weight: normal;  }