/* CSS Document */
BODY {
	color: #000000;	
}

TABLE {
	FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Tahoma
}
SELECT {
color : #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
border-color : #333333;
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
text-indent : 2px;
}

INPUT {
color : #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
border-color : #333333;
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
text-indent : 2px;
}
.textputih {
	FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Tahoma
}
.menuatas {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: none
}
.menuatas:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #0000CC; FONT-FAMILY: Tahoma; TEXT-DECORATION: none
}
.row-warna {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #000099}
.row-naonwe {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ebebd6
}
.linknormal {
	COLOR: #0066ff; TEXT-DECORATION: none
}
.linknormal:hover {
	COLOR: #ff0000; TEXT-DECORATION: underline
}
.judul-hijau {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #008e92; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.quranlatin {
	FONT-SIZE: 11px; COLOR: #168b95; FONT-FAMILY: Tahoma
}
.ketek {
	FONT-SIZE: 9px;
	FONT-FAMILY: tahoma;
	font-style: normal;
}
.tombol-abu {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #c6cacc
}
.textnormal {
	FONT-SIZE: 11px; FONT-FAMILY: Tahoma
}
.textmerah {
	COLOR: #ff0000;
	TEXT-DECORATION: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.fieldtext {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #e1e2e3
}
.linkhitam {
	COLOR: #000000; TEXT-DECORATION: underline
}
.linkhitam:hover {
	COLOR: #0066ff; TEXT-DECORATION: none
}
.linkpage {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.linkpage:hover {
	COLOR: #ff0000; TEXT-DECORATION: underline blink
}
.linkhitam2 {
	COLOR: #0066ff; TEXT-DECORATION: none
}
.linkhitam2:hover {
	FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: underline
}
A {
	COLOR: #0066ff; TEXT-DECORATION: none
}
A:hover {
	COLOR: #ff0000;
TEXT-DECORATION: underline
		
}
.judul-berita {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #2e58b0; FONT-FAMILY: Arial, Helvetica, sans-serif
}
A.judul-berita:hover {
	FONT-SIZE: 14px;
	COLOR: #ff0000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline;
	
}
.linkabu {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #CCFF99; FONT-FAMILY: Tahoma
}
.linkabu:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #33CC00; FONT-FAMILY: Tahoma; TEXT-DECORATION: none
}

.tanggalberita {
	FONT-SIZE: 10px; COLOR: #ff0000; FONT-FAMILY: Tahoma
}
.textkuning {
	FONT-SIZE: 11px; COLOR: #33ff00; FONT-FAMILY: Tahoma
}
.judul-putih {
	FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.judul-orange {
	FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #ffb164; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.text-orange {
	FONT-SIZE: 11px; COLOR: #ff9900; FONT-FAMILY: Tahoma
}
.linkabu2 {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #eeeeee; FONT-FAMILY: Tahoma
}
.linkabu2:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffff00; FONT-FAMILY: Tahoma; TEXT-DECORATION: none
}

.text-content {
	FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif
}

.hotlink {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000066; FONT-FAMILY: Tahoma; TEXT-DECORATION: none
}
.hotlink:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: underline
}
.hotlink:visited{
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #330066; FONT-FAMILY: Tahoma; TEXT-DECORATION: underline
}
.color-buttons {
	BACKGROUND-COLOR: #6699FF}

.judulmenu {color: #330099}
.style1 {font-size: 16px}
.style2 {font-size: 14px}
.style4 {COLOR: #2e58b0; FONT-FAMILY: Arial, Helvetica, sans-serif; font-size: 14px;}
.style5 {color: #FFFFFF}
.style6 {color: #FFFF00}
A.mainlevel:link {
	DISPLAY: block;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	BACKGROUND-IMAGE: url(imgweb/menu_bg.gif);
	background-repeat:no-repeat;
	background-color:#666633;
	COLOR: #FFFF00;
	TEXT-INDENT: 10px;
	LINE-HEIGHT: 20px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	HEIGHT: 20px;
	TEXT-DECORATION: none;
	vertical-align: middle;
	margin-bottom: 1px;
}
A.mainlevel:visited {
	DISPLAY: block;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	BACKGROUND-IMAGE: url(imgweb/menu_bg.gif);
	background-repeat:no-repeat;
	background-color:#666633;
	COLOR: #CCCCCC;
	TEXT-INDENT: 10px;
	LINE-HEIGHT: 20px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	HEIGHT: 20px;
	TEXT-DECORATION: none;
	vertical-align: middle;
	margin-bottom: 1px;
}
A.mainlevel:active {
	DISPLAY: block;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	BACKGROUND-IMAGE: url(imgweb/menu_bg.gif);
	background-repeat:no-repeat;
	COLOR: #000000;
	TEXT-INDENT: 10px;
	LINE-HEIGHT: 20px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	HEIGHT: 20px;
	TEXT-DECORATION: none;
	vertical-align: middle;
}
A.mainlevel:hover {
	BORDER-RIGHT: 0px;
	BORDER-TOP: 0px;
	DISPLAY: block;
	FONT-WEIGHT: bold;
	BACKGROUND-IMAGE: url(imgweb/menu_bg_hover.gif);
	background-repeat:no-repeat;
	background-color:#FFDAC6;
	BORDER-LEFT: 0px;
	COLOR: #006666;
	TEXT-INDENT: 10px;
	LINE-HEIGHT: 20px;
	BORDER-BOTTOM: 0px;
	HEIGHT: 20px;
	TEXT-DECORATION: none;
	vertical-align: middle;
}

A.mainlevel2{
	DISPLAY: block;
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	BACKGROUND-IMAGE: url(imgweb/menu_hijau.gif);
	MARGIN-LEFT: 2px;
	COLOR:#FFFFFF;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}
A.mainlevel2:visited {
	FONT-WEIGHT: normal;
	BACKGROUND-IMAGE: url(imgweb/menu_hijau.gif);
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	vertical-align: middle;
}
A.mainlevel2:active {
	FONT-WEIGHT: normal;
	BACKGROUND-IMAGE: url(imgweb/menu_hijau.gif);
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	vertical-align: middle;
}
A.mainlevel2:hover {
	FONT-WEIGHT: bold;
	BACKGROUND-IMAGE: url(imgweb/menu_hijau_hover.gif);
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
	vertical-align: middle;
}


/*------------------------------------------------footer--------------------*/
#footer{
	height:125px;
	margin:0 auto;
	background-color:#456600;
	color:#fff;
	position:relative;
}
#footer ul{
	width:587px;
	position:absolute;
	left:11px;
	top:27px;
}
#footer ul li{
	float:left;
	color:#D4D4C6;
	background-color:inherit;
	font:normal 11px/19px Arial, Helvetica, sans-serif;
}
#footer ul li a{
	color:#D4D4C6;
	background-color:inherit;
	font:normal 11px/19px Arial, Helvetica, sans-serif;
	padding:0 7px;
	text-decoration:none;
}
#footer ul li a:hover{
	color:#D4D4C6;
	background-color:#D76E08;
}
#footer p.copyright{
	font:normal 11px/19px Arial, Helvetica, sans-serif;
	color:#D76E08;
	background-color:inherit;
	position:absolute;
	left:19px;
	top:49px;
}
#footer a.subscribe{
	background:url(images/subscribe_icon.gif) 0 2px no-repeat;
	font:normal 11px/12px Arial, Helvetica, sans-serif;
	color:#B9B99D;
	background-color:inherit;
	position:absolute;
	left:19px;
	top:68px;
	text-decoration:underline;
	width:50px;
	padding:0 0 0 18px;
}
#footer a.subscribe:hover{
	color:#9CCC37;
	background-color:inherit;
	text-decoration:none;
}
#footer a.xht{
	width:98px;
	height:20px;
	background:url(images/xhtml_bg.gif) 0 0 no-repeat;
	position:absolute;
	left:757px;
	top:23px;
}
#footer a.xht:hover{
	background:url(images/xhtml_bg_hover.gif) 0 0 no-repeat;
}
#footer a.cs{
	width:98px;

	height:20px;
	background:url(images/css_bg.gif) 0 0 no-repeat;
	position:absolute;
	left:866px;
	top:23px;
}
#footer a.cs:hover{
	background:url(images/css_bg_hover.gif) 0 0 no-repeat;
}
#footer img{
	position:absolute;
	left:880px;
	top:51px;
	width:84px;
	height:26px;
}
#footer p.design{
	font:bold 12px/19px Arial, Helvetica, sans-serif;
	color:#C5BE25;
	background-color:inherit;
	position:absolute;
	left:19px;
	top:85px;
}
#footer p.design a{
	color:#FFFFFF; background-color:inherit; text-decoration:none;
	}
