/* *************************************** */
/*         Aryo Darmo Kusuma			   */
/*     RL_template 1.01 (UTF-8 ver.)       */
/*       ver 1.01 Release : 2008.06.24     */
/* *************************************** */

/* ********** CSS Compatibility ********** */
/*   full:Win IE6,7;Firefox1.5,2.0;        */
/*        Mac Safari 1.3;Firefox 1.5,2.0;  */
/*   Not usable:                           */
/*        IE 5.5-;NC4                      */
/* *************************************** */

/* filter CSS \*/
 
/*-- Body start --*/

body {
	margin				: 0px;
	padding				: 0px;
	color				: #2E7E16;
	font-size			: small;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	background			: #E8F2B3 url(../images/bgbg.jpg) repeat-x;
	}

div a, div a:link, div a:hover{
	outline				: none;
	}

img {
	border:0px;
	}
/*-- Link Universal Start --*/

a, a:link 
	{
	color				: #FFF;
	text-decoration		: none;
	}
	
a:hover
	{
	color				: #fff; 
	text-decoration		: underline;
	}
	
a:visited, a:active
	{
	color				: #FFF;
	}

input, form {
	margin:0px;
	padding:0px;
	}
/*--Link Universal End --*/


/*-- Heading --*/

h1, h2, h3, h4, h5, h6 {
	margin				: 0px;
	padding				: 0px;
}

h1 {
	font-size			: 16px;
	}


/*-- Out_side Start --*/

#out_side {
	padding				: 0px;
	margin				: auto;
	text-align			: left;
	*text-align			: center!important;
	*text-align			: center;
	background			: #E8F2B3 url(../images/bg_skin.jpg) no-repeat fixed top;
	}
	

/*-- wrapper_page  Start --*/

#wrapper_page {
	color				: #2E7E16;
	width				: 950px;
	margin				: auto;
	text-align			: left;
	*text-align			: center!important;
	*text-align			: center;	
	}

/*-- wrapper_page  Start --*/

/*-- snipet start --*/
#snipet {
	width				: 950px;
	padding				: 0px;
	margin				: 0px;
	background			: #222621;
	border-collapse		: collapse;
	border				: none;
	height				: 29px;
	}

.snipet_left {
	padding				: 0px;
	margin				: 0px;
	width				: 14px;
	background			: #222621;
	float				: left;	
	outline				: none;
	border-collapse		: collapse;
	border				: none;
	}

div.snipet_mdl {
	padding				: 0px 0px 0px 0px;
	margin				: 0px;
	width				: 950px;
	*width				: 931px!important;
	*width				: 931px;
	outline				: none;
	border-collapse		: collapse;
	border				: none;
	}



.snipet_rgt {
	padding				: 0px;
	margin				: 0px;
	width				: 14px;
	background			: #222621;
	float				: right;
	outline				: none;
	border-collapse		: collapse;
	border				: none;
	}
	
.massage {
	float				: left;
	width				: 250px;
	color				: #fff;
	font-size			: 10px;
	font-weight			: bold;
	text-align			: left;
	padding:8px 0px 0px 20px;
	}
	
.massage strong {
	color				: #FF0000;
	font-style			: italic;
	font-weight			: bold;
	font-size:8px;
	}
	
.botton_top {
	float				: right;
	width				: 650px;
	padding				: 4px 0px 0px 0px;
	padding				: 4px 0px 0px 0px;
	
	}

.botton_top ul {
	padding				: 0px;
	margin				: 0px;
	}

.botton_top li {
	display				: inline;
	text-align			: right;
	margin				: 0px 5px;
	float				: right;
	font-size			: 10px;
	color:#FFF;
	}

.botton_top a, .botton_top a:link, .botton_top a:hover {
	color:#FFFFFF;
	text-decoration:none;
	font-size			: 10px;
	}
	
.botton_top a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	font-size			: 10px;
	}

.botton_top input {
	width:120px;
}

/*-- snipet end --*/


/*-- Heder start --*/
#header {
	width				: 765px;
	padding				: 0px;
	margin				: 5px 0px 0px 0px;
	*margin				: 3px 0px 0px 0px!important;
	*margin				: 3px 0px 0px 0px;
	}

.banner_top {
	padding				: 0px;
	margin				: 0px;
	width				: 765px;
	}
	
.banner_top_left {
	float				: left;
	height				: 10px;
	width				: 10px;
	}
	
.banner_top_right{
	float				: right;
	height				: 10px;
	width				: 10px;
	text-align			: right;
	}
	
