<!-- BEGIN: tree -->
<li>
	<a title="{MENUTREE.note}" href="{MENUTREE.link}" class="sf-with-ul"{MENUTREE.target}>{MENUTREE.title_trim}</a>
	<!-- BEGIN: icon -->
	<img src="{MENUTREE.icon}" />&nbsp;
	<!-- END: icon -->
	<!-- BEGIN: tree_content -->
	<ul>
		{TREE_CONTENT}
	</ul>
	<!-- END: tree_content -->
</li>
<!-- END: tree -->
<!-- BEGIN: main -->
<div class="clearfix panel metismenu">
	<aside class="sidebar">
		<nav class="sidebar-nav">
			<div class="navigation">
			  <ul>
			  	<!-- BEGIN: loopcat1 -->
			  	<li class="has-sub"> <a title="{CAT1.note}" href="{CAT1.link}"{CAT1.target}>{CAT1.title_trim}</a>
			  		<!-- BEGIN: cat2 -->
				  		
				  		<ul class="submenu-content">
				  			{HTML_CONTENT}
				  		</ul>
			  		<!-- END: cat2 -->
			  	</li>
			  	<!-- END: loopcat1 -->
			  </ul>
			</div>
		</nav>
	</aside>
</div>
<script type="text/javascript">
$(function () {
	$('#menu_{MENUID}').metisMenu({
        toggle: false
    });
});
</script>
<!-- END: main -->