I am close but can't get the menu border to stay solid when the link is active.
I want the inactive border to be "dashed 1px #cccccc" and when the link is hovered or active to be "solid 1px #1B429A"

I have pasted Juggledads cheat sheet in and tweaked from there but cant get the border to stay solid when the page is active.

Here is where I am at now ( i may have slautered this because I have been tweaking for a couple of days now) and here is the site:

ul.rMenu li {
background: transparent !important;
float: right;
margin-right: 14px;
}
ul.rMenu li a:link {
border-left: dashed 1px #cccccc !important;
}
ul.rMenu li a:visited {
border-left: dashed 1px #cccccc !important;
}
ul.rMenu li a:active {
border-left: solid 1px #1B429A !important;
}
ul.rMenu li a:hover {
border-left: solid 1px #1B429A !important;
}

The order needs to be link, visited, hover, active. You have active before hover.

Hey Larry,
Thank You for the response. I switched the order on those and I still can't get the border-left to stay solid/blue on active. Any other ideas? I checked other code in the menu option to make sure it wasn't conflicting but I can't find anything. Right now the active link goes back to the gray dashed left border.

Take a look at this and see if it helps to at least clarify what active does.

Assuming from your reply and the way the active link displays when clicked for the brief moment, I am looking for something else.
I need the border-left to change from dashed to solid when you click the link and are on the respective page.

That's where Firebug with Firefox can be handy. The selector is probably something like .current-menu-item or .current_page_item.