.banner_top_mdl {
	padding				: 0px;
	margin				: 0px;
	width				: 730px;
	}


.botton_mdl {
	padding				: 0px;
	margin				: 0px;
	width				: 765px;
	height				: 141px;
	*height				: 121px!important;
	*height				: 121px;
	}

.botton_mdl img {
	padding				: 10px 10px 10px 10px;
	*padding			: 0px 10px 0px 10px!important;
	*padding			: 0px 10px 0px 10px;
	margin				: 0px;
	}

.banner_logo {
	width				: 330px;
	height				: 118px;
	float				: left;
	text-align			: center;
	}

.banner_promo {
	width				: 380px;
	height				: 118px;
	float				: right;
	text-align			: right;
	}


.banner_btn {
	padding				: 0px;
	margin				: 0px;
	width				: 765px;
	height				: 10px;
	background			: url(../images/round_btnmdl_bannerhome.jpg) top repeat-x;
	}
	
.banner_btn_left {
	float				: left;
	height				: 10px;
	width				: 10px;
	}
	
.banner_btn_right{
	float				: right;
	height				: 10px;
	width				: 10px;
	text-align			: right;
	}
	
.banner_btn_mdl {
	padding				: 0px;
	margin				: 0px;
	width				: 730px;
	height				: 10px;
	}

/*-- Header end --*/

/*-- main IMG start --*/

.bg_cont_wel {
	background			: url(../images/bg_cont_wel.jpg) repeat-x top;
	height				: 161px;
	width				: 301px;
	}
	
.bg_cont_wel2 {
	background			: url(../images/wel_mid_top.jpg) repeat-x top;
	height				: 111px;
	width				: 301px;
	}

.bg_wel_top {
	background			: url(../images/bg_wel_top.jpg) repeat-x;
	width				: 301px;
	height				: 50px;
	}
	
.wel_left_mid {
	background			: url(../images/wel_left_mid.gif) no-repeat;
	height				: 111px;
	width				: 18px;
	}
	
.wel_mid {
	background			: url(../images/wel_mid.gif) repeat-x;
	width				: 523px;
	height				: 111px;
	}

.cont_wel_text {
	padding				: 20px 0px 0px 0px;
	text-align			: left;
	font-size			: 11px;
	line-height			: 140%;
	}

.bg_genero_login {
	background			: url(../images/bg_genero_login.jpg) top no-repeat;
	width				: 227px;
	height				: 111px;
	}	

.form_login {
	background:url(../images/form_login.png) top right no-repeat;
	background-attachment:none;
	width:115px;
	height:18px;
	padding:0px 5px 0px 15px;
	border:0px;
	}

.login {
	margin-left:5px;
	*margin-left:5px!important;
	*margin-left:5px;
	text-align:left;
	}

.login_submit {
	padding-top		: 0px;
	*padding-top		: -1px!important;
	*padding-top		: -1px;
	}
	
.login_login {
	font-size			: 10px;
	font-weight			: bold;
	text-align			: right;
	color				: #2E7E16;
	height				: 25px;
	}
	
.login_login2 {
	font-size			: 11px;
	text-align			: center;
	color				: #2E7E16;
	padding				: 5px 0px 5px 0px;
	*padding			: 5px 0px 5px 0px!important;
	*padding			: 5px 0px 5px 0px;
	}

/*-- main IMG end --*/

/*-- Menu Dua Start --*/

#nav_menutop {
font-family			: Verdana, Arial, Helvetica, sans-serif;
font-size			: 12px;
width				: 950px;
height				: 37px;
margin-top			: 0px;
*margin-top			: 0px!important;
*margin-top			: 0px;
}

ul#navlist a {
font-weight			: bold;
text-decoration		: none;
width				: 95px;
height				: 29px;
padding				: 8px 1px 0px 0px;
}

ul#navlist, ul#navlist ul, ul#navlist li {
margin				: 0px;
padding				: 0px;
list-style-type		: none;
}

ul#navlist li { float: left; }

ul#navlist li a
{
color: #ffffff;
background			: url(../images/menu_top.png) left top no-repeat;
width				: 95px;
height				: 29px;
display				: block;
text-align			: center;
}

ul#navlist li a:hover
{
color				: #ffff00;
background			: url(../images/menu_top_hover.png) left top no-repeat;
width				: 95px;
height				: 29px;
}


ul#navlist li ul a
{
color				: #ffffff;
width				: 95px;
height				: 29px;
display				: block;
text-align			: left;
}

