<!DOCTYPE html>
<meta charset="UTF-8">
<html>

<head>
<!--CSS-->
<link rel="stylesheet" type="text/css" href="csswork/jimdefault.css">
<style type="text/css"><!--
.explanation {font-size: 10pt; font-style: italic; color: grey;}
table {padding: 2px; border-collapse: collapse;}
tr {vertical-align: top;}
th, td {border: 1px solid black; padding: 0 4px 0 4px;}
th {text-align: left;}
table.borderless tr td {border: none; padding: 2px 5px 2px 5px; font-size: 10pt;}
table.firstcolumnmono tr td:first-child {font: 10pt Courier, Monospace;}
--></style>
<!--Title-->
<title>The Page Title</title>
<!--Javascript-->
<!--put in HTML5 stuff for IE less than 9-->
<!--[if lt IE 9]>
<script src=
"http://html5shiv.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->
<script src="AJAXDomJavaScript/jquery.min.js" type="text/javascript"></script>
<script src="AJAXDomJavaScript/CreateTOC.js" type="text/javascript" language="JavaScript"></script>
<script type="text/javascript">
$(document).ready(CreateTOC);
</script>
</head>

<body>
<H1>Page Title</H1>

<b><i>Table of Contents</i></b>
<div id="insertTOChere"></div>
...
</body>
</html>