2 files changed, 69 insertions, 52 deletions
diff --git a/demos/quickstart/protected/controls/SampleLayout.tpl b/demos/quickstart/protected/controls/SampleLayout.tpl
index fcfaa47b..46d1d928 100644
--- a/demos/quickstart/protected/controls/SampleLayout.tpl
+++ b/demos/quickstart/protected/controls/SampleLayout.tpl
@@ -10,14 +10,15 @@
 
 <div class="sampleheader">
 
-<div style="float:left">
+<div class="title">
 <a href="?">PRADO QuickStart Tutorial</a> Sample
 </div>
 
-<div style="text-align:right">
-Copyright &copy; 2005-2006 <a href="http://www.pradosoft.com">PradoSoft</a>
 </div>
-
+<div class="samplemenu">
+    <div class"copyright">
+        Copyright &copy; 2005-2006 <a href="http://www.pradosoft.com">PradoSoft</a>
+    </div>
 </div>
 
 <div style="margin:15px;">
diff --git a/demos/quickstart/protected/controls/TopicList.tpl b/demos/quickstart/protected/controls/TopicList.tpl
index f9992425..2c134422 100644
--- a/demos/quickstart/protected/controls/TopicList.tpl
+++ b/demos/quickstart/protected/controls/TopicList.tpl
@@ -1,75 +1,91 @@
 <div id="toc">
 
 <div class="topic">
-<span>Getting Started</span><br/>
-<a href="?page=GettingStarted.Introduction">Introduction</a><br/>
-<a href="?page=GettingStarted.AboutPrado">What is PRADO?</a><br/>
-<a href="?page=GettingStarted.Installation">Installation</a><br/>
+<div>Getting Started</div>
+<ul>
+    <li><a href="?page=GettingStarted.Introduction">Introduction</a></li>
+    <li><a href="?page=GettingStarted.AboutPrado">What is PRADO?</a></li>
+    <li><a href="?page=GettingStarted.Installation">Installation</a></li>
+</ul>
 </div>
 
 <div class="topic">
-<span>Fundamentals</span><br/>
-<a href="?page=Fundamentals.Architecture">Architecture</a><br/>
-<a href="?page=Fundamentals.Components">Components</a><br/>
-<a href="?page=Fundamentals.Controls">Controls</a><br/>
-<a href="?page=Fundamentals.Pages">Pages</a><br/>
-<a href="?page=Fundamentals.Modules">Modules</a><br/>
-<a href="?page=Fundamentals.Services">Services</a><br/>
-<a href="?page=Fundamentals.Applications">Applications</a><br/>
-<a href="?page=Fundamentals.HelloWorld">Sample: Hello World</a><br/>
-<a href="?page=Fundamentals.Hangman">Sample: Hangman Game</a><br/>
+<div>Fundamentals</div>
+<ul>
+    <li><a href="?page=Fundamentals.Architecture">Architecture</a></li>
+    <li><a href="?page=Fundamentals.Components">Components</a></li>
+    <li><a href="?page=Fundamentals.Controls">Controls</a></li>
+    <li><a href="?page=Fundamentals.Pages">Pages</a></li>
+    <li><a href="?page=Fundamentals.Modules">Modules</a></li>
+    <li><a href="?page=Fundamentals.Services">Services</a></li>
+    <li><a href="?page=Fundamentals.Applications">Applications</a></li>
+    <li><a href="?page=Fundamentals.HelloWorld">Sample: Hello World</a></li>
+    <li><a href="?page=Fundamentals.Hangman">Sample: Hangman Game</a></li>
+</ul>
 </div>
 
 <div class="topic">
-<span>Configurations</span><br/>
-<a href="?page=Configurations.Overview">Overview</a><br/>
-<a href="?page=Configurations.Templates1">Templates: Part I</a><br/>
-<a href="?page=Configurations.Templates2">Templates: Part II</a><br/>
-<a href="?page=Configurations.Templates3">Templates: Part III</a><br/>
-<a href="?page=Configurations.AppConfig">Application Configurations</a><br/>
-<a href="?page=Configurations.PageConfig">Page Configurations</a><br/>
+<div>Configurations</div>
+<ul>
+    <li><a href="?page=Configurations.Overview">Overview</a></li>
+    <li><a href="?page=Configurations.Templates1">Templates: Part I</a></li>
+    <li><a href="?page=Configurations.Templates2">Templates: Part II</a></li>
+    <li><a href="?page=Configurations.Templates3">Templates: Part III</a></li>
+    <li><a href="?page=Configurations.AppConfig">Application Configurations</a></li>
+    <li><a href="?page=Configurations.PageConfig">Page Configurations</a></li>
+</ul>
 </div>
 
 <div class="topic">
