/*
      redesign by Anton hilman of hilman.net
	  
*/

* { padding: 0; margin: 0; }

#wrapper { 
 margin: 0 auto;
 width: 950px;
}
#faux {
 margin-bottom: 10px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}
#header {
float:right;
 color: #333;
 width: 880px;
 padding: 0px;
 height: 115px;
 margin: 50px 0px 0px 0px;
 background: url(images/header.jpg) no-repeat center top #6B0408;
}

#lang {
float: left;
 color: #333;
 width: 50px;
 padding: 0px;
 height: 115px;
 margin: 50px 0px 0px 0px;
}

#leftcolumn { 
 display: inline;
 color: #333;
 margin: 0px;
 padding: 0px;
 width: 266px;
 float: left;
 text-align:center;
 background-color:#8F0E08;
}
.fotokiri { 
 background: none;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 min-height:712px;
}
#rightcolumn { 
 float: right;
 color: #333;
 background: url(images/bg_konten.gif) no-repeat left top #FFFFFF;
 margin: 0px;
 padding: 10px;
 width: 643px;
 min-height:900px;
 display: inline;
 position: relative;
 border:10px solid #FFFFFF;
}
.konten { 
 background:#FFFFFF;
 margin: 10px;
 padding: 10px;
}
.clear { clear: both; background: none; }

/*menu*/
	#menu{
	background: url(images/header.jpg) no-repeat top center #965355;
	}
		#menu ul{
			list-style:none;
		}
			#menu li{
				list-style:none;
				display:block;
				float:left;
				height:115px;
				line-height:66px;
				margin:0px;
				
			}
				#menu li a{
					display:block;
					float:left;
					color:#FFFFFF;
					font-size:14px;
					font-weight:bold;
					line-height:66px;
					text-decoration:none;
					padding:0 14px;
					height:115px;
					margin-right:2px;
				}
					#menu li a:hover{
						color: #FFFF00;
						background: url(images/menu_over.gif) repeat-x bottom center #390000;
					}
				#menu li a.current{
					display:block;
					float:left;
					color:#fff;
					background: url(images/menu_current.gif) repeat-x bottom center #390000;
					line-height:66px;
					text-decoration:none;	
				}
					#menu li a:hover.current{
						color:#fff;
					}
/*menu end*/

#holiday {
background: url(images/bg_plan.jpg) no-repeat left top #F6BC8A;
min-height:180px;
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px 0px;
}

#holiday a{
color:#5D2E04;
text-decoration:none;
font-weight:bold;
font-size:14.2px;
}
#holiday a:hover{
color: #FFFFFF;
text-decoration: underline;
}

#holiday ul {
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}
	
#holiday li {
	background: url(../images/panah.gif) no-repeat bottom left;
	padding: 5px 0px 8px 38px;
	margin: 0px 0px 0px 0px;
	border-bottom:1px dashed #FBE0C8;
	}

.plan {
float:left;
width:378px;
font-size:13px;
}
.video {
float: right;
width:261px;
border:2px solid #000000;
background-color:#000000;
}

.headplan {
background:url(../images/bg_plan.gif) repeat-x #A54D04;
height:20px;
font-weight:bold;
color:#FFFFFF;
padding: 3px 0px 0px 0px;
margin: 0px 0px 5px 0px;
}

#berita {
background:url(../images/bg-logo.gif) no-repeat right top;
padding: 5px 0px 5px 0px;
margin: 10px 0px 15px 10px;
text-align:justify;
}
#berita h3 {
color: #CC0000;
margin:0px 0px 15px 0px;
font-size:18px;
}
#berita h2 {
color: #CC0000;
margin: 0px 0px 20px 0px;
background:url(../images/garis.gif) no-repeat bottom left;
}
#berita a {
color: #A31811;
text-decoration:none;
}
#berita a:hover {
color:#F70D02;
text-decoration:none;
}

#berita ul {
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
	
#berita li {
	background: url(../images/iconpar.gif) no-repeat center left;
	padding: 2px 0px 3px 25px;
	margin: 0px 0px 0px 0px;
	border-bottom:1px dotted #DDDDDD;
}

#berita li a {
color:#663300;
text-decoration:none;
}

#berita li a:hover {
color: #CC0000;
text-decoration:none;
}

.item {
padding: 0px 0px 20px 0px;
margin: 0px 0px 10px 0px;
border-bottom:1px dashed #dddddd;
min-height:100px;
background:url(../images/bg_berita.gif) repeat-x bottom center;
}