ul#navlist li ul a:hover
{
color				: #fff;
width				: 95px;
height				: 29px;
text-align			: left;
}


#navlist li#active a, #navlist li#active a:link, #navlist li#active a:hover
{
color				: #ffff00;
background			: url(../images/menu_top_hover.png) left top no-repeat;
width				: 95px;
height				: 29px;
}

ul#subnavlist { display: none; }
ul#subnavlist li { float: none; }

ul#subnavlist li a
{
padding: 0px;
margin: 0px;
}

ul#navlist li:hover ul#subnavlist
{
display			: block;
position		: absolute;
font-size		: 12px;
font-weight		: bold;
}

ul#navlist li:hover ul#subnavlist li a
{
display				: block;
width				: 120px;
height				: 21px;
border				: none;
padding				: 2px 8px;
}


/*-- Menu Dua End --*/


/*-- Menu Core CSS  --*/
.menu_top_down {
	margin-top:0px;
	*margin-top:0px!imporatant;
	*margin-top:0px;
	}

#navigation_top {
	margin				: auto;
	text-align			: left;
	*text-align			: center!important;
	*text-align			: center;
	width				: 765px;	
	}

.qmmc .qmdivider {
	display				: block;
	font-size			: 1px;
	border-width		: 0px;
	border-style		: solid;
	position			: relative;
	z-index				: 1;
	}

.qmmc .qmdividery {
	float 				: left;
	width 				: 0px;
	}

.qmmc .qmtitle {
	display				: block;
	cursor				: default;
	white-space			: nowrap;
	position			: relative;
	z-index				: 1;
	}

.qmclear {
	font-size			: 1px;
	height				: 0px;
	width				: 0px;
	clear				: left;
	line-height			: 0px;
	display				: block;
	float				: none !important;
	}
	
.qmmc {
	position			: relative;
	zoom				: 1;
	z-index				: 10;
	}

.qmmc a, .qmmc li {
	float				: left;
	display				: block;
	white-space			: nowrap;
	position			: relative;
	z-index				: 1;
	}

.qmmc div a, .qmmc ul a, .qmmc ul li {
	float				: none;
	}
	
.qmsh div a {
	float				: left;
	}

.qmmc div {
	visibility			: hidden;
	position			:absolute;
	}

.qmmc .qmcbox {
	cursor				: default;
	display				: block;
	position			: relative;
	z-index				: 1;
	}
	
.qmmc .qmcbox a {
	display:inline;
	}

.qmmc .qmcbox div{
	float				: none;
	position			: static;
	visibility			: inherit;
	left				: auto;
	}
	
.qmmc li {
	z-index				: auto;
	}
	
.qmmc ul {
	left				: -10000px;
	position			: absolute;
	z-index				: 10;}

.qmmc, .qmmc ul {
	list-style			: none;
	padding				: 0px;
	margin				: 0px;
	}
	
.qmmc li a {
	float				: none;
	}
	
.qmmc li:hover>ul {
	left				: auto;
	}
	
#qm0 ul {
	top					: 100%;
	}

#qm0 ul li:hover>ul {
	top					: 0px;
	left				: 100%;
	}


/*-- QuickMenu Styles --*/


/* QuickMenu 0 */

/*-- (MAIN) Items --*/	
#qm0 a {	
	padding				: 5px 4px 5px 5px;
	color				: #FFFFFF;
	font-family			: Arial;
	font-size			: 10px;
	text-decoration		: none;
	}

/*-- (SUB) Container --*/	
#qm0 div, #qm0 ul {	
	padding				: 10px;
	margin				: -2px 0px 0px 0px;
	background-color	: transparent;
	border-style		: none;
	}


/*-- (SUB) Items--*/	
#qm0 div a, #qm0 ul a {	
	padding				: 3px 10px 3px 5px;
	background-color	: transparent;
	font-size			: 11px;
	border-width		: 0px;
	border-style		: none;
	}


/*-- (SUB) Hover State--*/	
#qm0 div a:hover {	
	background-color	: #8EAF0A;
	color				: #000000;
	}


/*-- (SUB) Hover State - (duplicated for pure CSS)--*/	
#qm0 ul li:hover>a {	
	background-color	: #8EAF0A;
	color				: #000000;
	}


/*-- (SUB) Active State--*/	
body #qm0 div .qmactive, body #qm0 div .qmactive:hover {	
	background-color	: #8EAF0A;
	color				: #000000;
	}


/*-- Individual Titles--*/	
#qm0 .qmtitle {	
	cursor				: default;
	padding				: 3px 0px 3px 4px;
	color				: #ffffff;
	font-family			: arial;
	font-size			: 11px;
	font-weight			: bold;
	}


