<!-- NOTE: There will never be more than one thing selected in the menu at a time. These examples are to illustrate all the various states used. -->
<!-- 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" role="tree">
		
	 <!-- header is an HTML5 element. Use div if you are using HTML4. -->
	 <header class="lotusMenuHeader" role="presentation"><a class="lotusArrow lotusTwistyClosedMenu" role="button" aria-expanded="false" href="javascript:;" title="Expand section"><span class="lotusAltText">&#x25ba;</span></a><h3 class="lotusHeading"><a role="treeitem" aria-expanded="false" href="javascript:;">Closed Section</a></h3></header>
	 <header class="lotusMenuHeader lotusHeaderSelected" role="presentation"><a class="lotusArrow lotusTwistyClosedMenu" role="button" aria-expanded="false" href="javascript:;" title="Expand section"><span class="lotusAltText">&#x25ba;</span></a><h3 class="lotusHeading"><a role="treeitem" aria-expanded="false" aria-selected="true" href="javascript:;">Closed Selected Section</a></h3></header>
	 <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:;">Menu Item</a></li>
	  <li class="lotusSelected"><a role="treeitem" aria-selected="true" href="javascript:;">Menu Item Selected</a></li>
	  <li><a role="treeitem" href="javascript:;">Menu Item</a></li>
	 </ul>
	 </div><!--end subsection-->	
	
	 <header class="lotusMenuHeader lotusHeaderSelected" 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" aria-selected="true" href="javascript:;">Open Selected Section</a></h3></header>
	 <div class="lotusMenuSubsection" role="group">
	 <ul role="presentation">
	  <li><a href="javascript:;" role="treeitem">Menu Item</a></li>
	  <li><a href="javascript:;" role="treeitem">Menu Item</a></li>
	 </ul>
	 </div><!--end subsection-->
	
</div></div></nav><!--end menu-->