/* Bangun reserved coyyy */
a:link, a:visited{
	color:#9d0b0e;	
	text-decoration: none;
}
a:hover{
	color:#fff;
	text-decoration: none;
	text-shadow: 0 0 0.5em #87F, 0 0 0.5em #87F,
        0 0 0.5em #87F, 0 0 0.5em #87F;
}
#blur{
	text-shadow: 0 0 0.5em #87F, 0 0 0.5em #87F,
        0 0 0.5em #87F, 0 0 0.5em #87F;
}
#img{
	-webkit-border-radius: 3px; -moz-border-radius: 3px;	border-radius: 3px;
	-moz-box-shadow: 1px 2px 2px 2px #ccc;
	-webkit-box-shadow: 1px 2px 2px 2px #ccc;
	box-shadow: 1px 2px 2px 2px #ccc;
	border:none;
}
.hovereffect img {
opacity:1.0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity:1;
}
.hovereffect:hover img {
opacity:0.85;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);
-moz-opacity:0.85;
-khtml-opacity:0.85;
}
#iframe_list{
	 -webkit-border-radius: 20px; -moz-border-radius: 20px;	border-radius: 20px; width:810px; height:250px; padding-right:15px;
	 background-image:url(../image/background.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
}
#title_pencarian{
	position: relative; height: 27px; background-image: url(../image/title_cari_peraturan.png); background-repeat: no-repeat; 
}
#title_peraturan_baru{
	position: inherit; height: 27px; background-image: url(../image/title-peraturanterbaru.jpg); background-repeat: no-repeat; 
}
#title_berita_hukum{
	position: relative; height: 27px; background-image: url(../image/title_berita_hukum.png); background-repeat: no-repeat; 
}
#title_pengetahuan_praktis{
	position: relative; height: 27px; background-image: url(../image/title-pngetahunhkmpraktis.jpg); background-repeat: no-repeat; 
}
#title_pencarian_non_peraturan{
	position: relative; height: 27px; background-image: url(../image/title_pencarian_non_peraturan.png); background-repeat: no-repeat; 
}
#title_foto{
	position: inherit; height: 27px; background-image: url(../image/title-fototerbaru.jpg); background-repeat: no-repeat; 
}
#title_video{
	position: inherit; height: 27px; background-image: url(../image/title-videoterbaru.jpg); background-repeat: no-repeat; 
}
/* rangka ===========================================================================================================================*/
#bg {
	width: 1100px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}

/* end rangka ===========================================================================================================================*/

/* header ===========================================================================================================================*/
#header {
	
	float:left;
}

/* end header ===========================================================================================================================*/