/*-- Individual Horizontal Dividers--*/	
#qm0 .qmdividerx {	
	border-top-width	: 1px;
	margin				: 4px 0px 4px 0px;
	border-color		: #BFBFBF;
	}


/*-- Individual Vertical Dividers--*/	
#qm0 .qmdividery {	
	border-left-width	: 1px;
	height				: 15px;
	margin				: 4px 2px 0px 2px;
	border-color		: #AAAAAA;
	}


/*-- (main) Rounded Items--*/	
#qm0 .qmritem span {	
	border-color		: #DADADA;
	background-color	: #F7F7F7;
	}


/*-- (main) Rounded Items Content--*/	
#qm0 .qmritemcontent {	
	padding				: 0px 0px 0px 4px;
	}


/*-- Custom Rule--*/	
ul#qm0 ul {	
	padding				: 10px;
	margin				: -2px 0px 0px 0px;
	background-color	: #F7F7F7;
	border-width		: 1px;
	border-style		: solid;
	border-color		: #DADADA;
	}


/*-- Custom Rule--*/	
ul#qm0 li:hover > a {	
	background-color	: #F7F7F7;
	}



/*-- wrapper_main strat --*/
#wrapper_main {
	width				: 950px;
	}

/*-- navigation start --*/
#navigation {
	width				: 300px;
	float				: right;
	text-align			: left;
	background			: #161614;
	}

.globalmenu {
	padding				: 0px;
	margin				: 0px;
	}
	
/*-- Left Menu Start --*/
.left_menu, .left_menu ul {
	padding				: 0px;
	margin				: 0px;
	}

.left_menu h2 {
	color				: #006600;
	font-size			: 15px;
	font-weight			: bold;
	padding				: 0px 0px 10px 0px;
	margin				: 0px;
	}

.left_menu li {
	display				: block;
	list-style-type		: none;
	height				: 23px;
	}
	
.left_menu li a, .left_menu li a:link {
	background			: url(../images/menu_left.jpg) top left no-repeat;
	height				: 23px;
	text-decoration		: none;
	display				: block;
	padding				: 1px 0px 0px 20px;
	}

.left_menu li a:hover {
	background-position	: 0px -23px;
	text-decoration		: underline;
	display				: block;
	padding				: 1px 0px 0px 20px;
	} 

.left_menu li.active a {
	background			: url(../images/menu_left.jpg) no-repeat 0px -23px;
	height				: 23px;
	}
/*-- Left Menu end --*/

/*-- playing start --*/
	
.playing {
	width:300px;
	margin:0px;
	padding:0px;
}

.judul_palyaing {
	background: url(../images/now_playing.jpg) top no-repeat;
	width:300px;
	height:54px;
}
	
/*-- playing send --*/

.banner_300 {
	width:300px;
	height:250px;
}

.call {
	width:300px;
	height:112px;
	padding-top:10px;
}


/*-- massage start --*/
.massage_box {
	width				: 300px;
	color				: #FFF;
	font-size			: 11px;
	width:260px;
	}

.massage_box_top {
	background			: url(../images/message_board.jpg) bottom left no-repeat;
	height				: 27px;
	text-align			: left;
	margin:10px 0px 0px 10px;
	
	}


.pesan1{
	margin				: 0px 10px 8px 10px;
	padding				: 8px 0px 0px 0px;
	}

.pesan2{
	margin				: 0px;
	padding				: 0px 10px 10px 10px;
	}

.pesan1 ul {
	margin				: 0px;
	padding				: 0px;
	}


.pesan1 li {
	margin				: 0px;
	padding				: 0px;
	display				: inline;	
	}

.box1 {
	float				: left;
	/*width				: 55px;*/
	margin		: 5px;
	}

.box1 img {
	border:1px solid #fff;
	}

.box2 {
	/*float				: right;
	width				: 200px;*/
	margin-bottom		: 5px;
	color:#FFFFFF;
	}

.massage_mdl2 {
	height				: 30px;
	background			: url(../images/bg_box_middle.png) top repeat-y;
	}

.massage_mdl2_submit {
	text-align			: right;
	padding				: 15px 15px 0px 0px;
	}

.massage_btn {
	background			: url(../images/maasagebord_btn.jpg) no-repeat top;
	height				: 12px;
	}
/*-- massage end --*/


/*-- polling start --*/



/*-- polling end --*/

.polling {
	width				: 266px;
	color:#FFFFFF;
	font-size:11px;
	}

