Ephraim - the formatting is all being handled through the use of CSS - in order to work out what is happening, we'd need to see the CSS style sheet referenced in this line:
Code:
<link href="../Styles/Style%20Sheet.css" rel="stylesheet" type="text/css" />
There are multiple "layers" of formatting for each of the headings, etc, which are not aligning correctly, and you need to look at each of the styles that are being applied to see if there's a conflict.
For example, the H2 heading "Chapter 1" has the styles "calibre", "s", "sigilNotInTOC", "none" and "sgc-1" all applied to it:
Code:
<body class="calibre">
<div class="s">
<p class="calibre2"></p>
<h2 class="sigilNotInTOC" id="heading_id_2"><span class="none sgc-1">Chapter 1</span></h2>
</div>
Without knowing what formatting these styles define, it's not possible to say what's causing the problem, Ephraim. You need to either attach the CSS style sheet or copy and paste the relevant styles if you need help in tracking down the problem with centering these elements.