/* 
------------ ATTENTION !!!
------------ SEMUA STYLE DI FILE INI BERPENGARUH TERHADAP TAMPILAN WEBSITE. JIKA ADA PERUBAHAN DI WEBSITE, CUKUP UBAH DI STYLE YANG SUDAH TERSEDIA DI FILE INI YANG DIBERI COMMENT :: "izy css" ::

PERINGATAN:
FILE CSS SELAIN external.css dan nav.css INI TIDAK BOLEH DIGANGGU GUGAT. KARENA DAPAT MENGGANGGU STABILITAS TAMPILAN WEBSITE.
 */


/*
-----------------------------------------------
Navigation
----------------------------------------------- */
#topnav {
background:url(../images/bgtopnav.png) no-repeat center center;
}

.bgtopnav {
padding:0 0px;
display:inline-table;
  width: 880px;
height:50px;
position:relative;
}

ul.nav,
ul.nav * { margin:0;padding:0;}
ul.nav {
  position:relative;
  height:1em; /* izy css - tinggi background topnav */
  }

ul.main li ul {
	top:4.2em; /* izy css - jarak subnav dari topnav */
}

/* navigation (horizontal subnavigation)
----------------------------------------------- */
ul.nav li:hover ul {left:0;z-index:10}

/* navigation (vertical subnavigation)
----------------------------------------------- */
ul.main li {
  float: left;
  list-style-type: none;
  padding: 0 15px;
}

ul.main li:first-child {
background:none;
}

ul.main li ul {
	cursor:default;
	position:absolute;
	height:auto;
	/* top:4.2em; izy css - jarak subnav dari topnav */
	background-position:0 0 !important;
	left:-9000px;
	border-top:0;
}
ul.main li ul li {
	padding:0;
	border:none;
	width:auto;
	max-width:none;
  float:left;
}
ul.main li a { /* izy css - link topnav keadaan normal */
  color: #000;
  display: block;
  float: left;
  font-family: "Calibri","arial";
  font-size: 14px;
  font-weight: 800;
  margin: 0;
  padding: 20px 0 0px;
}
ul.main li ul li a {
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	width:12em; /* izy css - lebar subnav */
	line-height:2em; /* izy css - tinggi subnav */
	height:2em;
	text-align:left;
	border-top:1px solid #444;
	font-weight:normal;
}

ul.main li:first-child a {
background:none;
}

ul.main li:hover a { /* izy css - keadaan topnav hover */
  background: transparent;border-bottom: 4px solid #f3d500;transition: all 0.5s ease-out 0s;
}
ul.main li:hover ul li a {color:#222; background:none; text-shadow:none;} /* izy css - style keadaan subnav normal */
ul.main li:hover ul li a:hover {color:#fff; background:#444;} /* izy css - style keadaan subnav hover */
ul.main li:hover a:active {background:none;} /* izy css - keaadan topnav saat di klik */
ul.main li:hover ul li a:active {color:#fff; background:none;} /* izy css - keaadan subnav saat di klik */

/* Laporpelayanan
----------------------------------------------- */
.laporan {
  position: absolute;
  right: -25px;
  top: -30px;
  width: 140px;
  background: url('../images/arrow.png') no-repeat scroll 0px 42px;
}

.laporan:hover{
  background: url('../images/arrow.png') no-repeat scroll 8px 42px;
transition:ease 1s;
}