Reading those documents isn't going to help you with either writing CSS to move that group of code or edit the templates to move that group of code.
You could try some CSS. Something like:
HTML Code:
.toplinks {top: 60px; right: 200px; z-index: 10;}
You'll have to remove the .toplinks {left: 20px} from wherever it is in the CSS templates (do a Search in Templates for ".toplinks"). You'll have to play with the values.
The recommended way would be to copy/delete the code from the header and put it into the navbar template. But, you'll have to understand html and css a bit for that. You'd also have to write a plugin to preregister all the variables used in that <div> for the navbar since they probably aren't registered for use there.