/*** styles for tree menus, EfnWeb, LLC. ***/

/* 
	HIERARCHY
	Note: this hierarchy assumes a navigation structure max three levels deep.
	If a structure deeper than three is needed, create new class for each new level called "subcatN" (where N = 3, 4, 5, etc.).
	Style margin-left as needed for each new level of depth.
	-----------------------------------------
	
	div.toggle // entire tree contained in this div to allow specific, self-contained styling
		// when multiple sub-categories exist:
		h1[category main name] > a(toggles div.subcat1 and subcat1 arrow image) > img.arrow
		div.subcat1 > category > a(toggles div.subcat2 and subcat2 arrow image) > img.arrow > subcat2 > a[gallery links]
		
		// when no sub-categories exist: 
		h1[category main name] > a(toggles div.subcat2 and subcat2 arrow image) > img.arrow	
		div.subcat2 > a[gallery links]		
	/div.toggle
*/
		
	div.toggle h1							{  /* text-indent: -30px; padding-left: -30px; */ }
	div.toggle img.arrow 					{ float: left; margin: 3px 10px auto auto; border: 0; }
	div.toggle div.subcat1, div.subcat2 	{ display: none; background-repeat: no-repeat; } 
											/* displays block w/Javascript toggle_gallery() */
											
	div.toggle div.subcat1					{ margin-left: 20px; }	
											/* main category, used when multiple sub-categories exist, contains sub-categories of galleries */
											
		div.toggle div.category				{  } 
											/* used only in conjunction with subcat1 when multiple sub-cats exist; 
												contains each sub category (child of subcat1, parent of subcat2 when subcat1 is used) */
												
		div.toggle div.category a, div.toggle div.category p
											{ display: block; } 
											/* display links block negating the need for P or BR tags. 
												Use P as temporary place holder */
											
			div.toggle div.subcat2			{ margin-left: 28px; }	
											/* sub-gallery, contains lists of links; subcat2 does not need 
												subcat1 as parent in cases when no sub-cats exist */
												
			div.toggle div.subcat2 a, div.toggle div.subcat2 p			
											{ display: block; margin: 1px auto auto 0px; _margin: 0; /* _msie */ }	
											/* links to galleries; lives as child of 
												subcat2 even if subcat1 is not used (when no sub-cats exist). 
												Use P as temporary place holder. */