it does behave a little strangely for me also but I am not sure why.
But I do see that you have the styles defined twice, - 3 times on one of the files even. you have the link to the external stylesheet but you also have <style> .... </style> definitions in the html files. maybe you should delete those & test again ?
Remove all of this style code from the 3rd file,and remove similar code from the other files also:
( this may not be the cause of the problem but it may help diagnose what IS ]
Code:
<style type="text/css">
p.dlct-002 {margin-right:14.15pt}
p.dlct-004 {font-size:1.45em; line-height:110%; margin-right:14.15pt; text-align:center}
p.dlct-003 {font-size:3.27em; line-height:110%; margin-right:14.15pt; text-align:center}
p.dlct-006 {font-size:1.45em; line-height:110%; margin-right:14.15pt}
h1.dlct-000 {margin-right:14.15pt}
br.dlct-001 {clear:both}
span.dlct-005 {font-style:italic}
span.dlct-007 {text-decoration:underline}
</style>
<style type="text/css">
span.dlct-000 {font-size: 1.45em;}
</style>
<style type="text/css">
p.dlct-000 {text-align: center;}
span.dlct-001 {font-size: 3.27em; line-height: 57px; text-align: center;}
</style>
I am not sure what this line does either , but if you use only the separate stylesheet then it will no longer be present:
br.dlct-001 {clear:both}