JQuery UIタブについて

###前提・実現したいこと
JQuery UIのタブを用いてページを作っています。JQuery UIのテーマだと勝手にcssを決められていやだったので、テーマのプラグインは入れていません。
パネルの切り替え表示は問題なく動くのですが、タブを選択すると水色の線でaタグが囲まれてしまします。この水色の線をなくしたいのですがjsファイル、あるいはcssファイルをどのように書けばいいでしょうか
###発生している問題・エラーメッセージ

エラーメッセージ

###該当のソースコード

HTML
1<scirpt>
2      $(function() {
3	  $('.about-navbar').tabs();
4	});
5</script>
6
7<div class="navbar">
8					<!--タブ-->
9					  <ul>
10					    <li>
11					      <div class="nav">
12					      <a>
13					      <h4 class="nav-title">タイトル１</h4>
14					      </a>
15					      </div>
16					    </li>
17					    <li>
18					      <div class="nav">
19					      <a>
20					      <h4 class="nav-title">タイトル２</h4>
21					      </a>
22					      </div>
23					    </li>
24					    <li>
25					      <div class="nav">
26					      <a>
27					      <h4 class="nav-title">タイトル３</h4>
28					      </a>
29					      </div>
30					    </li>
31					  </ul>
32
33					<!--パネル-->
34					  
35					    <div class="panel">
36					    <p>パネル１</p>
37					    </div>
38
39					    <div class="panel">
40						<p>パネル２</p>
41					    </div>
42					   
43					    <div class="panel">
44						<p>パネル３</p>		
45					    </div>
46</div>