#footer p.design a:hover{
	color:#C5BE25; background-color:inherit;
	}
/*------------------------------------------------footer--------------------*/
#top {
	margin: 0px auto;
	padding: 0;
	color: #666;
	background-color:#006633;
	height: 20px;
	width:770px;
	top:0px;
}

/* SEARCH BOX AND BUTTON ----------*/
#top_search { float: right;  padding: 10px 25px 0 0;  }

#tabel_utama{
	width:765px;
	font-size:11px;
	margin-top:0px;
	padding-top:0px;
	
	}

#header {
	width: 100%;	
	background-color: #1a304d;
	overflow:visible;
	margin: 0px;
	padding: 0px;
}

#div_kiri{
width: 180px;
float:left;
overflow:hidden;
	margin-right: 2px;
}

#konten{
width: 100%;
float:left;
border-color:#00CC66;
padding-bottom:5px;
}

#konten_a{
width:400px;
margin-bottom:2px;
float:left;
}

#konten_b{
width:100%;
margin-top:1px;
margin-bottom:1px;
float:left;
}

#header_image {
	width: 590px;
	height: 160px;
	background-repeat: no-repeat;
	background-color:#CCCCCC;
}

#navigasi_atas {
	width: 100%;
	padding: 0px;
	background-color: #4D004D; 
	text-align: left;
	clear:both;
}

