#nav{
		width: 550px;
		margin:0;
		overflow:hidden;
		font-size: 12px;
		padding:0;
}
		
		#nav ul{
			overflow:hidden;
			display:block }
		
		#nav li{
			float:left;
			display:block;
			 }

			#nav li a{
				width: 100px;
				display:block;
				text-decoration:none;
				text-align: center;	
				line-height: 30px;
				letter-spacing:0px;
				color: #fff;
			}				

			#nav li.home a {
				width: 50px;
			}
			
			#nav li.tentang_bni a {background: #DC570A;}
			#nav li.kiriman_uang a {background: #2792D6;}
			#nav li.promosi a {background: #7ABA40;}
			#nav li.kontak a {background: #A89FA0;}
			#nav li.berita a {background: #E9C62A;}

			#nav li.tentang_bni a:hover {background: #BB4B09;}
			#nav li.kiriman_uang a:hover {background: #2381BE;}
			#nav li.promosi a:hover {background: #639634;}
			#nav li.kontak a:hover {background: #9C8F91;}
			#nav li.berita a:hover {background: #C9A914;}

			
			#nav li a span{				
				display:block;
				padding:5px 13px;
				color:#666;
				font-weight:bold;
				position:relative}
				
			#nav li a:hover span,
			#nav li a:hover,
			#nav li.active a,
			#nav li.active a span{
				/* Enggak ada nih */
				color: #fff;
			}
	
			#nav li.active a:hover{
				margin-left:0px;  }
				
			#nav li.active a:hover span{
				margin:0 }

			#nav li a:hover{
				margin-left: 0 }
				
				#nav li.active{
					margin-left:0}
	
				#nav li a:hover span{
					margin-left: 0px }

#nav li ul li:hover, #nav li.sfhover ul li.sfhover {background:#B62728;}

#nav li ul { /* second-level lists */
	position: absolute;
	z-index: 100;
	background: #FFFFFF;
	width: 110px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li { /* all list items */
	padding-right: 0px;
	/*width: 120px; /* width needed or else Opera goes nuts */
}

#nav li ul:hover { /* second-level lists */
	position: absolute;
	background: #FFFFFF;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul a { /* second-level lists */
	display: block;
	font-size: 11px;
	line-height: 26px;
	padding: 0 8px;
	text-align: left;
	text-decoration: none;
	color:#FFF;
	width: 110px;
}

#nav li ul a:hover { /* second-level lists */
	display: block;
	text-align: left;
	text-decoration: none;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 180px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {     
left: -999em; 
} 

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {     
left: auto; 
}