body {
	background-image: url(/images/bgweb.jpg);
	background-repeat: repeat-y;
	background-position: top;
	color: #939598;
	
	
}
* {

	margin: 0px;

	padding: 0px;

}
#wrapper {
	width: 940px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
#wrapper #header {
	height: 100px;
	width: 920px;
	position: relative;

	margin-left: 8px;
}
#namambs{
	float: left;
	height: 53px;
	width: 405px;
	margin-top: 7px;

}
#header #logo{
	float: left;
	height: 93px;
	width: 154px;
	margin-top: 7px;

}
#menuatas{
	width: 920px;
	height: 30px;
	
	margin-left: 8px;
}
#menuatas li{
	float: left;
	list-style-type: none;
	margin-right: 10px;
	margin-left: 10px;
	
}
#menuatas ul{
	float: left;
	padding-left: 710px;
}
#menuatas a{
	font-family: calibri, arial;
	text-align: right;
	text-decoration: none;
	color: #939598;
}
#menuatas a:hover{
	color: #990000;
	text-decoration: underline;
}
.menu1{
	background-image: url(images/bgmenu_03.png);
	background-repeat: no-repeat;
	height: 40px;
	width: 930px;
	
}
#wrapper #menu{
	height: 40px;
	width: 760px;
	float: left;
	z-index: 15;
	
}

#navigation{
	font-size: 16px;
	color: #00F;
	margin-bottom: 10px;
}
ul#navigation-1
	{
	margin:0;
	list-style:none;
	height:120px;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 1px;
	padding-left: 0;

}
ul#navigation-1 li
	{
	float:left;
	position:relative;
	
}
ul#navigation-1 li a:link,
ul#navigation-1 li a:visited
	{
	display:block;
	text-align:left;
	text-decoration:none;
	color:#FFFFFF;
	font-family: calibri, arial;
	font-size: 14px;
	font-weight: normal;
	line-height: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	width: auto;
	padding-right: 25px;
}
ul#navigation-1 li:hover a


	{
	display:block;
	text-decoration:none;
	color:#ffffff;
	height:13px;
}
	
ul#navigation-1 li ul.navigation-2
	{
	list-style:none;
	display:none;
	position:absolute;
	top:21px;
	left:-1px;
	margin-top: 12;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 12px;
	padding-right: 1px;
	padding-bottom: 0;
	padding-left: 1px;
}
ul#navigation-1 li:hover ul.navigation-2
	{
	display:block;
	
}
ul#navigation-1 li ul.navigation-2 li
	{
	width:120px;
	clear:left;
}

ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited
	{
	clear:left;
	position:relative;
	z-index:1000;
	background-color: #990000;
	opacity: 0.8;
	filter: alpha(opacity=80);
	color: #FFFFFF;
	width: 160px;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	font-weight: normal;
	margin-left: 15px;
}
ul#navigation-1 li ul.navigation-2 li:hover a,
ul#navigation-1 li ul.navigation-2 li a:active,
ul#navigation-1 li ul.navigation-2 li a:hover
	{
	clear:left;
	position:relative;
	z-index:1000;
	background-color: #993300;
	color: #FFCC00;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
#wrapper .cari{
	height: 40px;
	width: 170px;
	float: right;
	
}

#search_box {
	width: 235px;
	height: 30px;
	background-image: url(/images/cari_03.png);
	background-repeat: no-repeat;
	font-family: myriad pro,arial;
	margin-top: 5px;
	margin-left: 10px;
}
#search_box form { clear: both; width: 235px; height: 30px; padding: 0; } 
#searchfield { display: block; float: left; height: 30px; width: 190px; padding: 0 5px; color: #333; line-height: 30px; background: none; border: none; } 
#searchbutton { display: block; float: left; height: 30px; width: 28px; padding: 0 0 5px 0; margin: 0; cursor: pointer; background: none; border: none; }

