/* CSS Document */
div#nav{position:fixed;top:20px;left:10px;text-align:left;margin:0;padding:0;font:600 16px sans-serif;width:126px;border-bottom:1px solid #ecce55;z-index:11;}
div#nav li a{color:#fff;display:block;padding:0;margin:0;width:126px;text-decoration:none;text-align:left;}
div#nav>li a{width:auto;}
div#nav a:hover{color:#000;}
div#nav ul {margin:0;padding:0;width:126px;}
div#nav li {position:relative;list-style:none;margin:0;float:left;width:126px;/*removable?-->*/background-color:#000;border-top:1px solid #ecce55;}
div#nav ul.level2 li{width:190px;}/*added*/
div#nav ul.level2{width:190px;}/*added*/
div#nav ul.level1 li.submenu:hover a{width:190px;}/*added*/

div#nav>ul li{background: #031014 url("../images/lotus_black.jpg") fixed -115px -30px no-repeat;}
/*following changes background yellow; note that this persists when mouse moves to submenu.*/
div#nav li:hover {background-color:#8bb16b;}
div#nav>ul li:hover {background: #c3ad1a url("../images/lotus_pale.jpg") fixed -115px -30px no-repeat;}
div#nav ul.level1 li.submenu a{background:transparent url(../images/arrow_right_fff.gif) 92% 50% no-repeat;}
/*persists hover color and arrow!*/div#nav ul.level1 li.submenu:hover a{color:#000;background:transparent url(images/arrow_right_000.gif) 92% 50% no-repeat; border-bottom:1px solid #ecce55;}/*width added*/
div#nav ul.level1 li.submenu a:hover{color:#000;background:transparent url(../images/arrow_right_000.gif) 92% 50% no-repeat;}
/*div#nav li.nosub a{background-image:none;}
li.nosub a:hover{background-image:none;}*/
/*position relative in next rule would leave colored background in level 1 showing*/
div#nav ul ul {position:absolute;left:126px;top:-1px;width:126px;display:none;border-bottom:1px solid #ecce55;}
/*following 2 rules set right arrow states in 2nd level <a> tags*/
div#nav ul.level1 li.submenu ul.level2 li.nosub a {color:#fff;background:none;}
div#nav ul.level1 li.submenu ul.level2 li.submenu a {color:#fff;background: transparent url(../images/arrow_right_fff.gif) 92% 50% no-repeat;}
div#nav ul.level1 li.submenu ul.level2 li.nosub a:hover {color:#000;background:none;}
div#nav ul.level1 li.submenu ul.level2 li.submenu a:hover {color:#000;background:transparent url(../images/arrow_right_000.gif) 92% 50% no-repeat;}
/*persists hover color and arrow in 2nd level while 3rd shows!*/
div#nav ul.level1 li.submenu ul.level2 li.submenu:hover a{color:#000;background:transparent url(../images/arrow_right_000.gif) 92% 50% no-repeat;}
div#nav ul.level1 li.submenu ul.level2 li.submenu ul.level3 li.nosub a{color:#fff;background-image:none;}
div#nav ul.level1 li.submenu ul.level2 li.submenu ul.level3 li.nosub a:hover{color:#000;background-image:none;}

div#nav ul.level1 li.submenu:hover ul.level2,
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;border-left:1px solid #ecce55;border-right:1px solid #ecce55;}
/*div#nav ul.level1 li.submenu ul.level2 li.submenu ul.level3 li.nosub{border-left:1px solid #ecce55;border-right:1px solid #ecce55;}*/
div#nav>ul.level1 li.submenu ul.level2 li.submenu ul.level3 li.nosub{background: #031014 url("../images/lotus_black.jpg") fixed -115px -30px no-repeat;border-left:1px solid #333;border-right:1px solid #333;}
div#nav ul.level1 li.submenu ul.level2 li.submenu ul.level3 li:hover{background-color:#fc0;}
div#nav>ul.level1 li.submenu ul.level2 li.submenu ul.level3 li:hover{background: #c3ad1a url("../images/lotus_pale.jpg") fixed -115px -30px no-repeat;border-left:1px solid #333;border-right:1px solid #333;}