<!-- section is an HTML5 element. Use div if you are using HTML4. -->
<section class="lotusSection2 lotusPortlet">
	<!-- header is an HTML5 element. Use div if you are using HTML4. -->
	<header class="lotusSectionHeader"><div class="lotusInner">
	<h2 class="lotusHeading lotusFirst"><a href="javascript:;">Members</a></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>
	<!--if you are surfacing another button, add it here (you'll have to create a class and CSS for it)-->
	</div></header>
	<header class="lotusSubheader"><h3 class="lotusHeading2"><a href="javascript:;" class="lotusAction">375 Members</a></h3></header>
	<div class="lotusSectionBody">
	<div class="lotusSectionScroll"><a href="javascript:;" title="Scroll up" class="lotusSprite lotusArrow"><img class="lotusScrollUp" src="../../css/images/blank.gif" alt="" aria-label="Scroll up" /><span class="lotusAltText">&#x25b2;</span></a></div>
	<div class="lotusGrid">
	<!-- replace the blank.gif with the URL to the server for person pictures -->
	<div><a href="javascript:;"><img class="yourProductSprite yourProductSprite-NoPhotoPerson32" alt="Person name goes here" title="Person name goes here" src="../../css/images/blank.gif"/></a></div>
    <div><a href="javascript:;"><img class="yourProductSprite yourProductSprite-NoPhotoPerson32" alt="Person name goes here" title="Person name goes here" src="../../css/images/blank.gif"/></a></div>
    <div><a href="javascript:;"><img class="yourProductSprite yourProductSprite-NoPhotoPerson32" alt="Person name goes here" title="Person name goes here" src="../../css/images/blank.gif"/></a></div>
    <div><a href="javascript:;"><img class="yourProductSprite yourProductSprite-NoPhotoPerson32" alt="Person name goes here" title="Person name goes here" src="../../css/images/blank.gif"/></a></div>
    <div><a href="javascript:;"><img class="yourProductSprite yourProductSprite-NoPhotoPerson32" alt="Person name goes here" title="Person name goes here" src="../../css/images/blank.gif"/></a></div>
    <div><a href="javascript:;"><img class="yourProductSprite yourProductSprite-NoPhotoPerson32" alt="Person name goes here" title="Person name goes here" src="../../css/images/blank.gif"/></a></div>	
	<div><a href="javascript:;"><img class="yourProductSprite yourProductSprite-NoPhotoPerson32" alt="Person name goes here" title="Person name goes here" src="../../css/images/blank.gif"/></a></div>	
	<div><a href="javascript:;"><img class="yourProductSprite yourProductSprite-NoPhotoPerson32" alt="Person name goes here" title="Person name goes here" src="../../css/images/blank.gif"/></a></div>	
	<div><a href="javascript:;"><img class="yourProductSprite yourProductSprite-NoPhotoPerson32" alt="Person name goes here" title="Person name goes here" src="../../css/images/blank.gif"/></a></div>	
	<div><a href="javascript:;"><img class="yourProductSprite yourProductSprite-NoPhotoPerson32" alt="Person name goes here" title="Person name goes here" src="../../css/images/blank.gif"/></a></div>	
	<div><a href="javascript:;"><img class="yourProductSprite yourProductSprite-NoPhotoPerson32" alt="Person name goes here" title="Person name goes here" src="../../css/images/blank.gif"/></a></div>	
	<div><a href="javascript:;"><img class="yourProductSprite yourProductSprite-NoPhotoPerson32" alt="Person name goes here" title="Person name goes here" src="../../css/images/blank.gif"/></a></div>	
	</div><!--end lotusPictureGrid-->
	<div class="lotusSectionScroll"><a href="javascript:;" title="Scroll down" class="lotusSprite lotusArrow"><img class="lotusScrollDown" src="../../css/images/blank.gif" alt="" aria-label="Scroll down" /><span class="lotusAltText">&#x25bc;</span></a></div>
	</div><!--end section body-->
	<div class="lotusSectionFooter"><a href="javascript:;" class="lotusAction">View All</a></div>
</section><!--end section-->