*,html{
	padding:0px;
	margin:0px;
	}
body{
	background:url(images/bg.main.jpg) #08150a center top no-repeat;
	font-family:tahoma,arial;
	font-size:12px;
	line-height:18px;
	text-align:center;
	}
a{	
	color: #ef7d00;
	text-decoration:none;
}
a:visited{	
	color: #ef7d00; 
	text-decoration:none;
}
a:hover{
	color: #132b83;
	text-decoration: underline;
}
/* HEADER */
#header{
	height:127px;
	margin:0px auto;
	width:955px;
	}
.logo{
	float:left;
	margin:0px 0px;
	width:224px;
	height:127px;
	}
.follow{
	margin:63px 0px 0px 0px;
	width:221px;
	height:63px;
	float:right;
	}
.follow-facebook{
	width:144px;
	height:63px;
	float:left;
	}
.follow-twitter{
	width:73px;
	height:63px;
	float:left;
	}
	
.topmenu{
	width:955px;
	height:62px;
	float:left;
	}
.topmenu span{
	display:none;
	}
.topmenu li{
	float:left;
	list-style:none;
	}
.topmenu .menu-1 a{
	width:150px;
	float:left;
	height:62px;
	background:url(images/topmenu_01.jpg) no-repeat top left;
	}
.topmenu .menu-1 a:hover{
	background:url(images/topmenu.over_01.jpg) no-repeat top left;
	}
.topmenu .menu-2 a{
	width:152px;
	float:left;
	height:62px;
	background:url(images/topmenu_02.jpg) no-repeat top left;
	}
.topmenu .menu-2 a:hover{
	background:url(images/topmenu.over_02.jpg) no-repeat top left;
	}
.topmenu .menu-3 a{
	width:156px;
	float:left;
	height:62px;
	background:url(images/topmenu_03.jpg) no-repeat top left;
	}
.topmenu .menu-3 a:hover{
	background:url(images/topmenu.over_03.jpg) no-repeat top left;
	}
.topmenu .menu-4 a{
	width:157px;
	float:left;
	height:62px;
	background:url(images/topmenu_04.jpg) no-repeat top left;
	}
.topmenu .menu-4 a:hover{
	background:url(images/topmenu.over_04.jpg) no-repeat top left;
	}
.topmenu .menu-5 a{
	width:166px;
	float:left;
	height:62px;
	background:url(images/topmenu_05.jpg) no-repeat top left;
	}
.topmenu .menu-5 a:hover{
	background:url(images/topmenu.over_05.jpg) no-repeat top left;
	}
.topmenu .menu-6 a{
	width:174px;
	float:left;
	height:62px;
	background:url(images/topmenu_06.jpg) no-repeat top left;
	}
.topmenu .menu-6 a:hover{
	background:url(images/topmenu.over_06.jpg) no-repeat top left;
	}

/* BANNER MAIN */
.banner{
	height:260px;
	width:955px;
	float:left;
	background:url(images/bg.banner.jpg) repeat-x bottom #dae6b8;
	overflow:hidden
	}
.banner-kiri{
	float:left;
	width:651px;
	height:260px;
	}
.banner-kanan{
	float:right;
	width:304px;
	height:260px;
	}
.banner-kiri-isi{
	float:left;
	width:647px;
	height:250px;
	background:#FFF;
	margin:2px 0px 0px 2px;
	overflow:hidden;
	}
.banner-kanan-isi{
	float:left;
	width:300px;
	height:250px;
	background:#FFF;
	margin:2px 0px 0px 2px;
	overflow:hidden;
	}


.banner1{
	height:111px;
	width:955px;
	float:left;
	background:url(images/bg.banner1.jpg) repeat-x bottom ;
	overflow:hidden
	}
.banner1-kiri{
	float:left;
	width:304px;
	height:260px;
	}
.banner1-kanan{
	float:right;
	width:600px;
	height:260px;
	}
.banner1-kiri-isi{
	float:left;
	text-align:left;
	color:#FFFFFF;
	font-size:24px;
	font-weight:bold;
	width:300px;
	height:50px;
	margin:20px 0px 0px 20px;
	padding:20px 0px 0px 0px;
	overflow:hidden;
	border-right:2px solid #FFFFFF;
	}
.banner1-kanan-isi{
	float:left;
	text-align:left;
	color:#FFFFFF;
	width:500px;
	height:50px;
	padding:20px;
	margin:2px 0px 0px 2px;
	overflow:hidden;
	}



#divTrigger{
	float:left;
	margin:0px;
	}
