body {
	font:11px "Lucida Grande", Geneva, Arial, Helvetica, Verdana, sans-serif;
	margin: 0 5px 5px 5px;
	background: #C5C5C5 url('../img/bg.jpg') repeat-x;
}

a:link, a:visited, a:active {
	color: #067932;
	text-decoration: none;
}

a:hover {
	color: #D09A2D;
}

code, pre {
color:#C33;
font-family:"Courier New", Courier, monospace;
}

h1 {
font-size: 16px;
color: #5fa015;
padding: 0 0 5px;
margin: 0 0 5px;
}

h2 {
font-size: 15px;
padding: 0;
margin: 2px 0;
}

h3 {
font-size: 14px;
padding: 0;
margin: 1px 0;
}

h4 {
font-size: 13px;
padding: 0;
margin: 1px 0;

}



h5 {

font-size: 12px;

padding: 0;

margin: 1px 0;

}



ol {

margin: 5px 35px; 

padding: 0 0;

list-style-type: decimal;

}



ol li {

padding: 2px 0px;

}



hr {

border: 0;

height: 1px;

background-color: #ededed;

color:#EDEBEC;

}



img {

border: none;

}



.hrdot{

border: 0;

height: 1px;

background: #EDEBEC url('../img/hrdot.gif') repeat-x;

width: 90%;

}



.clear {

clear:both;

height: 2px;

width: 100%;

visibility:hidden;

}



.bold {

font-weight: bold;

}



.brd_bottom {

border-bottom: 1px solid #C5C5C5;

}



.light_green {

color: #7bba33;

}



.gray {

color: #aaa4a4;

}



.right {

text-align: right;

float: right;

}



.left {

text-align: left;

float: left;

}



.small {

font-size: 9px;

}





div#container {

	margin: 0 auto;

	width: 989px;

	padding: 0 0;

	background: #EDEBEC url('../img/bg_base.jpg') repeat-y;



}



div#mcontainer {

	margin: 0 auto;

	width: 710px;

	padding: 3px 3px;

}





#footer {

clear: both;

padding: 5px 15px 0px 15px;

	height: 40px;

	background: #C5C5C5 url('../img/bg_footer.jpg') no-repeat top center;

	font-size: 10px;

	color: #fff;

text-align: right;



}



#footer a:link, #footer a:visited, #footer a:active {

text-decoration: none;

	color: #000;

}



#byline{

	border-bottom: 1px solid #f1f1f1;

}



#footer a:hover {

text-decoration: underline;

	color: #fff;

}



#footer .copy{

text-align:center;

color: #857f7f;

margin: 15px auto 5px auto;

}



#footer .copy a{

color: #857f7f;

}



#footer .copy a:hover{

color: #5C5D5F;

text-decoration: none;

}



/* home content */

#leftside {

    float:left;

    width: 270px;

	background: url('../img/topside.jpg') no-repeat;

	padding: 8px 10px 5px 12px;

	}

#rightside {

    float:right;

    width:687px;

	padding: 8px 10px 5px 0px;

	background: url('../img/topside.jpg') no-repeat 0px right;

}



*html #rightside {

width: 655px;

padding: 8px 32px 5px 10px;

overflow: hidden;

background: url('../img/topside.jpg') no-repeat top -292px;

}





#rightsides {

    float:right;

    width:675px;

	padding: 8px 12px 5px 0px;

	background: url('../img/topside.jpg') no-repeat 0px right;



	}



*html #rightsides {

width: 660px;

padding: 8px 22px 5px 10px;

overflow: hidden;

background: url('../img/topside.jpg') no-repeat top -297px;

}





#mleft {

	margin:20px 0px 0px 0px;

    float:left;

    width:445px;

	}

#mright {

    float:right;

    width:235px;

    }



*html #mright {

    width:230px;

    }





#header {

top:45px;

height: 149px;

/*background:  url(./../img/template/banner.jpg) no-repeat; */



background: url(./img/headers.png) no-repeat;

}



#headers {

top:45px;

height: 149px;

background: url('./../img/headers.png') no-repeat;

}



#content {

background: url('../img/topside.jpg') no-repeat;

min-height:26px;

}



#slideshow {

	position: absolute;

	top: 40px;

	width: 431px;

	height: 285px;

	margin-bottom: 350px;

	padding-top:0px;

	margin:0px 0px 0px 10px;

}



#ssdump {

margin-top: 150px;

}



.leftlong {

height: 350px;

}



/*  */

#log_dis {

	float: right;

	margin: 0px 5px 0px 0px;

	padding-top: 0px;

	text-align: left;

	width: 225px;

	background: transparent url('../img/dirlog.png') no-repeat;

	height: 115px;

}



