/* #slide height = (number of top level links - 1) * height of links + inner div height */
#slide {padding:0; margin:0; list-style:none; width:100%; float:left; overflow:hidden;font-size:11px; }

#slide li.sub,
#slide li.top
{display:block; float:left; height:24px; line-height:24px; width:100%; text-decoration:none;border-bottom:1px solid #000; text-indent:20px; overflow:hidden; cursor:pointer;}

#slide li.sub {
	/*background:#eee url(arrows/out.gif) no-repeat 5px 8px;*/
}

#slide li.top a {
	text-decoration:none; display:block; 
	/*background:url(arrows/out.gif) no-repeat 5px 8px;*/
}
#slide li.top a:hover {
	/*color:#069; background:#ddd url(arrows/out-over.gif) no-repeat 5px 8px;*/
}

#slide li.clicked {
	/*color:#800; background:#ddd url(arrows/down.gif) no-repeat 5px 8px;*/
}

/* #slide li.sub div height = (maximum sub lines * sub line height) + top level link height(variable fY in jQuery) */
#slide li.sub div { width:100%; padding:0 15px; line-height:1.2em; text-indent:0;}

#slide li div ul {padding:0; margin:0; list-style:none;}
#slide li div ul li {float:left; height:20px; width:100%;}
#slide li div ul li a {
	padding:0; margin:0; text-decoration:none;
	/*background:#fff url(arrows/out.gif) no-repeat 5px 6px;*/ 
	font-size:10px; display:block;  height:19px; line-height:19px; width:100%; text-indent:20px;
}
#slide li div ul li a:hover {
	/*color:#069; background:#fff url(arrows/out-over.gif) no-repeat 5px 6px;*/
}