<mef:set title="Site Index" container="two-col" />
<style type="text/css">
<![CDATA[
#letters {
	list-style-type: none;
	display: block;
	margin: 8px;
	padding: 0;
}
#letters li {
	display: inline;
	margin: 0 4px 0 4px;
	font-size: 16px;
}

#letters li a {
	color: black;
}

#letters li.selected {
	color: #369;
	font-weight: bold;
	font-size: 150%;
}
]]>
</style>

<ul id="letters">
<mef:loop collection="letters" item="l">
<mef:if expr="l != letter">
	<mef:true><li><a href="/site-index/{l}">{l}</a></li></mef:true>
	<mef:false><li class="selected">{l}</li></mef:false>
</mef:if>
</mef:loop>
</ul>

<ul id="index">
<mef:loop collection="links" id="link" item="t">
	<li><a href="{link}">{t}</a></li>
</mef:loop>
</ul>