responsive nav bar added to home page

This nav bar is responsive and uses a jquery script called
ResponsiveNav.js to resize when the screen size is reduced.
It can be copied into the other pages and made active :
<li class='active has-sub'><a
href="christchurch.html"><span>Christchurch</span></a>
and replace the christchurch.html link with #

It needs to reference the query library and local file in the head:
   <script src="http://code.jquery.com/jquery-latest.min.js"
type="text/javascript"></script>
   <script src="scripts/ResponsiveNav.js"></script>