function writeHeader(pageName)
{
document.write('<tr><td>');

document.write('<table class="header_table" border="0" cellspacing="0" cellpadding="0">');
document.write('<tr>');
document.write('<map name="dtwLogo"><area href="mainMap.html" alt="Main Map" shape="rect" coords="40, 17, 105, 85"></map>');
document.write('<td width="700" height="100"  bgcolor="#663300"><img src="images/mainBanner.jpg" width="700" height="100" usemap="#dtwLogo"></td>');
document.write('</tr>');
document.write('</table>');

document.write('</td></tr>');

document.write('<tr><td>');

document.write('<table class="header_table" border="0" cellspacing="0" cellpadding="0">');
document.write('<tr class="header_bar_tr">');
document.write('<td class="gutter_td">&nbsp;</td>');
document.write('<td class="header_bar_td">');
document.write(pageName);
document.write('</td>');
document.write('</tr>');
document.write('<tr><td colspan="2">&nbsp;</td></tr>');
document.write('</table>');

document.write('</td></tr>');
}

function writeFooter()
{
document.write('<tr><td>&nbsp;</td></tr>\
<tr><td align="center">\
<a href="index.html">Home Page</a>&nbsp;|&nbsp;\
<a href="mainMap.html">Main Map</a>&nbsp;|&nbsp;\
<a href="routes/caulfeild/caulfeildRoute.html">Caulfeild Walk</a>&nbsp;|&nbsp;\
<a href="routes/dundarave/dundaraveRoute.html">Dundarave Walk</a>&nbsp;|&nbsp;\
<a href="routes/ambleside/amblesideRoute.html">Ambleside Walk</a>&nbsp;|&nbsp;\
<a href="routes/hollyburn/hollyburnRoute.html">Hollyburn Walk</a>&nbsp;|&nbsp;\
<a href="siteMap.html">Site Map</a>\
</td></tr>');
}