<!-- section is an HTML5 element. Use div if you are using HTML4. -->
<section class="lotusSection2">
	<!-- header is an HTML5 element. Use div if you are using HTML4. -->
	<header class="lotusSectionHeader lotusDraggable" onmouseover="this.childNodes[0].childNodes[0].style.visibility='visible'" onmouseout="this.childNodes[0].childNodes[0].style.visibility='hidden'"><div class="lotusInner"><span class="lotusDragHandle"><span class="lotusAltText">[</span>&nbsp;</span><a class="lotusArrow" role="button" aria-expanded="false" aria-controls="sectionBodyID" href="javascript:;" title="Expand section"><img class="lotusTwistyClosed" src="../../css/images/blank.gif" alt="" aria-label="Expand section" /><span class="lotusAltText">&#x25ba;</span></a><h2 class="lotusHeading">Draggable Section</h2><a class="lotusIcon lotusActionIcon" href="javascript:;" role="button" aria-haspopup="true" aria-owns="[menuID]"><img src="../../css/images/blank.gif" alt="" /><span class="lotusAltText">Actions</span></a>
	</div></header>
	<div id="sectionBodyID" class="lotusSectionBody" style="display:none;">
</div></section><!--end section-->