Using pre-existing css with Auto-Nav

Permalink
New to Concrete5, have experience with css but I am no programmer. That said, I'm in the midst of converting a static site over to Concrete5 and had a question about the navigation which contains 6 links styled with a vertical hatch mark to their right (border-right), with the exception of the last link. The links are also styled such that the a:link and a:visited are one color and the a:hover and a:active are another. There is also a style for current (page that is currently being viewed) that is the same color as the hover/active state (please see styles for nav below).

I recreated the navigation using the add to block, auto-nav. All styling works except for the current style (page that is currently being viewed) and border-none, which is applied to the last link on the right.

For the life of me I can't figure out what I need to do in order to get those styles to function... is this something that calls for a custom template to be applied to the block containing the auto-nav?

I'm working on this locally but you can see what the navigation should look like here:http://kevinhermancreative.com/adlSite...

#mainNav {margin: 5px 0 0 390px; padding: 0; float: left; width: 450px;}
#mainNav ul {margin: 0; padding: 0; list-style: none;}
#mainNav li {float: left; border-right: 1px solid #CCCCCC;}
#mainNav ul a:link, #mainNav ul a:visited {
   padding: 4px 10px; font: lighter 1em/1.2 Arial, Helvetica, sans-serif; text-decoration: none;color: #5B3512;}
#mainNav ul a:hover, #mainNav ul a:active  {color: #358DAF;}
#mainNav ul a.current {color: #358DAF;cursor: default;}
#mainNav li.borderRight {border-right: none;}

kherman
 
ThemeGuru replied on at Permalink Reply
ThemeGuru
concrete5 uses the nav-selected for current. So maybe try changing that value in the css.

Cheers,

Thomas
kherman replied on at Permalink Reply
kherman
Beautiful... that works.

Now to figure on adding that border-right: none style back in.

Thanks so much.