First homepage. Nav bar color for current page isn't working. Suggestions? CSS below. Thanks.

HTML

```
<ul class="nav">
    <li><a href="Turf.html">HOME</a></li>
    <li><a href="Turf2.html">PRODUCTS</a></li>
    <li><a href="Turf3.html">STAFF</a></li>
    <li><a href="Turf4.html">LINKS</a></li>
    <li><a href="Turf5.html">CONTACT</a></li>
</ul>

```

CSS

```
.nav{
border:1px solid #ccc;
border-width:1px 0;
list-style:none;
margin:20;
padding:0;
text-align:center;
font-family:sans-serif;
}

.nav li{
display:inline-block;
color:#493D26;
font-size: 15px;
font-family:sans-serif;
}

.nav a{
display:inline-block;
border-width:1px 0;
padding:15px;
text-decoration:none;
color:#493D26;
font-size: 17px;
font-style:bold;
text-transform:capitalize;    
}

ul.nav a:hover{ 
color: #6CBB3C; 
}

ul.nav a:current{
color: #6CBB3C;
}

```