<style>
#menunavigasihorisontal {
background: #800080;
width: 100%;
color: #800080;
margin: 10px 0;
padding: 0;
position: relative;
border-top:0px solid #FFF;
height:35px; }
#bb2nav {
margin: 0;
padding: 0;}
#bb2nav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;}
#bb2navli {
list-style: none;
margin: 0;
padding: 0;}
#bb2nav li a, #bb2nav li a:link, #bb2nav li a:visited {
color: #FFFFFF;
display: block;
font:bold 12px Helvetica, sans-serif;
margin: 0;
padding: 12px 12px 12px 12px;
text-decoration: none;
border-right:0px solid #627AAD;}
#bb2nav li a:hover, #bb2nav li a:active {
background: #00008B;
color: #FFFFFF;
display: block;
text-decoration: none;
margin: 0;
padding: 12px 12px 12px 12px;}
#bb2nav li {
float: left;
padding: 0;}
#bb2nav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 160px;
margin: 0;
padding: 0;}
#bb2nav li ul a {
width: 140px;}
#bb2nav li ul ul {
margin: -25px 0 0 161px;}
#bb2nav li:hover ul ul, #bb2nav li:hover ul ul ul, #bb2nav
li.sfhover ul ul, #bb2nav li.sfhover ul ul ul {
left: -999em;}
#bb2nav li:hover ul, #bb2nav li li:hover ul, #bb2nav li li
li:hover ul, #bb2nav li.sfhover ul, #bb2nav li li.sfhover ul, #bb2nav
li li li.sfhover ul {
left: auto;}
#bb2nav li:hover, #bb2nav li.sfhover {
position: static;}
#bb2nav li li a, #bb2nav li li a:link, #bb2nav li li a:visited {
background: #000080;
width: 120px;
color: #FFFFFF;
display: block;
font:normal 12px Helvetica, sans-serif;
margin: 1px 0 0 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
z-index:9999;
border:1px solid #ddd;
-moz-border-radius:4px;
-webkit-border-radius:4px;}
#bb2nav li li a:hover, #bb2nav li li a:active {
background: #627AAD;
color: #FFFFFF;
display: block;}
#bb2nav li li li a, #bb2nav li li li a:link, #bb2nav li li li
a:visited {
background: #800080;
width: 120px;
color: #FFFFFF;
display: block;
font:normal 12px Helvetica, sans-serif;
padding: 9px 12px 10px 12px;
text-decoration: none;
z-index:9999;
border:1px solid #ddd;
margin: 1px 0 0 -14px;}
#bb2nav li li li a:hover, #bb2nav li li li a:active {
background: #000080;
color: #FFFFFF;
display: block;}
</style>
<div id='menunavigasihorisontal'>
<ul id='bb2nav'>
<li>
<a href='http://filsuflana.blogspot.co.id/2016/12/biografi-maulana-ainul-yaqin.html'>Profil</a>
</li>
<li>
<a href='#'>Organisasi-kun ▼</a>
<ul>
<li><a href='http://filsuflana.blogspot.co.id/2016/12/profil-hmps-pai-stain-pekalongan.html'>Profil HMPS PAI IAIN Pekalongan ▼</a>
</li></ul>
<li>
<a href='#'>Catatan-kun ▼</a>
<ul>
<li><a href='http://filsuflana.blogspot.co.id/2016/12/kuliahatau-organisasi-by-maulana-ainul.html'>Kuliah Or Organisasi</a></li>
<li><a href='http://filsuflana.blogspot.co.id/2016/12/catatan-pendidikan-berbudaya.html'>Pendidikan Berbudaya</a></li>
<li><a href='http://filsuflana.blogspot.co.id/2016/12/catatan-pengangguran-terdidik.html'>Pengangguran Terdidik</a></li>
</ul>
<li>
<a href='#'>Tips Jitu-kun ▼</a>
<ul>
<li><a href='http://filsuflana.blogspot.co.id/2016/11/teknik-dasar-public-speaking.html'>Public Speaker</a></li>
</ul>
<li>
<a href='#'>Video-kun ▼</a>
<ul>
<li><a href='http://filsuflana.blogspot.co.id/2016/11/tentangku-orasi-hardiknas.html'>Orasi Pendidikan</a></li>
</ul>
<li>
<a href='#'>Mata Kuliah-kun ▼</a>
<ul>
<li><a href='http://filsuflana.blogspot.co.id/2016/12/ilmu-pendidikan.html'>Ilmu Pendidikan</a></li>
<li><a href='http://filsuflana.blogspot.co.id/2016/12/masailul-fiqiyah.html'>Masail Fiqhiyah</a></li>
<li><a href='http://filsuflana.blogspot.co.id/2016/12/studi-tokoh-pendidikan-islam.html'>S T P I</a></li>
<li><a href='http://filsuflana.blogspot.co.id/2016/12/perencanaan-sistem-pendidikan.html'>Perencanaan Sistem PAI</a></li>
<li><a href='http://filsuflana.blogspot.co.id/2016/12/tafsir-tarbawi-ii.html'>Tafsir Tarbawi</a></li>
</ul>
<li>
<a href='#'>Materi PAI-kun ▼</a>
<ul>
<li><a href='http://filsuflana.blogspot.co.id/2016/12/hukum-bacaan-al-qomayiyah-dan-as.html'>Hukum Bacaan "Al"Syamsiyah dan "Al" Qamariyah</a></li>
<li><a href='http://filsuflana.blogspot.co.id/2016/12/akhlak-terpuji.html'>Akhlak Terpuji</a></li>
<li><a href='http://filsuflana.blogspot.co.id/2016/12/thaharoh-bersuci.html'>Thaharah (Bersuci)</a></li>
<li><a href='http://filsuflana.blogspot.co.id/2016/12/sholat-wajib.html'>Sholat Wajib</a></li>
<li><a href='http://filsuflana.blogspot.co.id/2016/12/hadas-dan-najis.html'>Najis dan Hadas</a></li>
<li><a href='http://filsuflana.blogspot.co.id/2016/12/tata-cara-mandi-wajib.html'>Tatacara Mandi Wajib</a></li>
</ul>
</li></li></li></li></li></li></ul></div>