#slideheader_template{
	
	height: 230px;
	width: 920px;
	margin-left: 8px;
	z-index:-10;
	position: relative;
	margin-bottom: 20px;
}
 #contentkiri{
	float: left;
	height: 400px;
	width: 550px;
	margin-left: 8px;
	padding-top: 12px;
	font-family: calibri, arial;
	text-align: justify;
	
 }
 #isiconten{
	font-family: calibri, arial;
	text-align: justify;
	height: auto;
	margin-bottom: 45px;
	float: left;
 }
 .moredepan{
	float: right;
	height: 20px;
	width: 100px;
	margin-top: 15px;
	padding: 5px;
	background-image: url(images/more.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
 }
  .moredepan a{
	color: #FFF;
	padding-left: 40px;
	text-decoration: none;
  }
   .moredepan a:hover{
	color: #FF0;
	text-decoration: underline;
   }
 #contentkiri h1{
	color: #553100;
	font-family: calibri, arial;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
 }
 #contentkanan{
	float: right;
	height: auto;
	width: 350px;
	margin-right: 11px;
	font-family: calibri, arial;
 }
 .bgkiri{
	width:330px;
	height:420px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 46px;
	padding-left: 11px;
	margin-top: -50px;
	background-image: url(images/bgkiri.png);
	background-repeat: no-repeat;
	font-size: 12px;
	color: #FFF;
	float: left;
	z-index: 55;
	position: relative;
}
.bgkiri1{
	height: 130px;
	width: 250px;
	float: left;
	text-align: justify;
	margin-left: 8px;
}
.bgkiri1 h1{
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
}
.bgkiri1 a{
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	padding-bottom: 10px
}
.bgkiri1 a:hover{
	color: #009;
	text-decoration: none;
}
.bgkiri1 h1 span{
	font-size: 16px;
	color: #FFF;
	text-transform: uppercase;
}
#bgkiri2{
	height: 45px;
	width: 36px;
	background-image: url(images/btn_kiri_03.png);
	background-repeat: no-repeat;
	background-position: right;
	margin-top: 80px;
	margin-right: 25px;
	float: right;
}
.clear {

	clear: both;

}
#clear {

	clear: both;

}
#login{
	background-image: url(images/more5.png);
	background-repeat: no-repeat;
	background-position: right;
	float: right;
	height: 34px;
	width: 99px;
	margin-right: 19px;
	
}
#login a{
	color: #FFF;
	padding-left: 15px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 190%;
	text-decoration: none;
	padding-top: 10px;	
}
#login a:hover{
	color: #FF0;
	text-decoration: underline;
}
#news{
	height: auto;
	width: 325px;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}
.tgl{
	background-image: url(images/tgl_07.png);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	height: 70px;
	width: 70px;
	margin-bottom: 18px;
}
#peta{
	
	height: 249px;
	width: 555px;
	margin-bottom: 25px;
}
#news_dalam{
	height: 70px;
	width: 250px;
	float: right;
	font-size: 14px;
	color: #666;
	text-align: justify;
	margin-bottom: 18px;
}
#news h2{
	font-size: 24px;
	padding-left: 5px;
	margin-bottom: 5px;
	color: #553100;
}
#news_dalam h2{
	font-size: 16px;
	color: #F00;
	margin-left: 0px;
	padding-left: 0px;
}
#kav1{
	background-color: #f6f1ea;
	float: left;
	height: 100px;
	width: 900px;
	margin-left: 8px;
	margin-bottom: 15px;
	font-family: calibri, arial;
}
#kav1 h1{
	text-align: center;
	font-size: 16px;
	padding-top: 35px;
}
#kav2{
	background-color: #FFFFFF;	
	/*height: 100px;*/
	height: auto;
	width: 440px;
	font-family: calibri, arial;	
    float: left;
	margin-left: 8px;
	
}
#kav2 h1{
	text-align: center;
	font-size: 16px;	
	margin-bottom: 10px;
}
#kav3{
	background-color: #FFFFFF;	
	/*height: 100px;*/
	height: auto;
	width: 440px;
	font-family: calibri, arial;		
    float: left;
	margin-left: 15px;	
}

#kav3 h1{
	text-align: center;
	font-size: 16px;	
	margin-bottom: 10px;
}