#divTrigger a{
	text-decoration: none; 
	margin:2px; 
	background: #FFF;
	color: #000;
	float:left;
	padding:1px 4px 1px 4px;
	border:1px solid #CCC;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
 }
 #divTrigger a:hover,#divTrigger a:active,.selected{ 
	background: #000000;
	color: #FFF;
 }
 #divContent{
	margin:0px;
	width:647px;
	height:282px;
 }
 #divContent div{ 
	display:none
 }	

/* MAIN */
#main{
	height:400px;
	margin:0px auto;
	width:955px;
	}

#footer{
	margin:0px auto;
	width:955px;
	height:142px;
	}
#footer .wrap{
	float:left;
	width:955px;
	height:142px;
	padding-top:25px;
	background:url(images/bg.footer.jpg) no-repeat;
	}


/* TENGAH */
.tengah{
	min-height:260px;
	width:955px;
	float:left;
	height:auto;
	background:url(images/bg.tengah.jpg)#fff repeat-x top;
	}
.tengah-kiri{
	float:left;
	width:651px;
	min-height:285px;
	height:auto;
	}
.tengah-kanan{
	float:right;
	width:304px;
	min-height:285px;
	height:auto;
	}
.tengah-kiri-isi{
	float:left;
	width:647px;
	height:250px;
	background:#FFF;
	margin:2px 0px 0px 2px;
	overflow:hidden;
	}
.tengah-kanan-isi{
	float:left;
	width:300px;
	height:250px;
	background:#FFF;
	margin:2px 0px 0px 2px;
	overflow:hidden;
	}
	
/* SHORTCUT */
.shortcut{
	float:left;
	width:651px;
	height:84px;
	margin:0px;
	}
.shortcut-1{
	float:left;
	width:216px;
	height:84px;
	background:url(images/bg.sc-1.jpg) repeat-x top;
	border-right:1px #FFFFFF solid;
	}
.shortcut-2{
	float:left;
	width:216px;
	height:84px;
	background:url(images/bg.sc-2.jpg) repeat-x top;
	border-right:1px #FFFFFF solid;
	}
.shortcut-3{
	float:left;
	width:216px;
	height:84px;
	background:url(images/bg.sc-3.jpg) repeat-x top;
	}
.shortcut-isi{
	width:205px;
	height:74px;
	margin:5px;
	float:left;
	overflow:hidden;
	text-align:left;
	color:#FFFFFF;
	}
	
.boxabu{
	width:317px;
	height:300px;
	margin:3px;
	float:left;
	border:1px #CCCCCC solid;
	background:url(images/bg.boxabu.jpg) repeat-x bottom;
	}
.boxabu-judul{
	width:317px;
	height:26px;
	padding-top:8px;
	margin:8px 0px 0px 0px;
	float:left;
	background:url(images/bg.boxabu.judul.jpg) repeat-x bottom;
	text-align:center;
	}
.boxabu-judul span{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	}
.boxabu-isi{
	width:300px;
	height:240px;
	margin:8px;
	float:left;
	overflow:hidden;
	text-align:left;
	}

.boxabu1{
	width:298px;
	height:200px;
	margin:2px;
	float:left;
	border:1px #CCCCCC solid;
	background:url(images/bg.boxabu.jpg) repeat-x bottom;
	}
.boxabu1-judul{
	width:298px;
	height:26px;
	padding-top:8px;
	margin:8px 0px 0px 0px;
	float:left;
	background:url(images/bg.boxabu.judul.jpg) repeat-x bottom;
	text-align:center;
	}
.boxabu1-judul span{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	}
.boxabu1-isi{
	width:280px;
	height:140px;
	margin:8px;
	float:left;
	overflow:hidden;
	text-align:left;
	padding-left:23px;
	padding-top:15px;
	}
/* BOX LOGIN */
.boxlogin{
	width:298px;
	min-height:200px;
	height:auto;
	margin:2px;
	float:left;
	border:1px #CCCCCC solid;
	background:#ece78b;
	}
.boxlogin-judul{
	width:294px;
	height:26px;
	padding-top:8px;
	margin:2px 2px 2px 2px;
	float:left;
	background:url(images/bg.boxabu.judul.jpg) repeat-x bottom;
	text-align:center;
	}
.boxlogin-bawah{
	width:294px;
	height:45px;
	padding-top:8px;
	margin:2px 2px 2px 2px;
	float:left;
	background:#a0b302;
	text-align:center;
	text-align:left;
	}
.boxlogin-bawah li{
	margin-left:25px;
	color:#f9faee;
	}
.boxlogin-judul span{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	}
.boxlogin-isi{
	width:280px;
	min-height:88px;
	height:auto;
	margin:8px;
	float:left;
	text-align:left;
	}
.boxlogin a{
	color:#FFFFFF;
	}