.polling_top {
	background			: url(../images/polling.gif) bottom no-repeat;
	height				: 59px;
	}

.polling_mdl {
	background			: #FEFEFC url(../images/bg_polling.jpg) repeat-x top;
	padding				: 0px 8px;
	}

.polling_text1 {
	font-size			: 11px;
	font-style			: italic;
	font-weight			: bold;
	color				: #fff;
	line-height			: 140%;
	padding				: 0px 30px;
	}

.polling_text2 {
	font-size			: 11px;
	color				: #fff;
	line-height			: 140%;
	padding				: 0px 30px;
	}
	
.polling_text3 {
	text-align			: center;
	padding				: 8px 0px;
	}

.polling_text3 span {
	padding-right		: 8px;
	}

/*-- navigation end --*/

/*-- Contents  Start--*/
#contents {
	float				: left;
	width				: 640px;
	}

/*-- Ganas start --*/
.ganas1 {
	width:315px;
	float:left;
	background:url(../images/bgbox.jpg) top left repeat-x;
	height:304px;
	}
	
.judul_ganas {
	padding:7px 0px 0px 9px;
	text-align:left;
}


.list_ganas {
	width:307px;
	margin:10px 0px 0px 7px;
	padding:0px;
	font-size:11px;
	color:#FFF;
	text-align:left;
	height:14px;
}

.gansa_nomer {
	float:left;
	width:20px;
}

.ganas_judul{
	float:left;
	width:270px;
}

.ganas_play  {
	float:left;
	width:14px;
	padding-top:2px;
}


.more {
	text-align:right;
	margin:5px 5px;
}
	
.ganas2 {
	width:315px;
	float:right;
	background:url(../images/bgbox.jpg) top left repeat-x;
	height:304px;
	}

.box_event {
	width:307px;
	margin:10px 0px 0px 7px;
	padding:0px;
	font-size:11px;
	color:#FFF;
	text-align:left;
}


.event_judul {
	font-size:12px;
	font-weight:bold;
	padding-bottom:4px;
	width:307px;
}

.event_img {
	width:90px;
	float:left;
	padding-top:4px;
}

.event_img img {
	border:1px solid #FFF;
}

.event_text {
	line-height:120%;
	text-align:justify;
	padding-left:10px;
}


.news {
	background:#161614;
	width:640px;
	margin-top:10px;
}

.news_utama_top {	
	width:640px;
	background:url(../images/bg_newsutama.gif) bottom left no-repeat;
	height:16px;
}


.news_utama_btn {	
	width:640px;
	background:url(../images/bg_newsutamabtn.gif) top left no-repeat;
	height:16px;
}

.news_utama {	
	width:640px;
	background:#A5CD0C;
}

.judul_news {
	width:640px;
	text-align:left;	
	
}

.judul_news img {
	margin:10px 0px 0px 10px;
}


.box_news {
	width:620px;
	margin-bottom:8px;
	text-align:left;
	padding:3px 10px;
	
}

.news_tgl {
	font-style:italic;
	color:#FFF;
	font-size:11px;
}

.news_ttl {
	font-size:12px;
	font-weight:bold;
	padding:5px 0px;
}

.news_text {
	color:#FFF;
	font-size:11px;
	text-align:justify;
	line-height:140%;
}


.box_dua {
	margin:0px;
	padding:0px;
}


/*-- our_people start --*/

.ganas1 {
	width:315px;
	float:left;
	background:url(../images/bgbox.jpg) top left repeat-x;
	height:304px;
	}

.our_people_box {
	width: 315px;
	background:#161614;
	margin:8px 0px 0px 0px;
	float:left;
	height:304px;
	}

.our_people_box_top {
	margin:8px 0px 0px 10px;
	text-align:left;
	}

.our_box_mdl {
	background			: url(../images/bg_box_middle.png) top repeat-y;
	}

.our_box_btn {
	background			: url(../images/bg_box_bottom.gif) no-repeat;
	height				: 26px;
	width				: 266px;
	}

.our_box_btntext {	
	color				: #FFFFFF;
	padding				: 5px 20px 0px 0px;
	text-align			: right;
	}

.penyiar {
	padding				: 10px 0px 0px 10px;
	}

.penyiar img {
	border				: 1px solid #fff;
	}

.pic_penyiar ul {
	margin				: 0px;
	padding				: 0px;
	}

.pic_penyiar li {
	display				: inline;
	padding-right		: 10px;
	}