#kavtemplate1{
	background-color: #FFFFFF;
	float: left;
	height: auto;
	width: 300px;
	margin-left: 8px;
	margin-bottom: 10px;	
}
#kavtemplate1 h1{
	text-align: center;
	font-size: 16px;
	margin-bottom: 10px;
	
	
}
#kavtemplate2{
	background-color: #FFFFFF;
	float: left;
	height: auto;
	width: 300px;
	margin-left: 8px;
	
}
#kavtemplate2 h1{
	text-align: center;



	font-size: 16px;
	margin-bottom: 10px;

}
#kavtemplate3{
	background-color: #FFFFFF;
	float: left;
	height: auto;
	width: 300px;
	margin-left: 8px;
	position: relative;







}
#kavtemplate3 h1{
	text-align: center;
	font-size: 16px;
	margin-bottom: 10px;
	/*padding-top: 35px;*/
}
#kavtemplate4{
	background-color: #FFFFFF;
	float: left;
	height: auto;
	/*height: 150px;*/
	width: 440px;
	margin-left: 8px;
	font-family: calibri, arial;
	position: relative;
}
#kavtemplate4 h1{
	text-align: center;
	font-size: 16px;
	margin-bottom: 15px;
}
#kavtemplate5{
	background-color: #FFFFFF;
	float: right;
	height: auto;
	width: 440px;
	margin-left: 8px;
	font-family: calibri, arial;
	margin-right: 16px;
}
#kavtemplate5 h1{
	text-align: center;
	font-size: 16px;
	margin-bottom: 15px;
}

#kav1 img, #kav2 img, #kav3 img, #kavtemplate1 img, #kavtemplate2 img, #kavtemplate3 img, #kavtemplate4 img, #kavtemplate5 img {
	border: none;
}

#wrapper #footer{
	width: 900px;
	margin-left: 8px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F00;
	padding-top: 10px;
	margin-top: 25px;
	font-family: calibri, arial;
	font-size: 14px;
	margin-bottom: 25px;
	padding-bottom: 25px;
}
.menubawah{
	float: right;
	font-family: calibri, arial;
	font-size: 14px;
}
.menubawah li{
	float: left;
	text-align: right;
	list-style-type: none;
}
.menubawah ul{
	float: left;
}
.menubawah a{
	padding-right: 10px;
	padding-left: 10px;
	font-size: 14px;
	color: #999;
	font-family: calibri, arial;
}
.menubawah a:hover{
	color: #F00;
}
#content_dalam{    
    line-height: 1.5em;    
}
#content_dalam{
	float: left;
	width: 485px;
	height: auto;
	text-align: justify;
	font-family: calibri, arial;
	font-size: 14px;
	color: #000;
}
#content_dalam img{
	/*float: left;*/
	margin-right: 5px;
}

#content_dalam a{
	color: #c60c0c;
	font-weight: normal;
	font-family: calibri, arial;
}

#content_dalam h1, #content_dalam h2{ margin-bottom: 5px; }
#content_dalam a:hover{ text-decoration: none; }
#content_dalam ul, #content_dalam ol{ margin-left: 25px; margin-top: 5px; }
#content_dalam h1{ margin-bottom: 4px; }

#right{
	color: #FFF;
	width: 220px;
	min-height: 400px;
	float: right;
	margin-right: 8px;
	background-image: url(images/bgright_03.png);
	background-repeat: no-repeat;
	height: 334px;
	
}
#left{
	width: 210px;
	min-height: 400px;
	float: left;
	color: #FFF;
	margin-left: 8px;
	background-image: url(images/leftmenu_03.png);
	background-repeat: no-repeat;
	height: 338px;
	padding-top: 15px;
}
#left a{
	color: #553100;
	font-size: 13px;
	font-family: calibri, arial;
	padding-top: 5px;
}
#left a:hover{
	color: #F00;
	font-size: 14px;
}
#left li{
	margin-left: 8px;
	list-style-type: none;
	position: relative;
	color: #000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #930;
	width: 160px;
	padding-bottom: 7px;
}
#left ul{
	margin-left: 8px;
}

.genap a{
	height:25px;
	display:block;
	background-position:5px 5px;
	text-decoration:none;
	background-image: url(images/iconmenu_03.png);
	background-repeat: no-repeat;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
}