/* content ===========================================================================================================================*/
#content{
	float:left;
	width: 1100px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	border-bottom:solid #999 1px;
}
	/* kiri ===========================================================================================================================*/
	#kiri{
		float:left;
		width: 230px;
		height: auto;
		margin-right: 5px;
		margin-left: auto;
		color:#FFFFFF;
	}
		/* Box Kiri */
		#boxkiri{
			width: 230px;
			height: auto;
			border: inset #999 medium;
			margin-bottom:10px;
			-webkit-border-radius: 20px;
			-moz-border-radius: 20px;
			border-radius: 20px;
			/* background-color: #2952a3; */
			background-image:url(../image/bgbiru.jpg);
			background-repeat: repeat;
			background-attachment: fixed;
		}
			/* Title Box kiri  */
			#titleboxkiri{
				width: 210px;
				height: auto;
				border-bottom: inset #999;
				text-align:left;
				text-transform:uppercase;
				padding: 5 5 5 15;
				margin-bottom:5;
				font-size:14px;
				font-weight:bold;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
			}
			/* end TitleBox kiri */
			
			/* Link terkait */
			#titlelink{
				text-decoration:none;
			}
			#childlink{
				font-size:13px;
			}
				#childlink ul {
					margin: 0;
					padding: 0 0 0 15;
					border: none;
				}
				#childlink li {
					list-style: square;
					margin: 0;
					padding: 0 0 3 0;
				}
				#childlink a:link, #childlink a:visited {
					color: #FFFFFF;
				}
				#childlink a:hover {
					color: #FFFFFF;
				}
			/* End Link Terkait*/
			
			/* Content Box kiri  */
			#contentboxkiri{
				width: 210px;
				height: auto;
				text-align:left;
				padding: 5 5 5 15;
				margin-bottom:5;
				font-size:14px;
				font-weight:bold;
				
			}
			.menuutama{
				text-transform:uppercase;
			}
				#contentboxkiri ul {
					margin: 0;
					padding: 0 0 0 15;
					border: none;
				}
				#contentboxkiri li {
					margin: 0;
					padding: 0 0 3 0;
				}
				#contentboxkiri a:link, #contentboxkiri a:visited {
					color: #FFFFFF;
				}
				#contentboxkiri a:hover {
					color: #FFFFFF;
				}
			
			.visitor{
				color:#fff;
				font-size:14px;
			}
			/* end Content Box kiri */
		/* end Box kiri */
	/* end kiri ===========================================================================================================================*/
	
	/* kanan ===========================================================================================================================*/
	#kanan{
		float:right;
		width: 845px;
		height: auto;
		margin-right: auto;
		margin-left: auto;
		padding: 0 5 5 5;
	}
		/* Box Kanan */
		
		#headermenu{
			float:left;
			width: 1100px;
			height: auto;
			border:outset #999 medium;
			margin-bottom:5px;
			-webkit-border-radius: 20px;
			-moz-border-radius: 20px;
			border-radius: 0px;
			/* background-color: #2952a3; */
			background-image:url(../image/bgbiru.jpg);
			background-repeat: repeat;
			background-attachment: fixed;
			color:white;
		}
		
			
#headermenu ul {
	list-style:none;
	padding:0px ;
	margin:0px auto;
	background-image:url(../image/bgbiru.jpg);
	display:inline-table;
	position:relative;
	
	}
#headermenu ul li {
	float:left;
	
	}
#headermenu ul li a{
	padding:10px;
	text-decoration:none;
	color:white;
	display:block;
	cursor:pointer;
	
	}
#headermenu ul li a:hover {
	background-color:#D71A20;
	
	}

/*bagian sub-menu*/	
#headermenu ul li:hover > ul{
	display:block;
	}
#headermenu ul:after {
	content:"";
	clear:both;
	display:block;
	}
#headermenu ul ul{
	border-radius:0px;
	padding:0px;
	position:absolute;
	top:100%;
	display:none;
	width:150px;
	}
#headermenu ul ul li{
	float:none;
	position:relative;
	}
#headermenu ul ul li a{
	padding:10px;
	}