.dislog {

float: right;

margin: 0px 18px 0px 0px;

background: transparent url('../img/dirlog.png') no-repeat 0px -126px;

width: 225px;

height: 25px;

}



*html #log_dis {

	height: 80px;

/*	margin:0px 10px 0 0px;

	background: transparent url('../img/dirlog.gif') no-repeat;*/

}



*html .dislog { 

	margin:0px 5px 0 0;

	background: transparent url('../img/dirlog.gif') no-repeat 0px -126px;

}



#log_dis h1 {

font-size: 18px;

font-weight: normal;

color: #fff;

margin: 0 0;

padding: 0 0;

margin-left: 30px;

}



#log_dis input {

border: none;

padding: 5px;

margin: 5px 5px 0px 15px;

color: #B0AEA1;

width: 170px;

font-size: 12px;

}



#log_dis input.user {

background: #f1f1f1 url('../img/icon/user.png') no-repeat 97% 5px;

}



#log_dis input.password {

background: #f1f1f1 url('../img/icon/textfield_key.png') no-repeat 97% 5px;

}



#log_dis .submit {

width: auto;

font-size: 10px;

font-weight: bold;

padding: 5px;

color: #3E1617;

background: #fff url('../img/grd/bg_btn.png') repeat-x;



}



#log_dis .forpass  {

float: right;

text-align: right;

margin-right: 20px;

margin-top: 5px;

font-size: 10px;

}



*html #log_dis .forpass {

margin-right: 10px;

}



#log_dis a{

color:#B0AEA1;

}



#log_dis a:hover  {

color:#068135;

}



h1.titlebar {

color: #fff;

font-size: 14px;

font-weight: normal;

letter-spacing:1px;

margin: 0 0;

padding: 0 5px;

margin-bottom: 10px;

}





h1.titleloc {

color: #fff;

font-size: 14px;

letter-spacing:1px;

margin: 0 0;

padding: 0 5px;

margin-bottom: 20px;

}



/* NEWS */

#hnews{



}



.newslist {

background-color: #d9e7bc;

padding: 5px;

border-left: 4px solid #85C240;

margin-bottom: 5px; 

}



#hnews h3{

margin: 0;

padding: 0;

font-size: 12px;

}

#hnews h3 a{

color: #579631;

}

#hnews .ndate {

color: #484848;

font-size: 10px;

}



#hnews .rmore a {

text-align: right;

display:block;

color: #a4812e;

}



#hnews a:hover {

color:#D19B2C;

}



.rmore {

	text-align:right;

	display:block;

	padding-bottom:-20px;

}





/* OFFICE */
.office {
	padding: 4px;
}



*html .office {

padding: 0px;

}



.office span {

font-size: 12px;

font-weight: bold;

}

.address_h ul{
	padding-left: 8px;
	border-left: 15px solid #DDDAC7;
}

.address_h{
	padding-left: 10px;
}

.address_x ul{

	padding-left: 8px;

	border-left: 15px solid #DDDAC7;

}

.address_x{
	height:280px;
}



.office img {

text-align:center;

margin-bottom: 10px;

}



/* products */

#hproducts {	font-size: 11.5px; width:230px; clear: both; display: block;
	border: 1px solid #F8E3AC; }



#hproducts ul {

	list-style-type: none;

	margin: 0;

	padding:0;

}



#hproducts{
	width:220px;
	padding: 5px;
	margin-top: 5px;
	border: 1px solid #E2ECD9;
	background: transparent url('../img/grd/bgpro.gif') repeat-y top right;
}
#hproducts ul{
	width:210px;
	margin-top: 6px;
	margin: 2px 3px 2px 2px;
}
#hproducts ul li{
	margin:0px 2px 5px 0px;
	padding-bottom:3px;
	border-bottom:1px solid #DEEBE2;
}

#judulrss{
	background: url('../img/grid/bgpro.jpg') no-repeat top left;
	padding-bottom:-90px;
	font-weight:bold;
	font-size:17px;
	color:green;
}
.pikachoose{
	margin-top:-173px;
}
#hsidekanan li{
	width:94%;
	clear: both;
	display: block;
	border: 1px solid #E2ECD9;
	/* INI DIA */
	padding: 5px;
	margin-top: 5px;
	background: transparent url('../img/grd/bgpro.jpg') repeat-y top right;
}
#hsidekanan li a{
	color:#1F4104;
}
#hsidekanan li a:hover{
	color: #548727;
	display:block;
}

