/* 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: auto;
    width: 280px;
	float: left;
	margin-top: 28px;
	margin-bottom: 20px
}

#acdnmenu ul.top
{
	padding-left:0;
    background:#E8EED7;
    border:1px solid #46561D;
}



#acdnmenu div.heading, #acdnmenu a.link
{
    padding:8px; padding-left:18px;
    text-align:left;
    font:normal 12px Verdana;
    color:#fff; 
    background:#8CAD3A;
    text-decoration:none;
    outline:none;
}


#acdnmenu div.heading:hover, #acdnmenu a.link:hover
{
background: #7E9B34
}


#acdnmenu div.current, #acdnmenu div:hover, #acdnmenu a.link:hover, #acdnmenu div.current a.link
{
    color:#fff;
    font-weight:normal;
    text-decoration:none;   
    background-position:0 -64px;
}


/* arrow image for the top headings */
#acdnmenu div.arrowImage {
    width:12px;
    height:12px;
    top:9px;
    left:3px; /* Changing it to "left:2px;" will position the arrow image to the left */
    background:url(//www.pigeoncontrolresourcecentre.org/html/assets/images/arrowDOWN.png) no-repeat top left;
   
}

#acdnmenu div.current div.arrowImage {
    
}

#acdnmenu li.separator
{
    border-top:1px solid #46561D;/*1*/
    border-bottom:none; 
}


/* ##### Sub level items #####*/
#acdnmenu ul.sub
{
	padding-left:14px; /*This determines the hierarchical offset*/ 
	height:0;
}

#acdnmenu ul.sub div.heading
{
    text-align:left;
    font-size: 0.9em;
    padding:5px; 
    color:Black;
    background:none; 
	padding-left: 20px
}
#acdnmenu ul.sub div.heading a
{
    color:Black;
}

#acdnmenu ul.sub div.current
{
    color:Black;
    background:none; 
}

#acdnmenu ul.sub a.link
{
    
    color:#333;
    padding:5px; 
	text-decoration:none;
	font-size: 0.9em;
	background: 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
{
    color:#46561D;
   
	background: #D6E1B8
    
}


#acdnmenu ul.sub div.arrowImage {
    width:12px;
    height:12px;
    top:6px;
    left:4px;
    background:url(//www.pigeoncontrolresourcecentre.org/html/assets/images/arrowDOWNgrey.png) no-repeat top left;
    
}
#acdnmenu ul.sub div.current div.arrowImage {
  
}



/* ##### Followings usually don't need modification ###### */
/*Hack the font-size:0 bug for IE6 */
#acdnmenu,  #acdnmenu ul
{
    display:block;
    font-size:0px;
    line-height:0px;
}
#acdnmenu li {font-size:12px; line-height:16px;}
#acdnmenu:after {content:'.';height:0;clear:both;display:block;visibility:hidden;} 
#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-type: none;padding-left:10px;
}
#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;}

#acdnmenu ul.sub div.heading:hover {background:#D6E1B8;}
#acdnmenu ul.sub li div.heading {margin-left: -15px}

#acdnmenu ul.sub li ul.sub a {background:#fff; }
#acdnmenu ul.sub li ul.sub a:hover {background:#fff;}

#acdnmenu ul.sub li ul.sub {margin-left: -30px}
#acdnmenu ul.sub li ul.sub li a {padding-left: 20px;color: #999}
#acdnmenu ul.sub li ul.sub li a:hover {color: #000}

#acdnmenu ul.sub li a:link {margin-left: -15px;padding-left: 15px}
#acdnmenu ul.sub li ul.sub li a:link {margin-left: 0}