ul.left_menu li.ganjil a:hover, ul.left_menu li.genap a:hover{
background:url(images/checked.png) no-repeat left #7bbcc7; color:#FFFFFF;background-position:5px 5px;
}
#about_right h1{
	font-size: 16px;
	color: #FFF;
	padding-top: 10px;
	text-align: left;
	padding-left: 15px;
	font-family: calibri, arial;
	font-weight: bold;
	padding-bottom: 5px;
}
#about_right1{
	height: 110px;
	width: 203px;
	padding-left: 5px;
	margin-left: 3px;
	text-align: left;
	font-size: 14px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
	padding-top: 0px;
	padding-right: 5px;
	font-family: calibri, arial;
}
#about_right1 a{
	font-size: 16px;

	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	padding-bottom: 10px
}
#about_right1 a:hover{
	color: #FF0;
	text-decoration: underline;
}
#thumb_news{
    padding: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
#thumb_news #head_news a{
    color: black;
    font-size: 18px;
    text-decoration: none;
}

#thumb_news #head_news a:hover{
	color: #900;
}

#thumb_news .more{
	width: 99px;
	height: 34px;
	margin-top: 10px;
	padding-left: 17px;
	display: block;
	text-decoration: none;
	float: right;
	background-color: transparent;
	background-image: url(images/more2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	color: #FF0;
}
#thumb_news a.more {
	color: #FFF;
	line-height: 200%;
	font-size: 16px;
}
#thumb_news a.more:hover{
	color: #06F;
}

#paging{
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px dotted silver;
    border-bottom: 1px dotted silver;    
}

#paging a{
    text-decoration: none;
    padding: 3px;
}

#paging a:hover{
    border-bottom: 2px solid black;
}
#slider {
	width:920px;
	height:300px;
	position: relative;
	margin-left: 8px;
}
#wrapper #slideheader{
	background-color: #000000;
	height: 300px;
	width: 920px;
	margin-left: 8px;
	z-index:-10;
	position: relative;
}
.items {display:none}
.banner {
	position:absolute;
	top:80px;
	z-index:19;
	right:32px;
	color:#333;
	width:350px;
	font-family: calibri, arial;
	padding: 10px;
	background-color: #CCC;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.banner h1{
	font-size: 24px;
	font-weight: bold;
	color: #F00;
}
.title {
	font-size:18px;
	letter-spacing:-2px;
	display:block;
	padding-bottom:9px
}
.title .color2 {color:#000}
.title span {display:block;margin-top:-17px}
.banner .button1 {
	font-size:20px;
	height:80px;
	margin-top:-1px;
	letter-spacing:-2px;
	color: #FFF;
	padding-right: 50px;
	width: 100px;
	line-height: 55px;
	text-decoration: none;
	background-image: url(images/hover.png);
	background-repeat: no-repeat;
	padding-left: 18px;
	padding-bottom: 40px;
	padding-top: 5px;
}
.banner .button1:hover {
	
	background-image: url(images/moreheader_hover.png);
	
	}
.pagination {
	position:absolute;
	z-index:2;
	bottom: 5px;
}
.pagination li {float:left;padding-left:3px}
.pagination a {display:block;width:17px;height:17px;background:url(../images/buttons.png) right 0 no-repeat;text-indent:-9999px}
.pagination a:hover, .pagination .current a {background-position:left}

.alamat{
	font-size: 13px;
	padding: 3px;
}
.telp{
	font-size: 13px;
	padding-top: 5px;
}

/* PAGING */
div.paging {
	padding     : 4px;
	text-align  : center;
	font-family : Arial;
	font-size   : 11px;
	margin-top: 7px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
}
div.paging a {
	padding             : 4px;
	margin-right        : 2px;
	border              : 1px solid #DEDFDE;
	text-decoration     : none;
	color               : #FFFFFF;
	background-position : bottom;
	font-size: 14px;
	background-color: #CCCCCC;
}
div.paging a:hover {
	background-color: #FFFFFF;
	border : 1px solid #fff;
	color  : #fff;
}
div.paging span.current {
	border : 1px solid #DEDFDE;
    padding      : 1px 6px;
    margin-right : 2px;
    font-weight  : bold;
    color        : #db0000;
}
div.paging span.disabled {
    padding      : 1px 6px;
    margin-right : 2px;
    color        : #ADAAAD;
    font-weight  : bold;
}
div.paging span.prevnext {	
  font-weight : bold;
}
div.paging span.prevnext a {
 	border : none;
}
div.paging span.prevnext a:hover {
	display: block;
    border : 1px solid #fff;
    color  : #fff;
}		

#info_kontak {
	font-size: 12px;
	color: #333;
	padding-left: 20px;
	padding-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
}