.title_our_people {
	font-size			: 11px;
	font-weight			: bold;
	color				: #FFF;
	text-align			: left;
	padding				: 5px 0px;
	}

.our_people_box_btn {
	background			: url(../images/our_people_btn.jpg) no-repeat top;
	height				: 15px;
	}
	
/*-- our_people send --*/


.salahsambung {
	width:315px;
	float:right;
	background:#000 url(../images/salahsambung.jpg) no-repeat;
	height:304px;
	margin:8px 0px 0px 0px;
	color:#B9DF1F;
	font-size:12px;
	text-align:center;
	}





.streamingbox_top {
	background			: url(../images/streaming_top.png) bottom no-repeat;
	*background			: url(../images/streaming_top.gif) bottom no-repeat!important;
	*background			: url(../images/streaming_top.gif) bottom no-repeat;
	height				: 56px;
	}

.event_top {
	background			: url(../images/event.png) bottom no-repeat;
	*background			: url(../images/event.gif) bottom no-repeat!important;
	*background			: url(../images/event.gif) bottom no-repeat;
	height				: 56px;
	}

.game_top {
	background			: url(../images/game_top.png) bottom no-repeat;
	*background			: url(../images/game_top.gif) bottom no-repeat!important;
	*background			: url(../images/game_top.gif) bottom no-repeat;
	height				: 56px;
	}

.bord_top {
	background			: url(../images/bord_top.png) bottom no-repeat;
	*background			: url(../images/bord_top.gif) bottom no-repeat!important;
	*background			: url(../images/bord_top.gif) bottom no-repeat;
	height				: 56px;
	}


.news_top {
	background			: url(../images/news_top.png) bottom no-repeat;
	*background			: url(../images/news_top.gif) bottom no-repeat!important;
	*background			: url(../images/news_top.gif) bottom no-repeat;
	height				: 56px;
	}
.event_text {
	padding:5px;
	text-align:left;
	}
	
.event_images img {
	border				: 1px solid #fff;
	text-align			: left;
	float				: left;
	margin				: 5px 5px 5px 0px;
	}

.event_title {
	font-size			: 14px;
	font-weight			: bold;
	color				: #273109;
	padding				: 3px 0px;
	text-align			: left;
	}

.event_contents {
	font-size			: 11px;
	line-height			: 140%;
	text-align			: justify;
	}
	
.event_more {
	text-align			: right;
	}

.judulganas {
	height:38px;
	font-weight:bold;
	font-size:16px;
	padding-left:8px;
	color:#000;
}


.ganas_mdl {
	margin:0px;
	}

.ganas_mdl td {
	padding				: 2px 0px;
	}
	
.ganas_number {
	background			: url(../images/no_title.gif) bottom no-repeat ;
	height				: 18px;
	width				: 44px;
	text-align			: center;
	color				: #FFFFFF;
	font-size			: 11px;
	font-weight			: bold;
	}

.ganas_title_mdl {
	text-align			: center;
	color				: #FFFFFF;
	font-size			: 11px;
	font-weight			: bold;
	}

.col1 {
	width:185px;
	font-size:10px;
	}

.col2 {
	width:165px;
	font-size:10px;
	}

.col3 {
	width:65px;
	}

.col4 {
	width:40px;
	}

.ganas_title_left {
	background			: url(../images/left_ganas_title.gif) bottom no-repeat;
	width				: 7px;
	height				: 18px;
	}

.ganas_title_mdl {
	background			: url(../images/mdl_ganas_title.gif) bottom repeat-x;
	height				: 18px;
	}

.ganas_title_rgh {
	background			: url(../images/rgh_ganas_title.gif) bottom no-repeat;
	width				: 7px;
	height				: 18px;
	}

.ganas_number_sub1 {
	background			: url(../images/ganas_sub1.gif) bottom no-repeat;
	height				: 18px;
	width				: 44px;
	text-align			: center;
	color				: #000;
	font-size			: 11px;
	}

.ganas_sub_left {
	background			: url(../images/left_ganas_sub1.gif) bottom no-repeat;
	width				: 7px;
	height				: 18px;
	}

.ganas_sub_mdl {
	background			: url(../images/mdl_ganas_sub1.gif) bottom repeat-x;
	height				: 18px;
	width				: 438px;
	text-align			: left;
	color				: #000;
	font-size			: 11px;
	}

.ganas_sub_rgh {
	background			: url(../images/rgh_ganas_sub.gif) bottom no-repeat;
	width				: 7px;
	height				: 18px;
	}




