/* Accordion Menu powered by www.menucool.com */

/* ##### Top level items #####*/

#acdnmenu{
    /* Note about height: 
    Set "height:auto;" if flexible height is required. 
    A fixed height is prefered as content below the menu won't be pulled down/up when the menu is expanding/collapsing. */
    height:0;  width:187px;}
#acdnmenu ul.top{padding-left:0; padding-bottom:1px;}
#acdnmenu div.heading, #acdnmenu a.link{padding:0; text-align:left; font:normal 12px Verdana; text-decoration:none; border-bottom:none; outline:none;}
#acdnmenu div.current, #acdnmenu div:hover, #acdnmenu a.link:hover, #acdnmenu div.current a.link{font-weight:normal; text-decoration:none;}

/*Top level link without children*/
#acdnmenu a.current, #acdnmenu a.current:hover{text-decoration:underline;}

/* arrow image for the top headings */
#acdnmenu div.arrowImage{width:12px; height:12px; top:9px; left:4px;
/* Changing it to "right:4px;" will position the arrow image to the right */
background-position:0 0;}
#acdnmenu div.current div.arrowImage{background-position:0 -12px;}
#acdnmenu li.separator{border-top:none; border-bottom:none;}

/* ##### Sub level items #####*/
#acdnmenu ul.sub{padding-left:0px; /*This determines the hierarchical offset*/}
#acdnmenu ul.sub div.heading{text-align:left; font:normal 12px Arial; padding:0; background:none; border:none;}
#acdnmenu ul.sub div.heading a{}
#acdnmenu ul.sub div.current{background:none;}
#acdnmenu ul.sub a.link{font:normal 11px Arial; padding:0; text-decoration:none; background:none; border:none;}
#acdnmenu ul.sub a.link:hover, #acdnmenu ul.sub a.current, #acdnmenu ul.sub div.heading a:hover, #acdnmenu ul.sub div.heading a.current{text-decoration:underline; background:none;}
#acdnmenu ul.sub div.arrowImage{width:12px; height:12px; top:6px; left:4px; background-position:0 -24px;}
#acdnmenu ul.sub div.current div.arrowImage{background-position:0 -36px;}

/* ##### Followings usually don't need modification ###### */
/*Hack the font-size:0 bug for IE6 */
#acdnmenu,  #acdnmenu ul{display:block; font-size:0px; line-height:0;}
#acdnmenu li{font-size:12px; line-height:16px;}
#acdnmenu:after{content:'.'; height:0; clear:both; display:block; visibility:hidden;} 

/*Hack for IE6-7*/
#acdnmenu ul, #acdnmenu li, #acdnmenu div.heading, #acdnmenu a.smLink, #acdnmenu div.description{*zoom:1;}
#acdnmenu li{*float:left; *width:100%;}
#acdnmenu ul{position:relative;/*!*/
	overflow:hidden; padding:0; margin:0; list-style:none; padding-left:0;}
#acdnmenu > ul{visibility:hidden;}
#acdnmenu li{padding:0; margin:0;}
#acdnmenu div.heading, #acdnmenu div.current{position:relative; cursor: pointer;}
#acdnmenu div.arrowImage{position:absolute; overflow:hidden;}