<!-- nav is an HTML5 element. Use div if you are using HTML4. -->
<nav class="lotusMenu" role="navigation" aria-label="[Menu navigation]"><div class="lotusBottomCorner"><div class="lotusInner">
	<div class="lotusMenuSection">
	 <ul role="toolbar">
	  <li role="presentation"><a role="button" aria-pressed="false" href="javascript:;">Menu Item<span class="lotusUnreadBadge">12</span></a></li>
	  <li class="lotusSelected lotusPrimarySelect" role="presentation"><a role="button" aria-pressed="true" href="javascript:;"><strong>Primary Selected Item</strong></a></li>
	  <li role="presentation"><a role="button" aria-pressed="false" href="javascript:;">Menu Item</a></li>
 	</ul>
	 <div class="lotusChunk lotusTiny"><a class="lotusAction" role="button" href="javascript:;">New section</a></div>
	</div><!--end section-->
	<div class="lotusMenuSection" role="tree">
	<header class="lotusMenuHeader" role="presentation"><a class="lotusArrow lotusTwistyOpenMenu" role="button" aria-expanded="true" href="javascript:;" title="Collapse section"><span class="lotusAltText">&#x25bc;</span></a><h3 class="lotusHeading"><a role="treeitem" aria-expanded="true" href="javascript:;">Open Section</a></h3></header>
	<div class="lotusMenuSubsection" role="group">
	 <ul role="presentation">
	  <li><a role="treeitem" href="javascript:;">Home</a></li>
	  <li><a role="treeitem" href="javascript:;">All Entries by Date</a></li>
	  <li><a role="treeitem" href="javascript:;">All Entries by Type</a></li>
	  <li><a role="treeitem" href="javascript:;">Trash</a></li>
	  </ul>
	  </div><!--end subsection-->
	  </div><!--end section-->
	  
	  <div class="lotusMenuSection" role="tree">
	  <header class="lotusMenuHeader" role="presentation"><a class="lotusArrow lotusTwistyOpenMenu" role="button" aria-expanded="true" href="javascript:;" title="Collapse section"><span class="lotusAltText">&#x25bc;</span></a><h3 class="lotusHeading"><a role="treeitem" aria-expanded="true" href="javascript:;">Menu Icons</a></h3></header>
	  <div class="lotusMenuSubsection" role="group">
	  <ul class="lotusIcons" role="presentation">
		  <li><a role="treeitem" href="javascript:;"><img class="lotusIcon yourProductSprite yourProductSprite-iconPlaceholder16" src="../../css/images/blank.gif" alt="Icon type" />Menu Item</a></li>
		  <li><a role="treeitem" href="javascript:;"><img class="lotusIcon yourProductSprite yourProductSprite-iconPlaceholder16" src="../../css/images/blank.gif" alt="Icon type" />Menu Item</a></li>
		  <li class="lotusSelected" role="presentation"><a role="treeitem" aria-selected="true" href="javascript:;"><img class="lotusIcon yourProductSprite yourProductSprite-iconPlaceholder16" src="../../css/images/blank.gif" alt="Icon type" />Secondary Selected Item</a></li>
		  <li><a role="treeitem" href="javascript:;"><img class="lotusIcon yourProductSprite yourProductSprite-iconPlaceholder16" src="../../css/images/blank.gif" alt="Icon type" />Menu Item</a></li>	 
	 </ul>	 
	</div><!--end subsection-->
	 </div><!--end section-->
</div></div></nav><!--end menu-->