#navigasi_atas ul {
	margin: 0px;
	padding: 5px;
	overflow: hidden;
}

#navigasi_atas li {
	PADDING-RIGHT: 5px;
	DISPLAY: inline;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	MARGIN: 0px;
	PADDING-TOP: 5px;
	text-transform: uppercase;
}

#navigasi_atas a {
	font-size: 8pt;
	font-weight: bold; 
	font-family: Tahoma, Arial, sans-serif; 
	text-decoration: none;
	color: #ffffff;
}

#navigasi_atas li:hover {
	background-color:#800080;
}

#artikel_depan{
	border-bottom: 1px solid #99CC00;
	border-left: 1px solid #99CC00;		
	border-right: 1px solid #99CC00;
	padding-left:10px;			
	padding-right:10px;		
	margin-left:10px;			
	margin-bottom:1px;
	text-align:justify;		
}

#modul{
	border-bottom: 1px solid #99CC00;
	border-left: 1px solid #99CC00;		
	border-right: 1px solid #99CC00;
	margin-left:1px;			
	margin-right:1px;			
	margin-bottom:1px;		
}

#modul_head{
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left:14px;
	font-weight:bold;
	background-image:url(../images/biru.gif);
	background-repeat:repeat-x;
	background-position: left;
	text-transform: uppercase;
	color:#FFCC00;
}
#modul_body{
	background-color: #FFF5F7;
	background-image:url(../images/back_biru_kr.gif);
	color:#F4F4F4;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left:0px;
}
#blok_konten{
	margin-left:3px;			
	margin-right:3px;			
	margin-bottom:3px;		
	margin-top:0px;
	width:100%;
	float:left;
	
}
#blok_konten_head{
	background-color: #525252;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:14px;
	font-weight:bold;
	background-image: url(../images/background2.jpg);
	background-repeat:repeat-x; 
	background-position: top;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-top:5px;	
}
#blok_konten_body{
	background-color:#EFEFEF;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left:5px;	
}

#konten_status{
	margin-left:3px;			
	margin-right:3px;	
	margin-bottom:5px;
	clear:both;
	border-top: 1px solid #99CC00;	
	width:100%;
	
}

