====== Tutorial: Example Source code ======

  \\

  <head>
  <style type="text/css">
  .title{
  	background-color:#ffffff;
  	font-size:30px;
  	color:#2a2a2a;
  }

  .header{
  	background-color:#ffffff;
  	font-size:20px;
  	color:#2a2a2a;
  }

  .body{
  	background-color:#ffffff;
  	font-size:15px;
  	color:#2a2a2a;
  }

  .reference{
  	border: 1px dotted #000;
  	text-align: left;
  	padding: 5px;
  	padding: 15px 30px 15px;
  	background:#CCC url('http://sdf.org/tutorials/images/ref.png')  5px 5px no-repeat;
  	color: #000;
  	margin: 10px 5px;
  }

  .link { text-decoration:none }

  .superscript{
  	font-size:10px;
  	vertical-align:top;
  }

  .subscript{
  	font-size:10px;
  	vertical-align:bottom;
  }

  .note{
  	border: 1px dotted #000;
  	text-align: left;
  	padding: 5px;
  	padding: 15px 30px 15px;
  	background: #DC143C url('http://sdf.org/tutorials/images/note.png')  5px 5px no-repeat;
  	color: #FFF;
  	margin: 10px 5px;
  }

  .code{
  	border: 1px dotted #000;
  	text-align: left;
  	padding: 5px;
  	padding: 15px 30px 15px;
  	background:#2F4F4F url('http://sdf.org/tutorials/images/code.png')  5px 5px no-repeat;
  	color: #00FF00;
  	margin: 10px 5px;
  	font-family: monospace;
  }

  table.table {
  	border-width: 0px;
  	border-spacing: 0px;
  	border-style: none;
  	border-collapse: collapse;
  	background-color: #1E90FF;
  }

  table.table th {
  	border-width: 1px;
  	padding: 1px;
  	border-style: inset;
  	border-color: white;
  	background-color: #A0522D;
  	-moz-border-radius: ;
  	padding: 10;
  }

  table.table td {
  	border-width: 1px;
  	padding: 1px;
  	border-style: inset;
  	border-color: white;
  	background-color: #FFEBCD;
  	-moz-border-radius: ;
  	padding: 5;
  }
  </style>
  </head>

  <h1 class="title">Here is a test for the title format.</h1>

  <h3 class="header">Here is a test for the header format.</h3>

  <p class="body">Here is a test for the tutorial body format.</p>

  <p class="note"><br>Here is a test for a note/warning/tip.</p>

  <p class="code"><br>Here is a test for the code format.</p>

  <p class="reference"><br>Here is a test for the reference format.</p>

  <table class="table">
  <tr><th> </th>
  <th>Table Header 1</th>
  <th>Table Header 2</th>
  </tr>
  <tr>
  <th>Table Header 3</th>
  <td>TABLE DATA</td>
  <td>TABLE DATA</td>
  </tr>
  <tr>
  <th>Table Header 4</th>
  <td>TABLE DATA</td>
  <td>TABLE DATA</td>
  </tr>
  <tr>
  <th>Table Header 5</th>
  <td>TABLE DATA</td>
  <td>TABLE DATA</td>
  </tr>
  </table>

  <dl>
  	<dt>Section 1</dt>
  		<dd>Section 1.1</dd>
  		<dd>Section 1.2</dd>
  		<dd>Section 1.3</dd>
  	<dt>Section 2</dt>
  		<dd>Section 2.1</dd>
  	<dt>Section 3</dt>
  		<dd>Section 3.1</dd>
  		<dd>Section 3.2</dd>
  	<dt>Section 4</dt>
  		<dd>Section 4.1</dd>
  		<dd>Section 4.2</dd>
  </dl>

  <a class="link" href="http://www.example.com">Example link</a>

  <br>
  <img src="http://sdf.org/tutorials/images/example.png" alt="Example" height="128" width="128"/><br>

  <br>
  <pre class="reference">
  Book:
  Author's last name, first initial. (Publication date). Book title. Additional information. City of publication: Publishing company.

  Encyclopedia &amp; Dictionary:
  Author's last name, first initial. (Date). Title of Article. Title of Encyclopedia (Volume, pages). City of publication: Publishing company.

  Magazine &amp; Newspaper Articles:
  Author's last name, first initial. (Publication date). Article title. Periodical title, volume number(issue number if available), inclusive pages.

  Online periodical:
  Author's name. (Date of publication). Title of article. Title of Periodical, volume number, Retrieved month day, year, from full URL

  Online document:
  Author's name. (Date of publication). Title of work. Retrieved month day, year, from full URL
  </pre>

  $Id$