<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<t:MyBorderLayout t:title="${message:pages.help.title} - ${message:pages.help.support.faq.title}" t:identifier="help" t:currentHighlight="help"
	xmlns:t="http://tapestry.apache.org/schema/tapestry_5_0_0.xsd">

	<!-- Main content -->

	<div id="content">

		<h1>${message:components.myborderlayout.help.title} – <abbr title="${message:pages.help.support.faq.title}">${message:pages.help.support.faq.title.abbr}</abbr></h1>
		<t:messagePanel />
		<div id="pageContent">

			<div id="helpFAQ">

			<h2>${message:pages.help.support.faq.title}</h2>


			<!-- FAQ navigation -->

			<div id="navigation">
				<ul>
					<li id="questionMenu101" class="current"><a href="#question101"><span>101. ${message:help.faq.question101.title}</span></a></li>
					<li id="questionMenu102"><a href="#question102"><span>102. ${message:help.faq.question102.title}</span></a></li>
					<li id="questionMenu103"><a href="#question103"><span>103. ${message:help.faq.question103.title}</span></a></li>
				</ul>
			</div>


			<!-- FAQ content -->

			<!-- FAQ > User -->

			<div class="content visible" id="question101">

				<h3>101. ${message:help.faq.question101.title}</h3>
				<ul>
					<li>${message:help.faq.question101.answer1}</li>
					<li>${message:help.faq.question101.answer2}</li>
					<li>${message:help.faq.question101.answer3}</li>
				</ul>

			</div><!-- class="content" -->


			<div class="content visible" id="question102">

				<h3>102. ${message:help.faq.question102.title}</h3>
				<ul>
					<li>${message:help.faq.question102.answer1}</li>
				</ul>

			</div><!-- class="content" -->


			<div class="content visible" id="question103">

				<h3>103. ${message:help.faq.question103.title}</h3>
				<ul>
					<li>${message:help.faq.question103.answer1}</li>
					<li>${message:help.faq.question103.answer2}</li>
				</ul>

			</div><!-- class="content" -->


			<!-- FAQ > Administration -->


			<h2 class="back"><a href="../help"><img src="${asset:context:images/icons/icon-help-back.png}" alt=""/> ${message:pages.help.back}</a></h2>

			</div><!-- id="helpFAQ" -->

		</div>

	</div><!-- id="content" -->
	
</t:MyBorderLayout>
