更改jQuery一页导航插件中导航活动部分的样式

我正在尝试更改登录页中菜单活动部分的样式。

我使用的是jQuery一页导航插件，您可以在这里找到：http://github.com/davist11/jQuery-One-Page-Nav

我的网站目前是：www.gewexhibition.com

我试图让导航菜单中的小圆圈在活动时改变颜色，这样用户就可以随时知道他或她在页面上的位置。

我一直在尝试用CSS做不同的事情，但我无法让它发挥作用。我所做的最多的事情就是当你点击它时，把圆圈周围的正方形换成不同的颜色

这是菜单代码：

<ul id="navi">
<li  class="current" ><a href="#top"><span class="tooltip">top</span></a></li>
<li><a class="cir" href="#about"><span class="tooltip">about us</span></a></li>
<li><a href="#wedo"><span class="tooltip">what we do</span></a></li>
<li><a href="#clients"><span class="tooltip">clients</span></a></li>
<li><a href="#contact"><span class="tooltip">contact us</span></a></li>
</ul>   

希望有人能帮我。谢谢！