html { 
  padding:0px;
  margin:0px;
  width:auto
}

p{
	margin:0px;
	padding:0px;
}
body {
    	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	margin: 0; 
	height:auto;
	background-color:#121212;

}

#box {
 width:1024px;
 margin: 0 auto;
 padding: 0;
 text-align: center;

 }

#blackbar {
float:left;
	padding:0;
	margin:0;
	height: 6px;
	border-bottom:none;
	width: 208px;
	background-color:#000000
}

#orenbar {
	padding:0;
	margin:0;
	height: 6px;
	border-bottom:none;
	width: 1024px;
	background-color:#f47212
}


#top {
	padding:0;
	margin:0;
	height: 113px;
	border-bottom:none;
	width: 1024px;
 background:#FFFFFF url(images/bg_header.jpg) left repeat-x;
}

#header {
float:left;
	text-align:left;
	padding:0;
	margin:0;
	height: 113px;
	width: 233px;
}

#menuheader {
float:left;
 width:342px;
 height:30px;
 margin:0px;
 padding:83px 0 0 110px;
 text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size:25px;
text-transform:uppercase;
letter-spacing:-1px;
color:#d8b784;

}

#nav {
float:left;
 padding-top:90px;
 padding-left:0;
 text-align: right;
 max-height: 50px;
 width: 150px;
 height: 10px;
}

#navlist {
	width: 300px;
	max-height: 40px;
	padding: 0 0 0 100px;
	margin: 50px;
	text-align:right;
	
	
	}
	
#nav ul { 
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	
	}

#nav ul li { 
	display: block;
	float: left; 
	margin: 0;
	padding: 0 ;
	text-align:center;
	}

#nav ul li a {
	text-decoration: none;
	text-align: center;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
	margin: 10px;
	padding: 5px;
	color: #d8b784;
	display: inline;
	width: 50px;
	} 


#nav a:hover { 
color: #5F5540;
}


#iso {
float:right;
	text-align:right;
	margin:0px;
	height: 113px;
	width: 120px;
}



#middle {
  background:#FFFFFF url(images/bg_center.jpg) left repeat;
 width:1024px;
 height:auto;
 float:left;
}


#left {
float:left;
width:312px;
height:222px;
padding:8px 0 0 0;
margin:0;
text-align:left;
background-color:#f47212;
}



#center {
float:left;
width: 712px;
height:auto;
text-align:left;
display:block;
}


#orenline {
	padding:0;
	margin:0  0 0 10px;
	height: 3px;
	border-bottom:none;
	width: auto;
	background-color:#f47212
}

#cont{
	
 width:650px;
 height:auto;
 margin:0px;
 padding:10px;
 text-align:left;
}


#cont h1{
	margin:0px;
	padding:0px;
	line-height:28px;
	font-weight:normal;
	color:#3D2E1D;
	font-size:15px;

}
#cont h1 a{
	color:#a7e81b;
	text-decoration:none;
}
#cont h1 a:hover{
	color:#878787;
	text-decoration:none
}
#cont .dates{
	color:#878787;
	font-size:12px;
	margin:0px;
	padding:8px 0px 5px 0px;
	border-bottom:1px solid #878787
}
#cont .dates a{
	text-decoration:none;
	color:#777777;
	font-weight:bold
}
#cont .dates a:hover{
	text-decoration:none;
	color:#a7e81b;

}
#cont .content{
	color:#3D2E1D;
	font-family: Arial, Helvetica, sans-serif;
	line-height:23px;
	padding:0 0 0 15px;
	text-align:justify;
	font-size:12px;

}
#cont .content a{
	text-decoration:none;
	color:#f47212;
	font-weight:bold;
}
#cont .content a:hover{
	text-decoration:none;
	color:#878787;
	font-weight:bold;
}



#cont .content ul{
	display:block;
	margin:0px;
	padding:0px;
	
}
#cont .content li{
	margin:0px;
	padding-left:15px;
}
#cont .content li a{
	text-decoration:none;
	color:#f47212;
}
#cont .content li :hover{
	color:#777777;
}


#cont .imgDesc{
	background-color:#0b0b0b;
	display:block;
	line-height:17px;
	color:#bfbfbf;
}
#cont .imgContent{
	padding:10px 4px;
	border-top:1px dotted #878787;
	margin:0px;
}
#cont .closeDesc2{
	color:#878787;
	font-size:10px;
	margin:0px;
	background-color:#0b0b0b;
	padding:8px 4px 8px 0px;
	text-align:right;
}

