Problem with navigation bar

I'm new to the world of web developing so this may be a basic question to most of you so please bare with me

I'm building a site or my auntie's dance school (this is my first full site) and I have added in a navigation bar at the top of the page but she now wishes to have it running down the left hand side. I'm having some problems with switching it around. Am I missing something? or do I need to redo it form scratch?

my code if it helps is below:

HTML:

div id="navbar">

<div class="navlinks">

<ul>

<li><a href="homepage.html">Home</a></li>

<li><a href="Timetable.html">Timetable</a></li>

<li><a href="Merchandise.html">Meet the Teachers</a></li>

<li><a href="Gallery.html">School Gallery</a></li>

<li><a href="faq.html">FAQs</a></li>

<li><a href="Contact.html">Contact Us</a></li>

</ul>

</div>

</div>

CSS:

#navbar

{width: auto;

height: 30px;

position: relative;

border-bottom: 2px solid #FFFFFF;}

.navlinks

{position: absolute; top: 4px; left: 140px;}

.navlinks ul

{margin: auto;}

.navlinks li

{margin: 0px 18px 0px 0px;

list-style-type: none;

display: inline;}

.navlinks li a

{color: #FFFFFF;

padding: 5px 12px 7px;

text-decoration: none;

font-size: 18px;

font-family: "Broadway";}

.navlinks li a:hover

{color: #FFCCDD;}

Thanks guys

Edited November 2, 201114 yr by T3hscott