.ganas_number_sub2 {
	background			: url(../images/ganas_sub2.gif) bottom no-repeat;
	height				: 18px;
	width				: 44px;
	text-align			: center;
	color				: #000;
	font-size			: 11px;
	}

.ganas_sub2_left {
	background			: url(../images/left_ganas_sub2.gif) bottom no-repeat;
	width				: 7px;
	height				: 18px;
	}

.ganas_sub2_mdl {
	background			: url(../images/mdl_ganas_sub2.gif) bottom repeat-x;
	height				: 18px;
	width				: 438px;
	text-align			: left;
	color				: #000;
	font-size			: 11px;
	}

.ganas_sub2_rgh {
	background			: url(../images/rgh_ganas_sub2.gif) bottom no-repeat;
	width				: 7px;
	height				: 18px;
	}

.ganas_btn_top {
	padding				: 4px 4px 0px 8px;
	background			: url(../images/mdl_ganas_title3.gif) left bottom no-repeat;
	text-align:left;
	}

.ganas_next_left {
	background			: url(../images/left_ganas_title.gif) left bottom no-repeat;
	width				: 7px;
	height				: 18px;
	}


.ganas_next_rgh {
	background			: url(../images/rgh_ganas_title.gif) right bottom no-repeat;
	width				: 7px;
	height				: 18px;
	}

.view_all, .view_all a, .view_all a:link {
	color				: #FFFFFF;
	text-decoration		: none;
	text-align			: left;
	font-size           : 11px;
	font-weight			: normal;
	}


.view_all a:hover {
	color				: #FFFFFF;
	text-decoration		: underline;
	}

.ganas_btn {
	background			: url(../images/ganas_btn.gif) top no-repeat;
	height				: 39px;
	}

/*-- Galery end --*/

#box_content {
	padding				: 0px 10px;
	text-align			: left;
	line-height			: 140%;
	}

#box_content img {
	margin				: 5px 10px 0px 0px;
	border				: 1px solid #fff;
	}
	
#box_content .no_border img {
	border				: none;
	}
	
.gelery_top {
	background			: url(../images/news_pics_foto.png) bottom no-repeat;
	*background			: url(../images/news_pics_foto.gif) bottom no-repeat!important;
	*background			: url(../images/news_pics_foto.gif) bottom no-repeat;
	height				: 56px;
	}
	
.kontak_top {
	background			: url(../images/kontak_kami.png) bottom no-repeat;
	*background			: url(../images/kontak_kami.gif) bottom no-repeat!important;
	*background			: url(../images/kontak_kami.gif) bottom no-repeat;
	height				: 56px;
	}
	
.program_top {
	background			: url(../images/program_top.png) bottom no-repeat;
	*background			: url(../images/program_top.gif) bottom no-repeat!important;
	*background			: url(../images/program_top.gif) bottom no-repeat;
	height				: 56px;
	}
	
.promo_top {
	background			: url(../images/promo_top.png) bottom no-repeat;
	*background			: url(../images/promo_top.gif) bottom no-repeat!important;
	*background			: url(../images/promo_top.gif) bottom no-repeat;
	height				: 56px;
	}
	
.promo_top2 {
	background			: url(../images/promo_top2.png) bottom no-repeat;
	*background			: url(../images/promo_top2.gif) bottom no-repeat!important;
	*background			: url(../images/promo_top2.gif) bottom no-repeat;
	height				: 56px;
	}

.clas_table {
	margin				: 0px;
	padding				: 0px;
	}

.clas_table td {
	padding				:5px 10px;
	background			: #CDE83A;
	}

.kontak_box {
	padding				: 0px 15px 0px 0px;
	}
	
#box_content .dengerin img {
	border				: none;
	}

.dengerin {
	margin				: 30px 0px 0px 0px;
	clear				: both;
	} 
	
	
	
	
#tabs5 {
float:left;
font-size:93%;
line-height:normal;
text-align:left;
width:470px;

}
#tabs5 ul {
margin:0;
padding:10px 10px 0 15px;
list-style:none;
}
#tabs5 li {
display:inline;
margin:0;
padding:0;
}
#tabs5 a {
float:left;
background:url(../images/tableft5.gif) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabs5 a span {
float:left;
display:block;
background:url(../images/tabright5.gif) no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs5 a span {float:none;}
/* End IE5-Mac hack */
#tabs5 a:hover span {
color:#FFF;
}
#tabs5 a:hover {
background-position:0% -42px;
}
#tabs5 a:hover span {
background-position:100% -42px;
}

#tabs5 .activeBtn a {
background-position:0% -42px;
}
#tabs5 .activeBtn a span {
background-position:100% -42px;
}