#password-clear {
    display: none;
}
.boxlogin label {
	color: #000000;
	float: left;
	width: 70px;
	text-align: left;
	padding:3px;
	margin-bottom:5px;
	}

.boxlogin .inputbiasa{
	width:180px;
	border:1px solid #65a511;
	padding:5px;
	float:left;
	margin-right:3px;
	font-size:12px;
	background:#f1efef;
	margin-bottom:5px;
	}
.boxlogin .button{
	background:#8ec438;
	border:1px solid #65a511;
	padding:2px 15px 2px 15px;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold
	}

/* TEXT */
.arab{
	font-family:Simplified Arabic;
	font-size:22px;
	}
.judul a, a.judul{
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#000000;
	}
.judul a:hover, a.judul:hover{
	color:#009900
	}

.judul1 a, a.judul1{
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	}
.judul1 a:hover, a.judul1:hover{
	color:#3366FF;
	}
	
.judul { font-family: Arial; font-size: 14pt; color: #000000; }
.judulsedang { font-family: Arial; font-size: 11pt; color: #000000; }
.judulbesar { font-family: Arial; font-size: 14pt; color: #000000; }

.juduldetail{
	float:left;
	background:#e7eae9;
	height:auto;
	width:625px;
	margin:10px 0px 1px 0px;
	}
.juduldetail span{
	float:left;
	margin:15px;
	font-size:24px;
	line-height:26px;
	font-weight:bold;
	}
.infodetail{
	float:left;
	background:#dde1df;
	color:#999999;
	height:auto;
	width:625px;
	margin:0px 0px 10px 0px;
	}
.infodetail .infodetail-1{
	float:left;
	margin:4px 0px 4px 15px;
	}
.infodetail .infodetail-2{
	float:right;
	margin:4px 15px 4px  0px;
	}
.tgl{
	color:#999999;
	font-size:11px;
	}


/* DETAIL */
.boxdetail{
	width:645px;
	min-height:300px;
	height:auto;
	margin:3px;
	float:left;
	border:1px #CCCCCC solid;
	background:url(images/bg.boxabu.jpg) #ffffff repeat-x bottom;
	}
.boxdetail-judul{
	width:645px;
	height:26px;
	padding-top:8px;
	margin:8px 0px 0px 0px;
	float:left;
	background:url(images/bg.boxabu.judul.jpg) #048745 no-repeat left bottom;
	text-align:center;
	}
.boxdetail-judul span{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	float:left;
	margin-left:15px;
	}
.boxdetail-isi{
	width:620px;
	min-height:240px;
	height:auto;
	margin:12px;
	float:left;
	overflow:hidden;
	text-align:left;
	}
.detailcontent{
	line-height:20px;
	text-align:left;
}
.detailcontent br{
	margin-bottom:5px;
	}

.detailisi img{
	padding:5px;
	max-width:488px;
	border:1px solid #CCCCCC;
}

.detailcontent img{
	padding:5px;
	max-width:480px;
}

.detailcontent p,br{
	padding:5px 0px 5px 0pc;
}
.detailprint{
	font-family: Verdana,Generva,arial;
	font-size:11px;
	text-align:center;
	padding:0px;
	width: 55px;
	height:15px;
	float:left;
	margin-right:5px;
	}
.detailemail{
	font-family: Verdana,Generva,arial;
	font-size:11px;
	text-align:center;
	padding:0px;
	width: 60px;
	height:15px;
	float:left;
	margin-right:5px;
	}
.detailpdf{
	font-family: Verdana,Generva,arial;
	font-size:11px;
	text-align:center;
	padding:0px;
	width: 55px;
	height:15px;
	float:left;
	margin-right:5px;
	}
.detailrss{
	font-family: Verdana,Generva,arial;
	font-size:11px;
	text-align:center;
	padding:0px;
	width: 55px;
	height:15px;
	float:left;
	margin-right:5px;
	}
.detailarsip{
	font-family: Verdana,Generva,arial;
	font-size:11px;
	text-align:center;
	padding:0px;
	width: 55px;
	height:15px;
	float:left;
	margin-right:5px;
	}
.detailbookmark{
	float:left;
	margin-right:5px;
	}
.imgdetail{
	margin:0px 5px 5px 0px;
	float:left;
	padding:1px;
	border:1px solid #CCCCCC;
}
.img-profil-box{
	max-width:200px;
	float:left;
	border:1px solid #1b8f3e;
	max-height:200px;
	margin:0px 8px 8px 0px;
	overflow:hidden;
	}
.img-profil{
	max-width:198px;
	height:198px;
	float:left;
	margin:1px;
	overflow:hidden;
	background:#FFF;
	}
.img-profil img{
	max-height:198px;
	}	

.detailpage{
	text-align:left;
	padding-bottom:20px;
	}
.pageitem{
	text-align:center;
	border:1px solid #ef7d01;
	padding:1px 4px 3px 4px;
	height:15px;
	margin-right:5px;
	cursor:default;
	}
.pageitem:hover{
	background-color:#ef7d01;
	color:#FFFFFF;
	
	}
.textbutton{
	text-align:center;
	border:1px solid #CCCCCC;
	padding:1px 4px 3px 4px;
	height:15px;
	margin-right:5px;
	cursor:default;
	}
.textbutton:hover{
	background-color:#666666;
	color:#FFFFFF;
	
	}
.isi {
	padding:8px;
	}
	
/* SKILL */
.skill-item{
	width:310px;
	float:left;
	margin-right:3px;
	height:100px;
	overflow:hidden;
	margin-bottom:10px;
	padding-bottom:5px;
	line-height:20px;
	}
.konsul-item{
	width:310px;
	float:left;
	margin-right:3px;
	height:150px;
	overflow:hidden;
	margin-bottom:10px;
	padding-bottom:5px;
	line-height:20px;
	}
.img-depan-box{
	width:50px;
	float:left;
	margin:0px 8px 8px 0px;
	border:1px solid #1b8f3e;
	height:50px;
	overflow:hidden;
	}
.img-depan{
	width:48px;
	height:48px;
	float:left;
	margin:1px;
	overflow:hidden;
	background:#FFF;
	}
.img-depan img{
	height:48px;
	}	

.list-item{
	width:620px;
	float:left;
	margin-right:3px;
	height:155px;
	overflow:hidden;
	margin-bottom:20px;
	padding-bottom:5px;
	line-height:20px;
	}
.img-list-box{
	width:100px;
	float:left;
	margin:0px 8px 8px 0px;
	border:1px solid #1b8f3e;
	height:100px;
	overflow:hidden;
	}
.img-list{
	width:98px;
	height:98px;
	float:left;
	margin:1px;
	overflow:hidden;
	background:#FFF;
	}
.img-list img{
	height:98px;
	}	

/* FORUM DISKUSI */
.tforum{
	}
.theadgelap{
	height:2px;
	padding:5px;
	background-color:#75a630;
	}
.thead{
	padding:5px;
	background-color:#acc885;
	}
.theadsub{
	padding:5px;
	background-color:#dcebc6;
	}
.theadsub1{
	padding:5px;
	background-color:#effae1;
	}
.theadsub2{
	padding:5px;
	background-color:#f2f7ea;
	font-size:11px;
	}
.judulforum{
	font-size:16px;
	}
.foruminput{
	margin-left:0px;
}
.forumtextarea{
	margin-left:0px;
	width:650px;
	height:300px;
	background-color:#CCCCCC;
	text-align:left;
}
.forumdetail{
	border-top:1px solid #CCCCCC;
	width:98%;
	padding:5px;
	
}
.forumdetail img{
	padding:3px;
}
.forum-depan{
	background:url(images/forum_topik.gif) no-repeat left top;
	padding-left:25px;	
}
 .imgblock50{ display: block; overflow: hidden; border: 1px solid #555555; background-color:#FFFFFF; text-align: center; }
 .imgblock50 { width: 50px; height: 50px; margin: 0px auto; }
 .imgblock50 img { height: 50px; margin: 0px auto; }

/* CONTACT */
.boxform{
	padding:5px;
	}
label {
	color: #000000;
	float: left;
	width: 100px;
	font-weight: bold;
	text-align: left;
	padding:3px;
	}
.inputbiasa{
	padding:3px;
	margin-bottom:5px;
	border:1px solid #CCCCCC;
	}
.form-box input,select,textarea{
	padding:3px;
	margin-bottom:5px;
	border:1px solid #CCCCCC;
	}
.button{
	padding:3px;
	color:#FFFFFF;
	background:#578a25;
	border:#666666 1px solid;
	}
.button a,a.button{
	padding:3px;
	color:#FFFFFF;
	background:#FF9900;
	border:#666666 1px solid;
	}
	
/* MEMBER */
.form-box{
	padding:5px;
	}
.form-box label{
	width:150px;
	margin-bottom:5px;
	}
.form-box br{
	clear:both;
	}
.menumember{
	margin-left:20px;
	float:left;
	}
.menumember li{
	list-style:none;
	margin:3px;
	float:left;
	width:200px;
	border-bottom:1px solid #FFFFFF;
	}
.menumember li a{
	color:#000000;
	float:left;
	padding-left:5px;
	}

.list-data{
	border-bottom:1px #669933 dashed;
	padding-bottom:5px;
	}