document.write('<ul>');
document.write('<li>');

document.write('<a href="index.html">Home</a>');
document.write('</li><li>');

document.write('<a href="pen.html">About the Pen</a>');
document.write('</li><li>');

document.write('<a href="getstarted.html">Calligraphy Tutorials</a>');
document.write('<ul>');
document.write('<li>');
  document.write('<a href="usingthepen.html">Using the Pen</a>');
document.write('</li><li>');
  document.write('<a href="lefthanded.html">Left-Handed?</a>');
document.write('</li><li>');
  document.write('<a href="practise.html">Practise Exercises</a>');
document.write('</li><li>');
  document.write('<a href="letters.html">Calligraphic Letters</a>');
document.write('</li><li>');
  document.write('<a href="numerals.html">Numerals</a>');
document.write('</li><li>');
  document.write('<a href="layout.html">Planning & Layout</a>');
document.write('</li><li>');
  document.write('<a href="decoratedletters.html">Decorated Letters</a>');
document.write('</li><li>');
  document.write('<a href="gilding.html">Gilding & Illumination</a>');
document.write('</li><li>');
  document.write('<a href="pagedecoration.html">Decorating the Page</a>');
document.write('</li><li>');
  document.write('<a href="tips.html">Some Useful Tips</a>');
document.write('</li>');
document.write('</ul>');
document.write('</li><li>');

document.write('<a href="alphabets.html">Alphabets</a>');
document.write('<ul>');
document.write('<li>');
  document.write('<a href="uncial.html">Uncial (5th - 8th C)</a>');
document.write('</li><li>');
  document.write('<a href="roundhand.html">Foundational</a>');
document.write('</li><li>');
  document.write('<a href="blackletter.html">Blackletter</a>');
document.write('</li><li>');
  document.write('<a href="italic.html">Italic (15th & 16th C)</a>');
document.write('</li>');
document.write('</ul>');
document.write('</li><li>');

document.write('<a href="gallery.html">Gallery & Videos</a>');
document.write('</li><li>');

document.write('<a href="http://store.learncalligraphy.co.uk/index.html">Calligraphy Store</a>');
document.write('</li><li>');

document.write('<a href="links.html">Links</a>');
document.write('</li><li>');

document.write('<a href="history.html">History of Writing</a>');
document.write('<ul>');
document.write('<li>');
  document.write('<a href="communication.html">Communication</a>');
document.write('</li><li>');
  document.write('<a href="symbols.html">Symbols</a>');
document.write('</li><li>');
  document.write('<a href="sumerians.html">The Sumerians</a>');
document.write('</li><li>');
  document.write('<a href="egyptians.html">The Egyptians</a>');
document.write('</li><li>');
  document.write('<a href="greeksandromans.html">The Greeks & Romans</a>');
document.write('</li><li>');
  document.write('<a href="scribes.html">Scribes</a>');
document.write('</li><li>');
  document.write('<a href="pigmentsandcolour.html">Pigments & Colour</a>');
document.write('</li><li>');
  document.write('<a href="howinkismade.html">How Ink is Made</a>');
document.write('</li>');
document.write('</ul>');

document.write('</li>');
document.write('</ul>');