html {
scrollbar-face-color:#FC9414;
scrollbar-arrow-color:#FCC404;
scrollbar-highlight-color:#EA2883;
scrollbar-shadow-color:#EA2883;
scrollbar-3dlight-color:#FCC404;
}

body {
	color:#333;
	background-color:#FF9900;
	background-image:url(banner/bg_out.jpg);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	text-decoration:none;
	margin:0;
	padding:0;
	background-position: top center;
	vertical-align: top;
	background-attachment: fixed;
}
#nav {
width:824px;
height:37;
clear:center;
}

.preload1 {
background:url(/images/pro_drop4_2b.gif);
}

.prodrop4 {
list-style:none;
height:36px;
position:relative;
z-index:500;
font-size:16px;
padding-left:0px;
margin:0;
}

.prodrop4 li.top_utama {
	display:block;
	float:left;
	background-image: url(banner/bttn_utama_01.gif);
	background-repeat: no-repeat;
	width: 80px;
}

.prodrop4 li.top_iklan {
	display:block;
	float:left;
	background-image: url(banner/bttn_blog_01.gif);
	background-repeat: no-repeat;
	width: 158px;
}

.prodrop4 li.top_info {
	display:block;
	float:left;
	width: 80px;
	background-image: url(banner/bttn_info_01.gif);
	background-repeat: no-repeat;
}
.prodrop4 li.top_galeri {
	display:block;
	float:left;
	background-image: url(banner/bttn_aktiviti_01.gif);
	width: 87px;
	background-repeat: no-repeat;
}
.prodrop4 li.top_program {
	display:block;
	float:left;
	width: 103px;
	background-image: url(banner/bttn_program_01.gif);
	background-repeat: no-repeat;
}
.prodrop4 li.top_profil {
	display:block;
	float:left;
	width: 103px;
	background-image: url(banner/bttn_profil_01.gif);
	background-repeat: no-repeat;
}
.prodrop4 li.top_muzik {
	display:block;
	float:left;
	background-image: url(banner/bttn_galeri_01.gif);
	width: 80px;
	background-repeat: no-repeat;
}
.prodrop4 li.top_hubungi {
	display:block;
	float:left;
	width: 104px;
	background-image: url(banner/bttn_hubungi_01.gif);
	background-repeat: no-repeat;
}
.prodrop4 li a.top_link_utama {
	display:block;
	float:left;
	height:36px;
	line-height:26px;
	color:#000000;
	text-decoration:none;
	font-size:11px;
	font-weight:700;
	cursor:pointer;
	padding:0 0 0 0px;
	background-image: url(banner/bttn_utama_01.gif);
	width:80px;
	background-repeat: no-repeat;
}

.prodrop4 li a.top_link_utama span {
float:left;
display:block;
height:30px;
background:url(/images/pro_drop4_0b.gif) right top;
font-size:14px;
padding:5px 22px 0 16px;
}

.prodrop4 li a.top_link_utama:hover {
color:#993300;
background:url(/images/pro_drop4_2a.gif) no-repeat;
line-height:25px;
}

.prodrop4 li:hover > a.top_link_utama {
color:#CC3300;
background:url(/images/pro_drop4_2a.gif) no-repeat;
line-height:26px;
}
.prodrop4 li a.top_link_iklan {
	display:block;
	float:left;
	height:36px;
	line-height:26px;
	color:#000000;
	text-decoration:none;
	font-size:11px;
	font-weight:700;
	cursor:pointer;
	padding:0 0 0 0px;
	background-image: url(banner/bttn_blog_01.gif);
	width: 158px;
	background-repeat: no-repeat;
}

.prodrop4 li a.top_link_iklan span {
float:left;
display:block;
height:30px;
background:url(/images/pro_drop4_0b.gif) right top;
font-size:14px;
padding:5px 22px 0 23px;
}

.prodrop4 li a.top_link_iklan:hover {
color:#993300;
background:url(/images/pro_drop4_2a.gif) no-repeat;
line-height:25px;
}

.prodrop4 li:hover > a.top_link_iklan {
color:#CC3300;
background:url(/images/pro_drop4_2a.gif) no-repeat;
line-height:26px;
}
.prodrop4 li a.top_link_info {
	display:block;
	float:left;
	height:36px;
	line-height:26px;
	color:#000000;
	text-decoration:none;
	font-size:11px;
	font-weight:700;
	cursor:pointer;
	padding:0 0 0 0px;
	background-image: url(banner/bttn_info_01.gif);
	width: 80px;
	background-repeat: no-repeat;
}

.prodrop4 li a.top_link_info span {
float:left;
display:block;
height:30px;
background:url(/images/pro_drop4_0b.gif) right top;
font-size:14px;
padding:5px 22px 0 26px;
}

.prodrop4 li a.top_link_info:hover {
color:#993300;
background:url(/images/pro_drop4_2a.gif) no-repeat;
line-height:25px;
}

.prodrop4 li:hover > a.top_link_info {
color:#CC3300;
background:url(/images/pro_drop4_2a.gif) no-repeat;
line-height:26px;
}
.prodrop4 li a.top_link_galeri{
	display:block;
	float:left;
	height:36px;
	line-height:26px;
	color:#000000;
	text-decoration:none;
	font-size:11px;
	font-weight:700;
	cursor:pointer;
	padding:0 0 0 0px;
	background-image: url(banner/bttn_aktiviti_01.gif);
	width: 87px;
	background-repeat: no-repeat;
}

.prodrop4 li a.top_link_galeri span {
float:left;
display:block;
height:30px;
background:url(/images/pro_drop4_0b.gif) right top;
font-size:14px;
padding:5px 18px 0 17px;
}