-<span>Controls</span><br/>
-<a href="?page=Controls.Overview">Overview</a><br/>
-<a href="?page=Controls.Simple">Simple HTML Controls</a><br/>
-<a href="?page=Controls.List">List Controls</a><br/>
-<a href="?page=Controls.Validation">Validation Controls</a><br/>
-<a href="?page=Controls.Repeater">TRepeater</a><br/>
-<a href="?page=Controls.DataList">TDataList</a><br/>
-<a href="?page=Controls.DataGrid">TDataGrid</a><br/>
-<a href="?page=Construction">Active Controls</a><br/>
-<a href="?page=Construction">Authoring New Controls</a><br/>
+<div>Controls</div>
+<ul>
+    <li><a href="?page=Controls.Overview">Overview</a></li>
+    <li><a href="?page=Controls.Simple">Simple HTML Controls</a></li>
+    <li><a href="?page=Controls.List">List Controls</a></li>
+    <li><a href="?page=Controls.Validation">Validation Controls</a></li>
+    <li><a href="?page=Controls.Repeater">TRepeater</a></li>
+    <li><a href="?page=Controls.DataList">TDataList</a></li>
+    <li><a href="?page=Construction">TDataGrid</a></li>
+    <li><a href="?page=Construction">Active Controls</a></li>
+    <li><a href="?page=Construction">Authoring New Controls</a></li>
+</ul>
 </div>
 
 <div class="topic">
-<span>Data Access</span><br/>
-<a href="?page=Construction">DataBinding</a><br/>
-<a href="?page=Construction">Data Bound Controls</a><br/>
-<a href="?page=Construction">Data Source Controls</a><br/>
+<div>Data Access</div>
+<ul>
+    <li><a href="?page=Construction">DataBinding</a></li>
+    <li><a href="?page=Construction">Data Bound Controls</a></li>
+    <li><a href="?page=Construction">Data Source Controls</a></li>
+</ul>
 </div>
 
 <div class="topic">
-<span>Avanced Features</span><br/>
-<a href="?page=Construction">Overview</a><br/>
-<a href="?page=Construction">Assets</a><br/>
-<a href="?page=Construction">Themes and Skins</a><br/>
-<a href="?page=Construction">Internationalization</a><br/>
+<div>Avanced Features</div>
+<ul>
+    <li><a href="?page=Construction">Overview</a></li>
+    <li><a href="?page=Construction">Assets</a></li>
+    <li><a href="?page=Construction">Themes and Skins</a></li>
+    <li><a href="?page=Construction">Internationalization</a></li>
+</ul>
 </div>
 
 <div class="topic">
-<span>Security</span><br/>
-<a href="?page=Construction">Overview</a><br/>
-<a href="?page=Construction">Authentication</a><br/>
-<a href="?page=Construction">Authorization</a><br/>
-<a href="?page=Construction">ViewState Protection</a><br/>
+<div>Security</div>
+<ul>
+    <li><a href="?page=Construction">Overview</a></li>
+    <li><a href="?page=Construction">Authentication</a></li>
+    <li><a href="?page=Construction">Authorization</a></li>
+    <li><a href="?page=Construction">ViewState Protection</a></li>
+</ul>
 </div>
 
 <div class="topic">
-<span>Performance</span><br/>
-<a href="?page=Construction">Caching</a><br/>
-<a href="?page=Construction">Performance Tuning</a><br/>
+<div>Performance</div>
+<ul>
+    <li><a href="?page=Construction">Caching</a></li>
+    <li><a href="?page=Construction">Performance Tuning</a></li>
+</ul>
 </div>
 
 </div>
 \ No newline at end of file