#hsidekanan li .title{
	margin-top:0px;
	margin-bottom:10px;
	text-align:left;
	font-weight:normal;
	background: transparent url('../img/grd/bgpro.jpg') repeat-y top right;
}
#hsidekanan span.title{
	margin-top:0px;
	padding-bottom:10px;
}


#hproducts span {

margin-top: 0px;

display: block;

font-weight: bold;

font-size: 13px;

color:#EBC500;

/*font-style: italic;*/

}



#hproducts .protitle{

border-bottom: 1px solid #f1f1f1;

}



#hproducts .protitle a {

color: #337126;

}



#hproducts .protitle a:hover {

color: #D19B2C;

}



.ileft {

float: left;

margin: 3px 2px;

}





ul#archievement  {

	list-style-type: none;

	margin: 0 0;

	padding: 0 0;

}



ul#archievement li {

border: 1px solid #D9E7BC;

text-align:center;

width: 300px;

height: 250px;

float: left;

margin: 3px;

padding: 5px;

background: transparent url('../img/grd/grd_hj.png') repeat-x;

}



ul#archievement li span {

font-size: 12px;

font-weight: bold;

height: 30px;

display: block;

color: #85C240;

}



ul#archievement li img {

margin-top: 10px;

border: 3px solid #F4F7E7;

}




.downloadhead {

float: right;

margin-right: 25px;

}



ul.sidecat {

	list-style-type: none;

	margin:0;

	padding: 0;

}



.sidecat li {

display: block;

border-bottom: 1px solid #E5E5E5; 

margin: 2px 0px;

padding: 5px 15px;

text-align: right;

}



.sidecat li.title {

display: block;

background-color: #EBEFE0; 

margin: 2px 0px;

padding: 5px 10px;

text-align: right;

margin-right: -10px;

font-weight: bold;

}



.sidecat li a {

display: block;

}



.noscript {

font-size: 20px;

font-weight: bold;

position: fixed;

bottom: 0;

left: 0;

width: 99%;

margin: 0px auto;

text-align: center;

border: 1px solid #A70606;

color: #D20909;

background: #F6F7EF url(../img/grd/grd_hj.png) repeat-x top center;

}



.noscript span{

display:block;

font-size: 12px;

color: #670302;

}

#calender{

	text-align:center;

	margin:5px 5px 5px 5px;

}

#calender  table td {padding:5px 8px 5px 8px; }

#org_logo{

	float:left;

	width:235px;

	border:1px solid #999;

	padding:5px 5px 5px 5px;

	margin:5px 5px 5px 5px;

}

#tumblist{

	font: 12px Verdana,"Lucida Grande",Arial,"URW Gothic L",Helvetica,"Bitstream Vera Sans",sans-serif;

	margin:5px 5px 5px 5px;

	padding:5px 5px 5px 5px;

	background:#F4FBF2;

	color:#3C4439;

}

#downloadlist{

	font: 12px Verdana,"Lucida Grande",Arial,"URW Gothic L",Helvetica,"Bitstream Vera Sans",sans-serif;

	margin:5px 5px 5px 5px;

	padding:5px 5px 5px 5px;

	background:#F4FBF2;

	color:#3C4439;

}

#medialist{

	font: 12px Verdana,"Lucida Grande",Arial,"URW Gothic L",Helvetica,"Bitstream Vera Sans",sans-serif;

	margin:5px 5px 5px 5px;

	padding:5px 5px 5px 5px;

	background:#F4FBF2;

	color:#3C4439;

	border: 1px dashed #888; padding: .5em 0;

	float:left;

	width:200px;

	height:50px;

}

#medialistdetail{

	font: 12px Verdana,"Lucida Grande",Arial,"URW Gothic L",Helvetica,"Bitstream Vera Sans",sans-serif;

	margin:5px 5px 5px 5px;

	padding:3px 5px 3px 5px;

	background:#F4FBF2;

	color:#3C4439;

	border: 1px dashed #888; padding: .5em 0;

	float:left;

	width:180px;

	height:130px;

}

#medialist a{

	color:green;

}

#gbmedia{

	text-align:left;

	margin:0px 5px 5px 5px;

	border:none;

}

#gbKecil{

	text-align:left;

	margin:0px 5px 5px 5px;

	border:none;

	width:30px;

}

#iklan{

/*	text-align:center;

	padding:8px 0px 0px 49px;

	height:0px;*/

}

#gbbanner{
	text-align:left;
	margin:12px 5px 0px 299px;
	border:none;
	width:423px;
	height:135px;
}

#gbidentitas{

	text-align:left;

	margin:0px 5px 5px 5px;

	border:none;

}

#gbdownload{

	text-align:left;

	margin:0px 5px 5px 5px;

	border:none;

	width:50px;

	float:right;

}