.item2 {
padding: 0px 0px 20px 0px;
margin: 0px 0px 10px 0px;
border-bottom:1px dashed #dddddd;
min-height:50px;
background:url(../images/bg_berita.gif) repeat-x bottom center;
}

.berita {
padding: 0px 0px 20px 0px;
margin: 0px 0px 10px 0px;
border-bottom:1px dashed #dddddd;
min-height:180px;
background:url(../images/bg_berita.gif) repeat-x bottom center;
}
.dberita {
padding: 0px 0px 20px 0px;
margin: 0px 0px 10px 0px;
border-bottom:1px dashed #dddddd;
min-height:360px;
}
.fberita {
padding: 3px;
margin: 3px 10px 5px 0px;
border:1px solid #dddddd;
}

.fberitadbox {
background:url(images/bg_foto.gif) no-repeat top left;
float:left;
width:219px;
height:168px;
margin: 0px 20px 0px 0px;
}

.fberitad {
padding: 3px;
margin: 31px 20px 5px 32px;
height:100px;
}

.fberitag {
padding: 1px;
margin: 3px 10px 5px 0px;
border:4px solid #000000;
width:140px;
background: #FFFFFF;
}

.fgaleri {
padding: 1px;
margin: 3px 10px 5px 0px;
border:4px solid #000000;
width:130px;
background: #FFFFFF;
}

#tool {
padding: 5px 0px 5px 0px;
margin: 10px 0px 10px 0px;
}
.tool1 {
float:left;
width:145px;
padding: 5px 5px 5px 5px;
margin: 0px 7px 0px 0px;
background-color:#D4E3F3;
min-height:180px;
}
.tool2 {
float:left;
width:145px;
padding: 5px 5px 5px 5px;
margin: 0px 7px 0px 0px;
background-color:#D4E3F3;
min-height:180px;
}
.tool3 {
float:left;
width:145px;
padding: 5px 5px 5px 5px;
margin: 0px 7px 0px 0px;
background-color:#D4E3F3;
min-height:180px;
}
.tool4 {
float:left;
width:145px;
padding: 5px 5px 5px 5px;
margin: 0px 0px 0px 0px;
background-color:#D4E3F3;
min-height:180px;
}
.slideshow2 {
padding: 10px;
margin: 0px 0px 10px 0px;
border:1px solid #EBD5F3;
}

/* paging */
div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	
	text-decoration: none; /* no underline */
	color: #000099;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #FF0000;

	color: #FF0000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #FF0000;
		
		font-weight: bold;
		background-color: #FFC000;
		color: #FF0000;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}
	
.garis {
margin:10px 0px 10px 0px;
border-bottom:1px dotted #DDDDDD;
}	

#kopiraik {
padding: 5px 0px 5px 10px;
margin: 10px 0px 0px 0px;
background: url(../images/bg_kopiraik.gif) no-repeat right #660066;
color:#FFFFFF;
}

#kopiraik a:link {
color:#FFFFFF;
text-decoration:none;
}

#kopiraik a:hover {
color: #FFFF33;
text-decoration:none;
}

#kopiraik a:visited {
color:#FFFFFF;
text-decoration:none;
}

.succ {
background-color:#F8FFF0;
color:#005CAD;
border:1px solid #A0DC11;
padding:10px 10px 10px 10px;
margin:10px 0px 10px 0px;
}

.err {
background-color:#FFF9D7;
color:#005CAD;
border:1px solid #E2C822;
padding:10px 10px 10px 10px;
margin:10px 0px 10px 0px;
}	

.isik {
min-height:110px;
}

.peta {
text-align:center;
}

.teksarea {
width:140px;
height:93px;
font-size:11px;
color:#333333;
}

.galerif {
text-align:center;
margin:0px;
padding:10px;
background-color:#000000;
width:623px;
}

h1 {
color: #CCCCCC;
margin:0px 10px 10px 0px;
padding:10px 0px 20px 55px;
background:url(../images/sudut-kertas.gif) no-repeat left top;
}

.slideshow {
padding:10px 0px 10px 44px;
border:1px solid #DDDDDD;
margin-bottom:10px;
}

.videos {
background-color:#000000;
margin:0px 10px 10px 10px;
padding:10px 0px 20px 110px;
}

.gvideo {
color:#333333;
margin:5px 5px 5px 5px;
padding:5px 0px 5px 5px;
background-color:#DDDDDD;
border:1px solid #DDDDDD;
}