.box_tab5 {
	border:1px solid #336600;
	width:418px;
	margin-left:15px;
	padding:10px;
	}

/*-- Musisi Start --*/


/*-- Musisi End --*/

/*-- Under Promo start --*/
.under_promo {
	text-align			: center;
	margin				: 10px 0px;
	}

.under_promo_banner {
	padding				: 10px 0px;
	}
	

/*-- Under Promo end --*/



/*-- Contents  End--*/


/*-- wrapper_main end--*/

/*-- Out_side end --*/


/*-- signal_bottom Start --*/

.signal_bottom {
	clear				: both;
	color				: #ff00ff;
	
}
							
/*-- signal_bottom  end --*/

/*-- footer Start --*/

#footer {
	color				: #FFF;
	background			: #000;
	text-align			: right;
	height				: 65px;
	font-size:11px;
	
}

.footer_face {
	float:left;
	width:230px;
	text-align:left;
	font-weight:bold;
	font-size:12px;
	padding:8px;
}

#footer_menu {
	padding				: 10px 0px 0px 0px;
	}

#footer_menu ul {
	padding				: 0px;
	margin				: 0px;
	}

#footer_menu li {
	display				: inline;
	padding-left:8px;
	}

#footer_menu a, #footer_menu a:link, #footer a, #footer a:link {
	color				: #666633;
	text-decoration		: none;
	font-weight:bold;
	}

#footer_menu a:hover, #footer a:hover{
	color				: #fff;
	text-decoration		: underline;
	font-weight:bold;
	}
.info {
	border:1px solid #006600;
	padding:10px;
	font-weight:bold;
}


#content-explorer {
	padding-top: 20px;
    width:100%;
    line-height:normal;
	}
	#content-explorer ul {
		padding: 10px 10px 0;
		list-style: none;
		max-width: 770px;
		height: 31px;
		}
		#content-explorer ul li {
			float: left;
			background:#ADD60C;
			text-align: center;
			overflow: hidden;
			margin-left: 5px;
			}
			#content-explorer ul li a {
				display: block;
				background:#ADD60C;
				padding: 10px 20px 6px 20px;
				font-weight: bold;
				color: #000;
			}
			#content-explorer ul li a:hover {
				color: #990000;
			}
			#content-explorer ul li.selected {
				background:#73930F;
			}
			#content-explorer ul li.selected a {
				background:#73930F;
				padding-bottom: 8px;
				color: #000;
			}
			
div.yui-content {
	overflow: auto;
	padding: 20px;
}

.bnrtop {
	height:190px;
}
.bnrtopleft {
	width:666px;
	height:190px;
	float:left;
}
.bnrtopright {
	background:url(../images/bbox.png) top left no-repeat;
	width:229px;
	height:41px;
	float:left;
	padding-left:45px;
	padding-top:145px;
}
.bnrbottom {
	height:20px;
	background:#000;
	color:#fff;
	filter:alpha(opacity=80);opacity:.8;
	padding:5px 8px;
	clear:both;
	font-size:12px;
	text-align:left;
}

#layer1 
{
	position: absolute;
	left:200px;
	top:100px;
	width:566px;
	z-index: 50;
}
#layer1_handle 
{
	padding:0;
	text-align:center;
	font-weight:bold;
	color: #000;
	vertical-align:middle;
}
#layer1_content 
{
	padding:0;
}
#close
{
	float:right;
	text-decoration:none;
	color:#C00403;
	background-color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
}

#divTrigger{
	margin-left:4px;
	font-size:12px;
	width:300px;
	text-align:center;
}
#divTrigger a:link,#divTrigger a:visited{
	text-decoration: none; /* hilangkan garis bawah pada link */
	margin:4px 0px; /* memberi jarak antar link */
	padding: 1px 4px; /* menjadikan link seperti kotak */
	border: 1px solid #CCC;
	background-color: #FFF;
	color: #000;
 }
 /* link yang dilalui oleh mouse dan element dengan class='selected' akan mempunyai efek yang sama */
 #divTrigger a:hover,#divTrigger a:active,.selected{ 
	background-color: #161614;
	color: #FFF;
 }
 #divContent{
	margin-left:4px;
	width: 300px;
	padding: 4px;
	text-align:center;
	margin-bottom: 20px;
 }
 #divContent div{ 
	/* semua div di dalam element dengan id='divContent' akan di sembunyikan sementara */
	display:none
 }	
 .title{
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 20px;
	display:block;
 } 