#cont .closeDesc{
	color:#878787;
	font-size:10px;
	margin:0px;
	background-color:#0b0b0b;
	padding:8px 4px 8px 0px;
	border-top:1px solid #373125;
	text-align:right;
}
#cont .imgDesc a, .closeDesc a, .closeDesc2 a{
	text-decoration:none;
	color:#878787;
	font-weight:bold
}
#cont .imgDesc a:hover, .closeDesc a:hover, .closeDesc2 a:hover{
	text-decoration:none;
	color:#878787;
	border-bottom:1px dotted #373125;
}
#cont .imgDesc strong{
	color:#878787;
}
#cont .imgDescLeft{
	float:left;
	padding:4px;
	width:100px;
}
#cont .imgDescRight{
	float:left;
	width:auto;
	padding:4px;
}
#cont .desc1{
	padding-left:7px;
}
#cont .content img{
	padding:3px;
	border:1px solid #878787;
}


#cont .comment{
	margin:0px;
	font-size:12px;
	padding:25px 0px 15px 0px;
	font-weight:bold;

}
#cont .comment a{
	text-decoration:none;
	color:#878787;
}
#cont .comment a:hover{
	text-decoration:none;
	color:#a7e81b;
}


#menubar{
 width:1024px;
 height:75px;
 margin:0px;
 padding:0px;
 text-align:left;
}




#footer {
 text-align: left;
 padding:51px 10px 10px 10px;
 height:900px;
 margin-bottom:20px;
 font-size: 11px;
 font-family: Arial, Helvetica, sans-serif;
 background:#FFFFFF url(images/bg01.jpg) left repeat-x;
 
}

#footer .dates{
	color:#c0c0c0;
	margin:0px;
	padding-left:10px;
	line-height:18px;
	font-weight:normal;
	font-size:10px;

}
#footer .dates a{
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold
}
#footer .dates a:hover{
	text-decoration:none;
	color:#238107;

}



#recent {
float:left;
	width:550px;
	height:60px;
	padding: 40px 0 0 3px;
	margin:0;
}

#recent p {
text-align:right;
font-size: 12px;
padding-right:10px;
font-family: Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

#recent p a{
text-align:right;
font-size: 12px;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

#recent p a:hover{
text-align:right;
font-size: 12px;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
color:#f47212;
}


#recent .gambar{
float:left;
	width:100px;
	height:auto;
	padding: 0 10px 10px 0;
	margin:0;
}

	
#recent .gambar img{
	padding:0;
	border-bottom:none;
	border-left:none;
	border-right:none;
	border-top:5px solid #f47212;
}




#gallery {
float:left;
	width:700px;
	height:auto;
	padding: 40px 0 0 10px;
	margin:0;
}

#gallery .galimg{
float:left;
	width:100px;
	height:100px;
	padding: 0 10px 10px 0;
	margin:0;
	border:0;
}

#gallery .galimg img{
padding:0;
	border-bottom:none;
	border-left:none;
	border-right:none;
	border-top:5px solid #f47212;}

#gallery p {
text-align:left;
font-size: 12px;
padding-right:10px;
font-family: Arial, Helvetica, sans-serif;
color:#f47212;
}

#gallery p a{
text-align:right;
font-size: 12px;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
color:#f47212;
}

#gallery p a:hover{
text-align:right;
font-size: 12px;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
color:#ffffff;
}



#alamat{
float:left;
 width:300px;
 height:150px;
 margin:20px 0 0 100px;
 padding:10px;
 text-align:right;
}

#alamat h1{
text-align:right;
	margin:0px;
	padding-top:0px;
	line-height:28px;
	font-weight:normal;
	color:#f47212;
	font-size:14px;

}

#alamat .teks{
font-family: Arial, Helvetica, sans-serif;
text-align:right;
	margin:0px;
	padding:0px;
	line-height:18px;
	font-weight:normal;
	color:#999999;
	font-size:10px;

}

.input2{
text-align:right;
	width:75%;
	background-color:#d5d4d4;
	border:0px;
	font-size: 10px;
	padding:3px 2px;
	margin:4px 0px 8px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color:#777777;
}

.button1{
	width:auto;
	background-color:#d5d4d4;
	border:0px;
	padding:1px 2px;
	margin:4px 0px 8px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color:#777777;
}


.otext{
	color:#777777;
	font-size:10px;
}



#blog{
	float:left;
 width:550px;
 height:auto;
 margin:0px;
 padding:10px;
 text-align:left;
}


#blog h1{
	margin:0px;
	padding:0px;
	line-height:20px;
	font-weight:normal;
	color:#ffffff;
	font-size:15px;

}
#blog h1 a{
	color:#ffffff;
	text-decoration:none;
}
#blog h1 a:hover{
	color:#f47212;
	text-decoration:none
}

