How to Change the HELP Link in the Header into a Drop-Down Menu for Non-Users???

[NashChristian]

Hello.

I've decided that it makes more sense to keep all the global controls in the header, instead of having most burried in Forum sub-menus (I don't know why vB STILL does this!). As a result, I've added a "Tools" drop-down menu. This is working perfectly for the members who are logged-in, however, I'm having problems with the 'Unregistered / Not Logged In' version.

Here is the code I'm using along with screen shots:

Members Logged-In:

<li class="popupmenu nonotifications">
  <a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">Tools</a>
  <ul class="popupbody popuphover">
    <li><a rel="help" href="faq.php{vb:raw session.sessionurl_q}" accesskey="5">Frequently Asked Questions (FAQ)</a></li>
    <li><a href="content.php?r=171">Website Overview Video</a></li>
    <li><a href="forumdisplay.php?f=69">About NashvilleChristian.com</a></li>
    <vb:if condition="$vboptions['forumleaders']">
      <li><a href="showgroups.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase view_site_leaders}</a></li>
    </vb:if>	
    <vb:if condition="$show['memberslist']">
      <li><a href="memberlist.php{vb:raw session.sessionurl_q}">{vb:rawphrase members_list}</a></li>
    </vb:if>
    <li><a href="online.php{vb:raw session.sessionurl_q}">{vb:rawphrase whos_online}?</a></li>
    <li><a href="showthread.php?t=98">Image Guidelines</a></li>
    <li><a href="forumdisplay.php?f=67">Suggestions &amp; Feedback</a></li>            
    <li><a href="forumdisplay.php?f=94">Report Bugs Here</a></li>
    <li><a href="sendmessage.php?{vb:raw session.sessionurl}">Contact Administrator</a></li>
  </ul>
</li>

Unregistered / Not Logged In:

<li class="popupmenu">
  <a class="popupctrl" rel="help" href="usercp.php{vb:raw session.sessionurl_q}">Tools</a>
  <ul class="popupbody popuphover">
    <li><a href="faq.php{vb:raw session.sessionurl_q}" accesskey="5">Frequently Asked Questions (FAQ)</a></li>
    <li><a href="content.php?r=171">Website Overview Video</a></li>
    <li><a href="forumdisplay.php?f=69">About NashvilleChristian.com</a></li>
    <li><a href="showgroups.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase view_site_leaders}</a></li>
    <li><a href="memberlist.php{vb:raw session.sessionurl_q}">{vb:rawphrase members_list}</a></li>
    <li><a href="online.php{vb:raw session.sessionurl_q}">{vb:rawphrase whos_online} Now?</a></li>
    <li><a href="showthread.php?t=98">Image Guidelines</a></li>
    <li><a href="forumdisplay.php?f=67">Suggestions &amp; Feedback</a></li>            
    <li><a href="forumdisplay.php?f=94">Report Bugs Here</a></li>
    <li><a href="sendmessage.php?{vb:raw session.sessionurl}">Contact Administrator</a></li>
  </ul>
</li>

On the Unregistered / Not Logged In version: how do I add an arrow beside the word 'Tools', as an indicator that it is a drop-down menu, and how do I make the drop-down menu itself look right: change the background color to white, the text to black, the hover background to yellow, etc... ? I don't want to hard-code this either, because I have several styles, some of which are dark, and it needs to be able to adjust the text and background color accordingly.

I know that I used 'rel="help"' on the 'a' tag, which was necessary to style the word "Tools" to match the style of "Register". I want this to look the same as the top menu, with the only exception being the style of the word "Tools", so that it will match the other header links.

Any help would be greatly appreciated!

Thanks!
Jeff