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

/* 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; }
div#nav ul.level3 li.submenu:hover ul.level4 { display:block; }

 /* Horizontal Nav { background: url(images/topnav_strip.jpg) no-repeat; }  */
div#topnav  { float: left; margin: -2px 0px 0px 0px; padding: 0px; width: 775px; height: 18px; background-color: #00625F;  border-bottom: 1px solid black; } 
div#topnav ul { margin: 0; padding: 0px; background: #00625F; text-align: left; font-size: 12px; font-weight: bold; }
div#topnav li { position: relative; list-style: none; margin: 0px; padding: 3px 8px 2px 8px; float: left;  border-left: 1px solid silver; color: #BCDCBC; width: 4em;  }
div#topnav li:hover { background-color: #007E7A; }  /* 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: #007E7A;  }
div#topnav li a { display: block; padding: 0; text-decoration: none; width: auto; color: white; }
div#topnav li a:hover {  text-decoration: underline; background: #007E7A; }
div#topnav>ul a { width: auto; }
div#topnav ul ul { position: absolute; width: 130px;  display: none; border-right: 1px solid black; border-top: 1px solid black;   }
div#topnav ul ul li { border-bottom: 1px solid black;  float: left; width: 114px; }
div#topnav ul.level1 li.submenu:hover ul.level2 { display:block; }
div#topnav ul.level2 li.submenu:hover ul.level3 { display:block; }
div#topnav ul.level3 li.submenu:hover ul.level4 { display:block; }
div#topnav ul.level4 li.submenu:hover ul.level5 { display:block; }
div#topnav ul.level2 { top: 19px; left: -1px; margin-top: -1px; font-weight: normal;  }
div#topnav ul.level3 { top: -1px; left: 129px; border: 1px solid #000; font-weight: normal;  }
div#topnav ul.level4 { top: -1px; left: 129px; border: 1px solid #000; font-weight: normal;  }
div#topnav ul.level5 { top: -1px; left: 129px; border: 1px solid #000; font-weight: normal;  }