#blog h2{
	margin:0px;
	padding:0px;
	font-weight:normal;
	color:#ffffff;
	font-size:20px;
	text-align:right;
	font-family: "Myriad Pro Condensed", Arial, Helvetica, sans-serif;
}


#blog h3{
	margin:0px;
	padding:0px;
	line-height:20px;
	font-weight:normal;
	color:#f47212;
	font-size:15px;

}
#blog h3 a{
	color:#f47212;
	text-decoration:none;
}
#blog h3 a:hover{
	color:#ffffff;
	text-decoration:none
}



#blog .dates{
	color:#878787;
	font-size:12px;
	margin:0px;
	padding:8px 0px 5px 0px;
	border-bottom:1px solid #878787
}
#blog .dates a{
	text-decoration:none;
	color:#ffffff;
	font-weight:bold
}
#blog .dates a:hover{
	text-decoration:none;
	color:#f47212;

}
#blog .content{
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	line-height:18px;
	padding-top:10px;
	text-align:justify;
	font-size:10px;

}
#blog .content a{
	text-decoration:none;
	color:#f47212;
	font-weight:bold;
}
#blog .content a:hover{
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
}
#blog .imgDesc{
	background-color:#0b0b0b;
	display:block;
	line-height:17px;
	color:#bfbfbf;
}
#blog .imgContent{
	padding:10px 4px;
	border-top:1px dotted #878787;
	margin:0px;
}
#blog .closeDesc2{
	color:#878787;
	font-size:10px;
	margin:0px;
	background-color:#0b0b0b;
	padding:8px 4px 8px 0px;
	text-align:right;
}

#blog .closeDesc{
	color:#878787;
	font-size:10px;
	margin:0px;
	background-color:#0b0b0b;
	padding:8px 4px 8px 0px;
	border-top:1px solid #373125;
	text-align:right;
}
#blog .imgDesc a, .closeDesc a, .closeDesc2 a{
	text-decoration:none;
	color:#878787;
	font-weight:bold
}
#blog .imgDesc a:hover, .closeDesc a:hover, .closeDesc2 a:hover{
	text-decoration:none;
	color:#878787;
	border-bottom:1px dotted #373125;
}

#blog .content img{
	padding:3px;
	border:1px solid #878787;
}










#right {
width:275px;
margin-left:25px ;
padding:0;
float:left;
text-align:right;
}


#right h1{
	margin:0px;
	padding:0px 0px 10px 0px;
	line-height:13px;
	font-weight:normal;
	color:#f47212;
	letter-spacing:-0.7px;
	font-size:14px;
}

#right .content{
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	line-height:19px;
	padding:0;
	text-align:  right;
	font-size:11px;
}

#right .content a{
	text-decoration:none;
	color:#ffffff;
}

#right .content a:hover{
	text-decoration:none;
	color:#f47212;
}


#right .dates{
	color:#ffffff;
	font-size:11px;
	margin:0px;
	padding:8px 0px 5px 0px;
	border-bottom:1px solid #ffffff
}
#right .dates a{
	text-decoration:none;
	color:#ffffff;
	font-weight:bold
}
#right .dates a:hover{
	text-decoration:none;
	color:#f47212;

}


ul{
	display:block;
	margin:0px;
	padding:0px;
	list-style:none;
	
}
li{
	margin:0px;
	padding:0px;
	display:block;
	padding:5px 0px;
}








.input1{
	width:70%;
	background-color:#878787;
	border:1px;
	padding:3px 2px;
	margin:4px 0px 8px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color:#878787;
}













#news{
float:left;
 width:500px;
 height:150px;
 margin:10px 0 10px 0;
 padding:10px;
 text-align:left;
}


#news h1{
	margin:0px;
	padding:0px 0px 10px 0px;
	line-height:13px;
	font-weight:normal;
	color:#f47212;
	letter-spacing:-0.7px;
	font-size:13px;
}

#news .content{
	color:#c0c0c0;
	font-family: Arial, Helvetica, sans-serif;
	line-height:18px;
	padding-top:0px;
	text-align:  justify;
	font-size:11px;
}
#news .content a{
	text-decoration:none;
	color:#777777;
}

#news .content a:hover{
	text-decoration:none;
	color:#777777;
}


#news .tanggal{
	color:#c0c0c0;
	font-size:11px;
	margin:0px;
	padding:0;
}
#news .tanggal a{
	text-decoration:none;
	color:#878787;
	font-weight:bold
}
#news .tanggal a:hover{
	text-decoration:none;
	color:#878787;

}





