<!-- BEGIN: tree -->
<li>
	<a title="{MENUTREE.note}" href="{MENUTREE.link}"{MENUTREE.target}>{MENUTREE.title}</a>
	<!-- BEGIN: tree_content -->
	<ul>
		{TREE_CONTENT}
	</ul>
	<!-- END: tree_content -->
</li>
<!-- END: tree -->
<!-- BEGIN: main -->
<style type="text/css">
	#navigation{MENUID} a {
		background-color: transparent !important
	}

	#navigation .current, #navigation .current a {
		font-weight: bold
	}

	#navigation .current ul a {
		font-weight: normal
	}
</style>
<div class="boder-a">
	<ul id="navigation{MENUID}">
		<!-- BEGIN: loopcat1 -->
		<li {CAT1.class}>
			<img src="{CAT1.icon}" />&nbsp;
			<a title="{CAT1.note}" href="{CAT1.link}"{CAT1.target}>
				<i class="fa fa-1x fa-angle-double-right"></i>
				{CAT1.title}
			</a>
			<!-- BEGIN: cat2 -->
			<ul>
				{HTML_CONTENT}
			</ul>
			<!-- END: cat2 -->
		</li>
		<!-- END: loopcat1 -->
	</ul>
</div>
<div class="clear"></div>
<!-- END: main -->