/* Sample vertical fly-out menu */

/* The following is *A SAMPLE ONLY* and is based off the "suckerfish"
   drop-down menu. Is it provided only as an example of what is possible
   using CSS and unordered lists.

   See: http://www.htmldog.com/articles/suckerfish/dropdowns/example/vertical.html
   and : http://www.htmldog.com/articles/suckerfish/dropdowns/

   For best effect, you'll want to set the config to render the whole tree,
   and you may want to add some before/after html to clear floats, etc...

   Note: to overcome MSIE's deficiency of not recognizing elements besides the 
   anchor tag for the hover event, add the following JS to your template header

<script type="text/javascript"><!--//--><![CDATA[//><!--

sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

//--><!]]></script>


*/



	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		width : 11em;
                list-style: none;
	}
	
        #nav li {
            background: url(images/bullet_lev_0.gif) 0 0.5em no-repeat;
        }

        #nav li li {
            background: url(images/bullet_lev_1.gif) 0 0.5em no-repeat;
        }

        #nav li li li{
            background: url(images/bullet_lev_2.gif) 0 0.5em no-repeat;
        }

        #nav li ul { /* second-level lists */

                margin-left : 1.355em;
                display:none;
        }
	
        #nav li a {

                color : white;
                margin-left:1em;
                text-decoration : none;
                font-size:12px;
        }
        
        #nav li li a {

                font-size:11px;

        }
/* Menu items with subcategories */	
#nav a.daddy {
	background: url(images/arrow_green.gif) center right no-repeat;
}

/* Selected items with subcategories */	
#nav li.selected {
    /*background-color: #FFCC00;*/
}

#nav li.selected ul, #nav li.selected li.selected ul{
    display:block;
}

#nav li.selected ul ul{
    display:none;
}

#nav li.selectedlink a.link_lev_0, 
#nav li.selectedlink ul li.selectedlink a.link_lev_1,
#nav li.selectedlink ul li.selectedlink ul li.selectedlink a.link_lev_2 {
    font-weight : bold;
}
/*
#nav li.selectedlink ul li.cat_lev_2 a {
    font-weight : normal;
}
*/