/*sub sub menu*/	
#headermenu ul ul ul {
	position:absolute;
	left:100%;
	top:0;
	}
	
		#boxkanan{
			float:left;
			width: 830px;
			height: auto;
			border:outset #999 medium;
			margin-bottom:5px;
			-webkit-border-radius: 20px;
			-moz-border-radius: 20px;
			border-radius: 20px;
			background-color: #fff;
			padding:5px 10px 5px 10px;
		}
		#boxkanan a:link, a:visited{
		text-decoration: none;
		}
		#boxkanan a:hover{
			text-decoration: none;
			text-shadow: 0 0 0.5em #87F, 0 0 0.5em #87F,
				0 0 0.5em #87F, 0 0 0.5em #87F;
		}
			/* Tanggal */
			#tanggal{
				float:left;
				width: 140px;
				height: auto;
				text-align:center;
				text-transform:uppercase;
				padding: 5 5 5 5;
				font-size:12px;
				font-weight:bold;
				color: #fff;
			}
			/* end Tanggal */
			/* Running Text */
			#running_text{
				color: #fff;
				float:left;
				width: 475px;
				height: auto;
				text-align:left;
				padding: 5 5 5 5;
				font-size:13px;
				font-weight:bold;
				border-left: inset #999;
				border-right: inset #999;
				
					border-radius: 15px;		
			}
			/* end Running Text */
			/* cari */
			#cari{
				float:right;
				width: 200px;
				height: auto;
				padding-top:8px;
				padding-right:3px;
			}
			#search input[type="text"] {
				background: url(../image/search-white.png) no-repeat 10px 2px #9d0b0e;
				border: 0 none;
				font-size:12px;
				font-weight:bold;
				font-family:"Century Gothic";
				color: #FFF;
				width:150px;
				padding: 2px 1px 2px 30px;
				-webkit-border-radius: 20px;
				-moz-border-radius: 20px;
				border-radius: 20px;
				text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); 
				-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
				-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
				box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
				-webkit-transition: all 0.7s ease 0s;
				-moz-transition: all 0.7s ease 0s;
				-o-transition: all 0.7s ease 0s;
				transition: all 0.7s ease 0s;
			}
			#search input[type="text"]:focus {
				background: url(../image/search-dark.png) no-repeat 10px 2px #fcfcfc;
				color: #6a6f75;
				width: 200px;
				-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
				-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
				box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
				text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
			}	
			/* end cari */
			/* berita */
				.titleberita{
					
					text-transform:uppercase;
					font-size:18px;
					font-weight:bold;
				}
				.tanggal{
					text-align:left;
					text-transform:uppercase;
					font-size:13px;
					font-weight:bold;
				}
				.isiberita{
					text-align: justify;
					font-size:13px;
					margin-bottom:10px;
				}
				.imageberita {
					border:1px solid #CCC;
					height:285px; width:420px;
					padding:5px; 
					float:left;
	margin:5px;
	
					}
			/* end berita */
			#titlepage{
				text-transform:uppercase;
				padding-left: 25px;
				margin-bottom: 5px;
				font-size:16px;
				font-weight:bold;
			}
			/* page */
			#page{
				width: 830px;
				height: auto;
				padding: 10 7 10 8;
			}
			/* end page */
			/* contact*/
			#contact{
				width: 740px;
				height: auto;
				padding-top: 20px;
				padding-left: 10px;
				margin-left: 35px;
			}
			.inputContact {
			width:250px;
			}
			/* end contact*/
			
			/* Banner Home */
			#banner{
				-webkit-border-radius: 20px; -moz-border-radius: 20px;	border-radius: 20px;
				-moz-box-shadow: 1px 2px 2px 2px #999;
				-webkit-box-shadow: 1px 2px 2px 2px #999;
				box-shadow: 1px 2px 2px 2px #999;
				border:none;
				margin: 10px 0px 10px 15px;
			}
			#slideshow {
				position:relative;
				height:290px;
			}
			
			#slideshow IMG {
				position:absolute;
				top:0;
				left:0;
				z-index:8;
				opacity:0.0;
			}
			
			#slideshow IMG.active {
				z-index:10;
				opacity:1.0;
			}
			
			#slideshow IMG.last-active {
				z-index:9;
			}
			/* Banner Home */

		/* end Box Kanan */

	/* end kanan ===========================================================================================================================*/

/* end content ===========================================================================================================================*/

/* footer ===========================================================================================================================*/
#footer{
	float:left;
	width: 1100px;
	text-align: center;
	padding-bottom: 10px;
	color:#000;
	font-size:11px; margin-bottom:2px; margin-top:2px;
}
#footer a:link, #footer a:visited{
	text-decoration: none;
	color: #000;
}
#footer a:hover{
	color:#fff;
	text-decoration: none;
	text-shadow: 0 0 0.5em #87F, 0 0 0.5em #87F,
        0 0 0.5em #87F, 0 0 0.5em #87F;
}
/* end footer ===========================================================================================================================*/

/* menu tree =============================================================================================================================*/
.treeview ul{ /*CSS for Simple Tree Menu*/
margin: 0;
padding: 0;
}
		.treeview ul a:link, a:visited{
		color:#9d0b0e;
		text-decoration: none;
		}
		.treeview ul a:hover{
			color:#fff;
			text-decoration: none;
			text-shadow: 0 0 0.5em #fff, 0 0 0.5em #fff,
				0 0 0.5em #fff, 0 0 0.5em #fff;
		}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background: url(../image/list.gif) no-repeat left center;
