Move sitedocs underneath header logo

[Guest chrisyt]

I have managed to move some site docs of my choice so they are underneath my logo at the top of the page (horizontal site docs of my choice underneath my logo in Killer Skin). I have done this from within the global/index.tpl like this:

-----------------------------------------------------------------------------------------------------------

<div id="topHeader">

<div style="padding-top: 25px;">{SHOPPING_CART}</div>

<div></div>

</div>

<link href="/CTB/skins/KillerCTB/styleSheets/style.css" rel="stylesheet"

type="text/css" />

<style type="text/css">

<!--

A:LINK, A:VISITED, A:ACTIVE { text-decoration: none }

//--> </style>

<a href="http://localhost:85/CTB/shop/about-us/i_1.html">About

Us</a>

<div class="barbg">

-----------------------------------------------------------------------------------------------------------

I would like to align them to the right but if I use <p align="right"><a href="http://localhost:85/CTB/shop/about-us/i_1.html">About

Us</a></p> then I end up with a massive gap!

Also, for the About Us link, I would like to apply the same rules as the default site docs, category list as now I have them changing colour once they've been clicked. I know I do this with CSS but I don't know where to start! Infact, I'm certain I could move the sitedocs of my choice using css but I don't know how!

Please help guys n girls!