Menu boarder to change from dashed to solid

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;
}