/* Basic code - don't modify */
 
#nav {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	}
#nav li {
	display: block;
	list-style: none;
	color: #000000;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	}
#nav a {
	display: block;
	}
#nav ul {
	display: none;
	position: absolute;
	left: 0;
	margin: 0;
	padding: 0;
	}
* html #nav ul {
	line-height: 0;
	} /* IE6 "fix" */
#nav ul a {
	zoom: 1;
} /* IE6/7 fix */
#nav ul li {
	float: none;
	}
#nav ul ul {
	top: 0;
	}
    
/* Essentials - configure this */

#nav ul {
	width: 130px;
	}
#nav ul ul {
	left: 131px;
	}

/* Everything else is theming */
 
#nav {
	background: url(../images/home_Normal.png) no-repeat;
	height: 75px;
	float: left;
	color: #000000;
	}
#nav *:hover {
	background-color: none;
	}
#nav a {
	height: 42px;
	font: bold 15px sans-serif, Arial, Helvetica;
	color: #e9750e;
	text-decoration: none;
	letter-spacing: -2px;
	background: url(../images/spacer_Navigasi.png) right no-repeat;
	margin-right: 3px;
	/*border-right: 1px solid white;*/
	padding: 33px 18px 0 9px;
	line-height: 1;
	}
#nav li.hover a {
	color: #990000;
	/*background-color: #5E5A5A;*/
	}
#nav li.active a {
	color: #990000;
	/*background-color: #5E5A5A;*/
	}
#nav ul {
	top: 75px;
	}
#nav ul li a {
	height: auto;
	font: bold 12px sans-serif, Arial, Helvetica;
	letter-spacing: 0px;
	padding: 5px 10px;
	background-color: #e8e8e8;
	}
#nav ul a.hover {
	height: auto;
	padding: 5px 10px;
	background-color: #FFFFFF;
	}
#nav ul a {
	border-bottom: 1px solid #393329;
	border-right: none;
	background: none;
	opacity: 0.9;
	filter: alpha(opacity=75);
	}
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