#konten_status_a{
	font-size: 80%;
	background-color:#CCCCCC;
	padding:2px;
	border-bottom:1px solid #CCCCCC;
	font-weight: bold;
	float: right;
	width:40%;
	text-align:left;
	color:#666666;
}
#konten_status_b{
	font-size: 80%;
	background-color:#FFFFFF;
	padding:2px;
	border-bottom:1px solid #CCCCCC;
	font-weight: bold;
	float: left;
	width: 50%;
	text-decoration:none;
}
#konten_status_b A:link, A:visited{
text-decoration:none;
color:#CC6600;
}
#konten_status_b:hover{
background-color:#FFFFCC;
}
#blok_konten_detail{
	background-color:#EFEFEF;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left:5px;
	padding-right:8px;
	text-align:justify;
}
#frontend{
	width:100%;
	float:left;
	padding:3px;
	margin-top:3px;
	margin-bottom: 3px;
	margin-right:0px;
	margin-left: 3px;
	/*background-color:#D8FCB4;
	border: 1px solid #CC9900;*/
}
#advert2{
	width:160px;
	padding:3px;
	float: right;
	margin-top:0px;
	margin-bottom: 3px;
	background-color:#f3f3f3;
	color:#4F4F4F;
	border: 1px solid #666666;
}
#footer{
	color:#FFFFFF;
	border-top:1px solid #ffffff;
	text-align:right;
	padding:3px;
}

.title1{
	font-weight: bold;
	text-transform: uppercase;
	color:#000000;
}
.small1{
	text-transform: capitalize;
	color: #996600;
	font-size: 80%;
}
.categorized2{
	width:31%;
	text-align:justify;
	margin-top:10px;
	margin-left:4px;
	margin-right:4px;
	float:left;
	border-bottom:1px solid;
}
.categorized{
	width:150px;
	margin-top:10px;
	margin-left:2px;
	margin-right:2px;
	float:left;
}

.categorized_title{
	padding-top:10px;
	background-image:url(../images/list2.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:14px;
	padding-right:4px;
	padding-bottom:10px;
	border-top:1px solid;
	border-bottom:1px dashed;
	border-color:#999999;
	font-weight:bold;
	text-transform: uppercase;
}

.categorized a:link{
	text-decoration:none;
	color:#FF6600;
}
.categorized a:hover{
	color:#666666;
	text-decoration:none;
}
.categorized_item{
	margin:0px;
	padding-left:15px;
	padding-top:3px;
	list-style-image: url(../images/list1.gif);
	list-style-position: outside;
}

.rs {
float : left;
border : 1px solid #ddd;
background : #f5f5f5;
width:auto;
padding:4px;
margin-top:5px;
margin-left:2px;
margin-right:2px;
}
.rs1 {
float : left;
border : 1px solid #ddd;
background : #f5f5f5;
width:94%;
clear:both;
text-align:center;
padding:6px;
margin:5px;
}
.rs2{
border : 1px solid #ddd;
background-color:#FDFEDA;
width:auto;
padding:3px;
}
.fieldTitle{
  color: #666666; 
  font: 11px tahoma,arial,helvetica;
  padding: 6px;
  }
.login_box{
  width: 150px;
  color: #444444;
  font: 13px tahoma,arial,helvetica;
  text-align: center;
}
.label_form{
float:left;
width:100px;
}

.pad_standar{
padding:5px;
}
.garis{
background-image:url(../images/garis.gif);
background-repeat:repeat-x;
height:10px;
width:100%;
margin-top:2px;
margin-bottom:2px;
}


ul.children{
	list-style-type: none;
	margin: 0px;
	padding:0px;	
}

ul.children li{
	margin: 0px;
	padding: 0px;
}

ul.children li a{
	text-decoration:none;
	background-image: url(../images/menu_bg.gif);
	font-weight: bold;
	font-size: 11px;
	display:block;
	/*background-color:#000000;*/
	color:#FFFFFF;
	border:0px;
	height:20px;
	padding-left:4px;
}

ul.children li a:hover{
	display:block;
	background-color:#666666;
	color:#000066;
	background-image: url(../images/menu_bg_hover.gif);
	padding-left:6px;
}