#nav_dropdown {
  color:white;
}

#nav_dropdown ul {
  margin:0px 0px;
  padding:0px 0px;
  height:30px;
}

#nav_dropdown li {
  margin:0px 0px;
  padding:0px 0px;
  float:left;
  display:inline;
  list-style:none;
  position:relative;
}

#nav_dropdown a {
	text-decoration:none;
	margin:5px;
	font-weight:bold;
	padding:14px 5px 5px;
	transition: all 0.3s ease-in-out 0s
}

#nav_dropdown a:hover {
	color: #ffffff;
}

#nav_dropdown li ul {
  width:100px;
  background-color:#1CA7E3;
  height:auto;
  position:absolute;
  top:100%;
  left:5px;
  margin-top:5px;
  z-index:10;
  display:none;
  padding-top:10px;
  padding-bottom:10px;
}
#nav_dropdown li ul li a{
	color:#FFF;
}
#nav_dropdown li ul li a:hover{
	color:#FFF;
	background-color:none;
}
#nav_dropdown li li {
  display:block;
  float:none;
}

/* Kode di bawah ini sudah tidak diperlukan lagi saat kita menggunakan JQuery.
   Tugas menampilkan dan menyembunyikan submenu akan digantikan oleh fungsi .hover() pada JQuery
   
#nav_dropdown li:hover > ul {
  display:block;
}

*/

#nav_dropdown li ul ul {
  left:100%;
  top:0px;
}