Hi, before I ask for help, I just want to thank Paul O'B. I got that 3 column css template from his website, http://pmob.co.uk/
The problem I facing now is, I tried to position (by changing the margin property in id="globalnav" in mystyle.css) in my top navigation link (Home, Contact Me, History) to the right but when I did that, the horizontal width of the page 'force' to increase until the horizontal scrollbar appear. That's why I leave it as it is now on the left.
Put the menu and that center area in the same parent (so, basically, put the menu in the same parent right above your content) and then float:right.
Move it into the "content2" div, right below that tag. Then, remove the padding from #globalnav (or at least the vertical padding) and set it's background to match that of your main background. And that should do it.