# 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 & Dictionary:
    Author's last name, first initial. (Date). Title of Article. Title of Encyclopedia (Volume, pages). City of publication: Publishing company.

    Magazine & 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$