Add and change the red in your CSS Box:
.menu {
text-align: center!important;
z-index: 99;
margin: auto;
padding:10px 0px 15px 20px;
position:relative; /*Make the container moveable*/
width:770px; /*Main bar total width*/
_width:880px; /* IE6 */
font-size:0.85em;
padding-bottom:30px; /*Padding between the bottom of your mainbar and the rest of
your page */
left: -10px;
}
On your bio page, you have these:
<hr width="600" size="3" align="center"/>
This is causing a line to be there. In here try putting all your text between these tags:
<html><pre> All your text</pre></html>
These tags will retain whatever you do with the text, so if you give every line a space, it will show up that way. Explained a little better here:
http://www.w3schools.com/html/tryit.asp?filename=tryhtml_pre
Thanks, but the nav bar is still off to the left.