WordPress Template Tags

I’m trying to replicate a css menu using template tags in WordPress. Being a newbie, I was wondering if anyone could offer advice as to how to solve the following (sorry for the lengthy code).

<ul id="top-nav">
    <!--Add class="current" to Active links-->
    <li class="hotelinfo-nav current"><a href="groundsandlocation.html" title="Hotel Information">Hotel Information</a>
      <div>&nbsp;</div>

<ul>
<li><a href="groundsandlocation.html" title="Grounds &amp; Location">Grounds &amp; Location</a></li>
<li><a href="restaurant.html" title="Restaurant">Restaurant</a></li>
<li><a href="virtualtour.html" title="Virtual Tour">Virtual Tour</a></li>
<li><a href="history.html" title="History">History</a></li>
        <li class="last"><a href="holidayflat/index.html" title="Holiday Flat">Holiday Flat</a>
      </ul>
    <li class="tariff-nav"><a href="tariff.html" title="Tariff">Tariff</a>
      <div>&nbsp;</div>

<ul>
<li><a href="tariff.html" title="Current Tariff">Current Tariff</a></li>
        <li class="last"><a href="specialoffers.html" title="Special Offers">Special Offers</a>
      </ul>
    <li class="touristinfo-nav"><a href="touristinformation.html" title="Tourist Information">Tourist Information</a>
      <div>&nbsp;</div>

<ul>
<li><a href="touristinformation.html" title="Tourist Information">Tourist Information</a></li>
        <li class="last"><a href="walkingholidays/index.html" title="Walking Holidays">Walking Holidays</a>
      </ul>
    <li class="contact-nav">
		<a href="contact.html" title="Contact">Contact</a>
		<div>&nbsp;</div>

<ul>
<li><a href="contact.html" title="Contact Info">Contact Info</a></li>
			<li class="last"><a href="enquiries.html" title="Enquiries">Enquiries</a>
</ul>