<div class="lotusMenu" role="menu"><div class="lotusBottomCorner"><div class="lotusInner">
	<div class="lotusMenuSection">
		
     <!-- 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. -->
	 <h3 class=""><a class="lotusSprite lotusArrow lotusTwistyOpenMenu" href="javascript:;" title="click to collapse lotusSection"><span class="lotusAltText">&#x25bc;</span></a>Open Section</h3>
	 <div class="lotusMenuSubsection">
	 <ul>
	  <li role="menuitem"><a href="javascript:;">Menu Item</a></li>
	  <li role="menuitem" class="lotusSelected"><a href="javascript:;">Selected Menu Item</a></li>
	  <li role="menuitem"><a href="javascript:;">Menu Item</a></li>
	 </ul>
	 </div><!--end subsection-->
	 <div class="lotusChunk lotusTiny"><a class="lotusAction" href="javascript:;">New section</a></div>
	</div><!--end section-->
	<div class="lotusMenuSubsection">
	 <ul>
	  <li role="menuitem"><a href="javascript:;">Home</a></li>
	  <li role="menuitem"><a href="javascript:;">All entries by date</a></li>
	  <li role="menuitem"><a href="javascript:;">All entries by type</a></li>
	  <li role="menuitem"><a href="javascript:;">Trash</a></li>
	 </ul>
	</div>
</div></div></div><!--end menu-->