OK first off thanks for the help Carpeperdiem. I think I am getting the grasp and order of what calls what and where. I am a FrontPage hack at best.
Here is the top_menu.tpl I used this time:
Code:
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td class="HeadRightBox">
<a href="/">Home</a><span class="menupipecolor"> | </span>
<a href="/help.php?section=contactus&mode=update">Contact Us</a> |
<a href="/Pricing-amp-Shipping-sp-3.html">Pricing & Shipping</a> |
<a target="_blank" href="/Pricelist.pdf" class="HeadRightBox">Current Pricelist</a> |
<a href="/Order-Catalog-sp-6.html" class="HeadRightBox">Printed Catalog</a><br />
<a href="/Hoosier-Cabinet-Book-sp-5.html">Hoosier Cabinets Book</a> |
<a href="/Hoosier-Parts-sp-8.html">Hoosier Cabinet Parts</a> |
<a href="/Hoosier-Cabinet-Plans-sp-9.html">Hoosier Cabinet Plans</a><br />
<a href="/Wholesale-Package-sp-7.html">Wholesale Package</a> |
<a href="/Monthly-Special-sp-11.html">Monthly Specials</a></td>
<td class="HeadRightBox" width="8">
</td>
</tr>
</table>
I set the menupipecolor in the css and as you can see it works fine. But I still do not get the links to change to the propper color. Here is the current headrightbox class:
Code:
.HeadRightBox {
VERTICAL-ALIGN: MIDDLE;
TEXT-ALIGN: right;
COLOR: #FFFFFF;
A:link
TEXT-COLOR: #FFFFFF;
TEXT-DECORATION: none;
A:visited
COLOR: #FFFFFF;
TEXT-DECORATION: none;
A:hover
COLOR: #FFFFFF;
TEXT-DECORATION: underline;
A:active
COLOR: #FFFFFF;
TEXT-DECORATION: none;
BACKGROUND-IMAGE: http://www.kennedyhardware.com/skin1/images/headback.jpg
}
The background image sets the background for the top_menu section