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

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

a{ color:#666;}

#menu ul.top
{
	padding-left:0;
	
}


#menu
{
    padding:8px 0px 0px 0px; 
    text-align:left;
   font-family:Helvetica, Arial;
    color:#666666; 
    text-decoration:none;
    outline:none;
	font-size:18px;
	width:100%;
}

#menu #menu div:hover, #menu a.link:hover, 
{
    color:#000;
    font-weight:normal;
    text-decoration:none;   
}

/*Top level link without children*/
#menu a.current, #menu a.current:hover
{
    color:#666;
    text-decoration:none;   
}







/* ##### Sub level items #####*/
#menu ul.sub
{
	padding-left:20px; /*This determines the hierarchical offset*/ 
}

#menu ul.sub div.heading
{
    text-align:left;
    padding:5px; padding-left:20px;
    color:#000;
    background:none; 
	font-size:18px; color:#CCC; 
}
#menu ul.sub div.heading a
{
    color:#000;
}

#menu ul.sub div.current
{
    color:#000;
    background:none; 
}

#menu ul.sub a.link
{
    color:#ccc;
	font-size:18px;
	font-family:Helvetica, Arial;
    padding:5px; padding-left:20px;
    text-decoration:none;
    background:none; 
}
/* ##### Followings usually don't need modification ###### */
/*Hack the font-size:0 bug for IE6 */
#menu,  #menu ul
{
    display:block;
    font-size:0px;
    line-height:0px;
}
#menu li {font-size:18px; line-height:25px;font-family:Helvetica, Arial;}
#menu:after {content:'.';height:0;clear:both;display:block;visibility:hidden;} 

/*Hack for IE6-7*/
#menu ul, #menu li, #menu div.heading, #menu a.smLink, #menu div.description {*zoom:1;}
#menu li {*float:left;*width:100%;}

#menu ul
{
	position:relative;/*!*/
	overflow:hidden;
	padding:0;margin:0;list-style-type: none;padding-left:35px; width:100%;
}

#menu ul ul{ padding-left:25px;}
#menu>ul{visibility: hidden;}
#menu li {padding:0;margin:0;}
#menu li a{ color:#ccc;}

#menu div.heading, #menu div.current
{
	position:relative;
    cursor: pointer;
}

#menu li li {line-height:18px;font-family:Helvetica, Arial;}