/* 
------------ 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 {
padding:0 0px;
margin-top:27px;
}

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 {
	position:relative;
	top:0;
	left:0;
	cursor:pointer;
	float:left;
	text-align:center;
	list-style-type:none;
	font-weight:normal;
}

ul.main li:hover {
}

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 */
display:block;
width:108px;
height:37px;
}

ul.main li a.nav1 {
background:url(../images/nav1.png) no-repeat top;
}

ul.main li a.nav2 {
background:url(../images/nav2.png) no-repeat top;
}

ul.main li a.nav3 {
background:url(../images/nav3.png) no-repeat top;
}

ul.main li a.nav4 {
background:url(../images/nav4.png) no-repeat top;
}

ul.main li a.nav5 {
background:url(../images/nav5.png) no-repeat top;
}

ul.main li a.nav6 {
background:url(../images/nav6.png) no-repeat top;
}

ul.main li a.nav1:hover, ul.main li a.nav2:hover, ul.main li a.nav3:hover, ul.main li a.nav4:hover, ul.main li a.nav5:hover, ul.main li a.nav6:hover,
ul.main li a.nav1:active, ul.main li a.nav2:active, ul.main li a.nav3:active, ul.main li a.nav4:active, ul.main li a.nav5:active, ul.main li a.nav6:active, 
ul.main li a.nav1:visited, ul.main li a.nav2:visited, ul.main li a.nav3:visited, ul.main li a.nav4:visited, ul.main li a.nav5:visited, ul.main li a.nav6:visited 
{
background-position:bottom;
}

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:hover a { /* izy css - keadaan topnav hover */
}
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 */