.list2 li{
	display: block;
	/* for IE5 and IE6 */
	padding:5px 0px; 
	color: #878787;
	border-bottom:1px solid #131313;
	line-height:15px;
	font-size:11px;
	list-style:none
}
.list2{
	/* to display the list horizontaly */
	margin:0px ;
	padding: 0px;
}
.list2 a{
	/* extend the sensible area to the maximum with IE5 */
	text-decoration: none;
	color: #878787;
}
.list2 a:hover { 
	color:#757575;
	border-bottom:1px dotted #757575
}










/*--- Dotted line between menu items in sidebar ---*/

.menuSpacer {
 border-bottom: 2px solid #f47212;
 margin: 0 0 10px 0; 
}




.link{
	color:#333;
	 font-family: Arial, Helvetica, sans-serif;
 font-size:   12px;
 font-weight: normal;
 text-align:  justify;
 line-height: 16pt;
}

.link h1{
	padding:0px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#FFFFFF;
	line-height:0px;
	padding-bottom:17px;
}

.link ul{
	display:block;
	margin:0px;
	padding:0px;
	list-style:none;
	
}
.link li{
	margin:0px;
	padding:0px;
	display:block;
	padding:5px 0px;
}
.link li.date a{
	text-decoration:none;
	color:#878787;
}
.link li.date:hover{
	margin:0px;
	padding:0px;
	display:block;
	background:#d5d4d4;
	padding:5px 0px;
	padding: 0;
	color:#777777;
}
.link li.date{
	border:0px;
	text-align:left;
	border-bottom:1px solid #878787;
	padding:5px 0px;
	padding: 0;
}



form{
	margin:0px;
	padding:0px;
	color:#777777;
}

.cfrom{
	float:left;
	width:200px;
}
.cname{
	color:#777777;
	font-size:12px;
}
.cname a{
	color:#777777;
	text-decoration:none;
}
.cname a:hover{
	color:#777777;
	text-decoration:none
}
.cgrav{
	float:right;
	background-color:#171717;
	border:1px solid #1d1d1d;
	width:36px;
	height:36px;
	text-align:center;
}
.cgimg{
	padding:3px;
}
.comlist{
	padding:10px 0px 0px 0px;
	border-bottom:1px solid #878787;
	line-height:16px;
	font-size:11px;
	color:#878787;
}

.comlist a{
	text-decoration:none;
	color:#777777;
}

.comlist a:hover{
	text-decoration:none;
	color:#5A9BCD;
	border-bottom:1px dotted #5A9BCD
}
.clear{
	font-size:1px;
	clear:both;
	padding:0px;
	margin:0px;
	height:1px;
}
.otext2{
	color: #777777;
	font-size:10px;
}
.otext2 a{
	color: #777777;
	text-decoration:none;
}
.list_bot, .list_bot2, .list_bot3, .list_bot_arch{
	/* to display the list horizontaly */
	margin:0px ;
	padding: 0px;
	
}
.list_bot2 a, .list_bot a, .list_bot3 a, .list_bot_arch a{
	/* extend the sensible area to the maximum with IE5 */
	text-decoration: none;
	color: #777777;
}
.list_bot2 a:hover, .list_bot a:hover, .list_bot3 a:hover, .list_bot_arch a:hover { 
	color:#f47212;
}
.list_bot2 li{
	display: block;
	/* for IE5 and IE6 */
	padding:5px 0px; 
	color: #878787;
	border-bottom:1px solid #878787;
	line-height:18px;
	font-size:11px;
	list-style:none
}
.list_bot3 li{
	display: block;
	/* for IE5 and IE6 */
	padding:5px 0px; 
	border-bottom:1px solid #878787;
	line-height:15px;
	font-size:11px;
	list-style:none;
	color: #878787;
}


.list_bot_arch li{
	display: block;
	/* for IE5 and IE6 */
	padding:6px;
	text-indent:12px; 

	background:url(images/arrow1.png) no-repeat left center;
	line-height:15px;
	font-size:12px;
	list-style:none
}


.list_bot2 .otext2{
	color: #777777;
	font-size:11px;
}
.list_bot2 .otext2 a{
	color: #777777;
	text-decoration:none;
}
.list_bot2 .otext2 a:hover{
	color: #a7e81b;
	text-decoration:none;
}
.hhh{
	margin:0px;
	padding:3px 0px 20px 0px;
	line-height:13px;
	font-weight:normal;
	color:#777777;
	letter-spacing:-0.7px;
	font-size:17px;
}


.list_bot li{
	display: block;
	/* for IE5 and IE6 */
	padding:5px 0px 6px; 
	line-height:15px;
	font-size:11px;
	list-style:none;

}




.clear{
	font-size:1px;
	clear:both;
	margin:0px;
	padding:0px;
}