list-style-type: none;
padding-left: 22px;
margin-bottom: 3px;
font-size:15px;
}
		.treeview li a:link, a:visited{
		color:#9d0b0e;
		text-decoration: none;
		}
		.treeview li a:hover{
			color:#fff;
			text-decoration: none;
			text-shadow: 0 0 0.5em #fff, 0 0 0.5em #fff,
				0 0 0.5em #fff, 0 0 0.5em #fff;
		}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: url(../image/list.gif) no-repeat left 1px;
cursor: hand !important;
cursor: pointer !important;
}
		.treeview li.submenu a:link, a:visited{
		color:#9d0b0e;
		text-decoration: none;
		}
		.treeview li.submenu a:hover{
			color:#fff;
			text-decoration: none;
			text-shadow: 0 0 0.5em #fff, 0 0 0.5em #fff,
				0 0 0.5em #fff, 0 0 0.5em #fff;
		}

.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}
		.treeview li.submenu ul a:link, a:visited{
		color:#9d0b0e;
		text-decoration: none;
		}
		.treeview li.submenu ul a:hover{
			color:#fff;
			text-decoration: none;
			text-shadow: 0 0 0.5em #fff, 0 0 0.5em #fff,
				0 0 0.5em #fff, 0 0 0.5em #fff;
		}
		
.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}
		.treeview li.submenu ul li a:link, a:visited{
		color:#9d0b0e;
		text-decoration: none;
		}
		.treeview li.submenu ul li a:hover{
			color:#fff;
			text-decoration: none;
			text-shadow: 0 0 0.5em #87F, 0 0 0.5em #87F,
				0 0 0.5em #87F, 0 0 0.5em #87F;
		}

/* End menu tree =========================================================================================================================*/
/* peraturan */
.titleperaturan{
	text-align:left;
	text-transform:uppercase;
	font-size:18px;
	font-weight:bold;
}
.listperaturan{
	font-size:11px;
}
	.listperaturan th{
		background-color:#9d0b0e;
		color:#FFFFFF;
		border-bottom:#9d0b0e thin dashed;
		text-transform:uppercase;
	}
.garis{
	border-bottom:#9d0b0e thin dotted;
	vertical-align:middle;
	text-align:center;
}
.subjek{
	border-bottom:#9d0b0e thin dotted;
	vertical-align:middle;
	text-transform:uppercase;
	width:150px;
}
/* end peraturan */
	#nonperaturan{
				-webkit-border-radius: 10px; -moz-border-radius: 10px;	border-radius: 10px;
				-moz-box-shadow: 1px 2px 2px 2px #999;
				-webkit-box-shadow: 1px 2px 2px 2px #999;
				box-shadow: 1px 2px 2px 2px #999;
				border:none;
			}
/*Tambahan Berita Baru baruuuuu */
#slider {
    width: 830px; /* important to be same as image width */
    height: 155px; /* important to be same as image height */
    position: inherit;
	overflow: hidden; /* important */
	background:url(../image/bg_berita.jpg) #9d0b0e no-repeat right bottom;
	border: 1px solid #979797; font-size:10px; color:#FFFFFF; -moz-box-shadow: 2px 2px 2px 2px #999; -webkit-box-shadow: 2px 2px 2px 2px #999;
				box-shadow: 2px 2px 2px 2px #999; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px;
                border-radius: 10px 10px 10px 10px; margin-bottom: 10px; margin-top: 5px;
}

#sliderContent {
    width: 830px; /* important to be same as image width or wider */
    position: absolute;
	margin-left: 5;
}
.sliderImage {
	float: right;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    margin-top:50px;
	padding: 10px 13px;
    width: 50px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
	border: 1px solid #979797; font-size:10px; color:#FFFFFF; -moz-box-shadow: 2px 2px 2px 2px #999; -webkit-box-shadow: 2px 2px 2px 2px #999;
				box-shadow: 2px 2px 2px 2px #999; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px;
                border-radius: 10px 10px 10px 10px;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 12px;
}
.left {
	top: 10px;
	margin-left:5px;
	width: 740px !important;
	height: auto;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}