#gbprofil{

	width:200px;

	text-align:left;

	margin:0px 5px 5px 5px;

	border:none;

}

#gbpage{

	width:413px;

	text-align:left;

	margin:5px 5px 5px 5px;

	border:none;

	float:left;

}

#gbdetmedia{

	text-align:center;

	margin:10px 10px 10px 10px;

	border:none;

	width:160px;

}

#links{

	text-align:right;

	margin:5px 5px 5px 5px;

}

#judul{

	font:16px Calibri bold; color:#000;

	margin:5px 5px 5px 5px;

	color:#406A04;

	font-weight:bold;

	font-size:17px;

}

#side{

	margin:5px 10px 10px 10px;

}

#bukutamu{
	height:35px;
	width:200px;
	border:0;
	padding: 5px 0px 5px 0px;
	float:left;
}
#facebook{
	padding:0px 5px 2px 5px;
	background-color:#FFF;
	border:1px solid #EFEFEF;
	width:204px;
}
#facebook img{
	margin:2px 5px 5px 2px;
	width:199px;
	height:45px;
}

#chat{
	height:62px;
	width:215px;
	border:0;
	padding: 5px 0px 5px 0px;
	margin: 2px 2px 2px 2px;
	float:left;
}
#chat p{
	padding: 0px 0px 0px 0px;	
}
#chat img{
	width:60px;
	height:60px;
	vertical-align:middle;
	padding:5px 5px 5px 5px;
}
.default_tabel{
}
td.default_tabel{
	padding:0px 5px 5px 5px;
	border-bottom: 1px solid #F8E3AC;
	border-left: 1px solid #F8E3AC;
	border-right: 1px solid #F8E3AC;
}
th.default_tabel{

	padding:0px 5px 5px 5px;

	border: 1px solid #F8E3AC;

}

/*#icon_bukutamu{

	width:185px;

	float:left;

	padding:0px 0px 15px 0px;

}*/

#alert{

	color:red;

	text-align:center;

	padding:5px 5px 5px 5px;

	margin:5px 5px 5px 5px;

	display:block;

	background:yellow;

}

#foto_S{

	width:150px;

	padding:5px 5px 5px 5px;

}

#foto_T{

	width:250px;

	padding:5px 5px 5px 5px;

}

form{
	padding:10px;

	margin:0 auto;

}

#list{ width:100%; text-align:left; size:11px; border-left:1px solid #EFEFEF; }

#list th{ background:#C0EA9C; color:#000000; font-size:13px; 
	padding:5px 5px 5px 5px;}

#list td{ font-size:12px; padding:5px 5px 5px 5px; border-right:1px solid #EFEFEF; border-bottom:1px solid #EFEFEF; }

/*****.no{ padding:0px 2px 0px 2px;	width:10px;	background:#FFF;	border-bottom:1px solid #FF8;}

.nama{ 	padding:0px 2px 0px 2px;	background:#FFF;	text-align:left;	border-bottom:1px solid #FF8;}

.keterangan{	padding:0px 2px 0px 2px;	background:#FFF;	text-align:left;	border-bottom:1px solid #FF8;}
*******/
.penuhA{

	padding:0px 5px 0px 5px;

	width:100px;

	background:#FFF;

	text-align:left;

	border-bottom:1px solid #FF8;

}

.penuhB{

	overflow:auto;

	padding:0px 5px 0px 5px;

	width:100px;

	background:#FFF;

	text-align:left;

	border-bottom:1px solid #FF8;

}

.cols{

	color:#058234;

	background: #F6F7EF url(../img/cols.png) top center;

}

/* PAGINATION */

div.pagination

{

    padding: 3px;

    margin: 3px;

}



div.pagination a

{

    padding: 2px 5px 2px 5px;

    margin: 2px;

    border: 1px solid #067932;

    text-decoration: none; /* no underline */

    color: #067932;

}



div.pagination a:hover, div.pagination a:active

{

    border: 1px solid #067932;

    color: #067932;

}



div.pagination span.current

{

    padding: 2px 5px 2px 5px;

    margin: 2px;

    border: 1px solid #067932;

    font-weight: bold;

    background-color: #993300;

    color: #067932;

}

div.pagination span.disabled
{ padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #EEE; color: #067932; }



/* UNTUK TABEL GANJIL GENAP  */
#ganjil{ background:#F9FFFA; padding:10px 10px 10px 14px; }

#genap{	background:#FFFFFF; padding:4px 4px 4px 4px; }

/* SELESAI TABEL GANJIL GENAP */

/* Tambahan */
.title{ font-weight:bold; font-size:14px; padding:10px 5px 5px 5px; }
/* End Tambahan */