/* 1 - This handles the hover state for the top-level LI items  */
#sidebar .ratez { text-align: left;	display: block; }
#sidebar .ratez ul {}
#sidebar .ratez ul li { list-style-type: none; margin: 0px; padding: 0px; }
#sidebar .ratez ul li a { display: block; }
#sidebar .ratez ul li a:hover { text-shadow: 1px #999999; }
#sidebar .ratez ul li.current_page_item a { color: #fff; }

/* 2 - This hides the nested UL before you hover */
#sidebar .ratez li ul { position: absolute; left: -999em; opacity: 1; }

/* 3 - This shows the nested UL when you hover */
#sidebar .ratez li:hover ul, 
#sidebar .ratez li.sfhover ul { left: auto; display:  block; z-index: 1000; }

/* 4 - This is the style for the nested UL */
#sidebar .ratez li:hover ul, 
#sidebar .ratez li.sfhover ul {display: block; }

/* 5 - This is the style for the LI items within the nested UL */
#sidebar .ratez li:hover ul li,
#sidebar .ratez li.sfhover ul li { display: block; text-align: left; }

/* 6 - This is the style for the links withing the LI items within the nested UL */
#sidebar .ratez li:hover ul li a,
#sidebar .ratez li:hover ul li.current_page_item a,
#sidebar .ratez li.sfhover ul li a,
#sidebar .ratez li.sfhover ul li.current_page_item a { display: block; }
	
/* 7 - This is the style for the hover state on the links within the LI items within the nested UL */
#sidebar .ratez li:hover ul li a:hover, 
#sidebar .ratez li.sfhover ul li a:hover {}
#sidebar .ratez li:hover ul li a, #sidebar .ratez li:hover ul li a:hover {}