.prodrop4 li a.top_link_galeri:hover {
color:#993300;
background:url(/images/pro_drop4_2a.gif) no-repeat;
line-height:25px;
}

.prodrop4 li:hover > a.top_link_galeri {
color:#CC3300;
background:url(/images/pro_drop4_2a.gif) no-repeat;
line-height:26px;
}
.prodrop4 li a.top_link_program {
	display:block;
	float:left;
	height:36px;
	line-height:26px;
	color:#000000;
	text-decoration:none;
	font-size:11px;
	font-weight:700;
	cursor:pointer;
	padding:0 0 0 0px;
	background-image: url(banner/bttn_program_01.gif);
	width: 103px;
	background-repeat: no-repeat;
}

.prodrop4 li a.top_link_program span {
float:left;
display:block;
height:30px;
background:url(/images/pro_drop4_0b.gif) right top;
font-size:14px;
padding:5px 22px 0 20px;
}

.prodrop4 li a.top_link_program:hover {
color:#993300;
background:url(/images/pro_drop4_2a.gif) no-repeat;
line-height:25px;
}

.prodrop4 li:hover > a.top_link_program {
color:#993300;
background:url(/images/pro_drop4_2a.gif) no-repeat;
line-height:26px;
}
.prodrop4 li a.top_link_profil {
	display:block;
	float:left;
	height:36px;
	line-height:26px;
	color:#000000;
	text-decoration:none;
	font-size:11px;
	font-weight:700;
	cursor:pointer;
	padding:0 0 0 0px;
	background-image: url(banner/bttn_profil_01.gif);
	width: 103px;
	background-repeat: no-repeat;
}

.prodrop4 li a.top_link_profil span {
float:left;
display:block;
height:30px;
background:url(/images/pro_drop4_0b.gif) right top;
font-size:14px;
padding:5px 22px 0 30px;
}

.prodrop4 li a.top_link_profil:hover {
color:#993300;
background:url(/images/pro_drop4_2a.gif) no-repeat;
line-height:25px;
}

.prodrop4 li:hover > a.top_link_profil {
color:#CC3300;
background:url(/images/pro_drop4_2a.gif) no-repeat;
line-height:26px;
}
.prodrop4 li a.top_link_muzik{
	display:block;
	float:left;
	height:36px;
	line-height:26px;
	color:#000000;
	text-decoration:none;
	font-size:11px;
	font-weight:700;
	cursor:pointer;
	padding:0 0 0 0px;
	background-image: url(banner/bttn_galeri_01.gif);
	width: 80px;
	background-repeat: no-repeat;
}

.prodrop4 li a.top_link_muzik span {
float:left;
display:block;
height:30px;
background:url(/images/pro_drop4_0b.gif) right top;
font-size:14px;
padding:5px 18px 0 17px;
}

.prodrop4 li a.top_link_muzik:hover {
color:#993300;
background:url(/images/pro_drop4_2a.gif) no-repeat;
line-height:25px;
}

.prodrop4 li:hover > a.top_link_muzik {
color:#CC3300;
background:url(/images/pro_drop4_2a.gif) no-repeat;
line-height:26px;
}
.prodrop4 li a.top_link_hubungi {
	display:block;
	float:left;
	height:36px;
	line-height:26px;
	color:#000000;
	text-decoration:none;
	font-size:11px;
	font-weight:700;
	cursor:pointer;
	padding:0 0 0 0px;
	background-image: url(banner/bttn_hubungi_01.gif);
	width: 104px;
	background-repeat: no-repeat;
}

.prodrop4 li a.top_link_hubungi span {
float:left;
display:block;
height:30px;
background:url(/images/pro_drop4_0b.gif) right top;
font-size:14px;
padding:5px 22px 0 20px;
}

.prodrop4 li a.top_link_hubungi:hover {
color:#993300;
background:url(/images/pro_drop4_2a.gif) no-repeat;
line-height:25px;
}

.prodrop4 li:hover > a.top_link_hubungi {
color:#CC3300;
background:url(/images/pro_drop4_2a.gif) no-repeat;
line-height:26px;
}
.prodrop4 table {
border-collapse:collapse;
width:0;
height:0;
position:absolute;
top:0;
left:0;
}

.prodrop4 a:hover {
visibility:visible;
position:relative;
z-index:200;
}

.prodrop4 li:hover {
position:relative;
z-index:200;
}

.prodrop4 ul {
position:absolute;
left:-9999px;
top:-9999px;
width:0;
height:0;
list-style:none;
list-style-type:none;
margin:0;
padding:0;
}

.prodrop4 ul.sub2 {
width:135px;
}

.prodrop4 ul.sub3 {
width:100px;
}

.prodrop4 ul.sub4 {
width:100px;
}

.prodrop4 ul.sub6 {
width:110px;
}

.prodrop4 :hover ul {
left:0;
top:33px;
white-space:nowrap;
height:auto;
z-index:300;
background-color:#FDB74E;
border-color:#FFFFFF;
border-style:solid;
border-width:0 1px 1px;
padding:3px;
}

.prodrop4 :hover ul li {
display:block;
height:20px;
position:relative;
font-weight:400;
width:auto;
}

.prodrop4 :hover ul li a {
	display:block;


	font-size:12px;
	height:20px;
	line-height:20px;
	width:auto;
	color:#333;
	text-decoration:none;
	padding:0 10px;
	text-align: left;
}

.prodrop4 :hover ul li a:hover {
color:#fff;
background-color:#993300;
}

.prodrop4 li a.top_link_utama:hover span,.prodrop4 li:hover > a.top_link_utama span {

}