Extra Navigation Links, Sidebar Overlaps Content, Layout Centering Problems

how can I remove the extra navigation links that are showing on top of the content section?

Remove the following code that is just above the content section —

<div class="menu">
<ul>
<li class="page_item page-item-56">
<li class="page_item page-item-61">
</ul>
</div>

sidebar is overlapping the content. How will I move it to the side

In order for the sidebar to float right, you need another div (inside the current content div) — to contain the main section and which has to float left.

trying to center the whole layout with CSS but it is not moving to the center

You need another outer wrapper div — set that to your current width — then set the inner wrapper to a less than 100% width (i.e. a few pixels or % less, and use margin: 0 auto; in the CSS code for the inner wrapper.

You also have an unclosed tag somewhere that might be affecting the layout of the page…http://validator.w3.org/check?uri=http%3A%2F%2Fwww.graciedesign.net%2F&charset=%28detect+automatically%29&doctype=Inline&group=0 .