html,body{
background:#ececec;
margin: 0px 0px 0px 0px ;
			padding: 0px 0px 0px 0px ;
		
}
.clear{
clear:both;
}

 img, div { 
 behavior: url(../../images/iepngfix.htc);
 }
 fieldset {
		border:1px solid #999;
		padding:5px 5px;
		_padding:0px;
		}
		
strong {
font-weight:bold;

}


#bodywrapper{
	width:980px;
	
	min-height:500px;
	height:500px;
	height:auto !important;
	margin-left:-490px;
	position:absolute;
	left:50%;
	right:50%;

}


#container-top{
	background: url(../../images/round_green_02.png) no-repeat;
		margin:0 auto;
	padding:0px 15px;
		width:950px;
		height:30px;
	

}

#container-bottom{
background: url(../../images/round_green_06.png) no-repeat;
	margin:0 auto;
padding:0px 15px;
	width:950px;
	height:30px;
	_width:980px;
	_height:30px;
	_padding:15px;

}
#container{
	padding:0px 15px;
	width:950px;
	height:600px;
	background:transparent url(../../images/round_green_04.png) repeat-y;
	margin:0 auto;
	min-height:600px;
	height:auto !important;
	
}

h4{
font:25px arial;

font-weight:bold;


}

	#head{
	
		width:930px;
		height:130px;
		padding:10px;
		text-align:center;
		background:url(../../images/hijriah1.jpg) no-repeat; 
		display:block;
		margin:0 auto;
		
	}
	

	
	
#menu {
height:65px;
text-align:center;
width:950px;
background:url(../../images/bgmenu.jpg) repeat-x;
font-weight:bold;
}

#info{

padding:5px;
height:20px;
text-align:center;
width:940px;
background:url(../../images/bginfo.png) repeat-x;
margin:0 0 10px 0;
font: 12px Tahoma, Arial;
_padding:5px;
_margin:-2px 0 10px 0;
_width:940px;
color:#000;
font-weight:bold;
}

#info a{
text-decoration:none;
font:10px arial;
color:#fff;
}

	
	/* menu styles */
#jsddm
{	margin: 0;
	padding: 0}

	#jsddm li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial;
		height:33px;
		z-index:20;
	    font-weight:bold;
		}
		
	

	#jsddm li a
	{	display: block;
		padding: 5px 2px;
		text-decoration: none;
		border-right: 1px solid #C0C1C3;
		width: 70px;
		width:auto !important;
		min-width:70px;
		_width:70px;
		_padding:5px 2px;
		color: #111;
		z-index:80;
		white-space: nowrap;
		
		}

	#jsddm li a:hover
	{	
		background: #24313C;
		color:#ff0;
		font-weight:bold;
	}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white;
			width: 70px;
			width:auto !important;
			min-width:70px;
			z-index:800;
			}
		
			#jsddm li ul li
			{	float: none;
				display: inline;
				
				z-index:80;
				}
			
			#jsddm li ul li a
			{	
				width: auto;
				background: #e1e2e4;
				color: #24313C;
				text-align:left;
				}
			
			#jsddm li ul li a:hover
			{	background: #8EA344}
	
	
	
	#main{
	width:950px;
	height:500px;
		
	height:auto !important;
	min-height:500px;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
line-height:1.6;
	
	}
	
		#left{
		width:220px;
		height:500px;
		min-height:500px;
		height:auto !important;
		float:left;
		
		}
		
		.side-content-top{
		background: url(../../images/bg_left_top.png) no-repeat;
		width:200px;
		height:33px;
		font:15px arial,verdana,tahoma;
		font-weight:bold;
		color:#AFFF2F;
		padding:5px 10px;
		vertical-align:middle;
		_width:200px;
		_padding:5px 10px;
		}
		
		
		
		.side-content-middle{
		/*background: url(../../images/bg_left_middle.png) repeat-y; */
		border-left:2px solid #878787;
		border-right:2px solid #878787;
		background:#f9f9f9;
		width:190px;
		
		height:80px;
		margin-left:3px;
		padding:10px;
		height:auto !important;
		min-height:80px;
		_width:199px;
		_padding:15px 0px 15px 10px;
		_margin-left:4px;
		
		}
		
		.side-content-middle input[type="text"],.side-content-middle input[type="password"],.content-middle input[type="text"],.content-middle input[type="password"]{
		width:80px;
		height:20px;
		margin:0;
		_width:70px;
		border:1px solid #e1e1e1;	
		_margin:0;
		}
			.side-content-middle table,.content-middle table{
		font-family:Arial,Helvetica,sans-serif;
		font-size:12px;
		line-height:1.6;
		vertical-align:top;
	
		}		
		
		
		
		.side-content-middle td,.content-middle  td {
		padding:2px 2px;
	
		}
		
		
		#side-login{
		width:190px;
		height:170px;
		margin:0 auto;
		height:auto !important;
		min-height:auto;
		_width:160px;
		}
		
		.side-content-bottom{
		background: url(../../images/bg_left_bottom.png) no-repeat;
		width:220px;
		height:15px;
		opacity:400;
		
		}
		
		
		
		
		
		#content{
		width:500px;
		height:500px;
		height:auto !important;
		min-height:500px;
		float:left;	
		padding:0px 5px;
	font-family:Arial,Helvetica,sans-serif;
font-size:11px;
line-height:1.6;	
	_width:480px;
	_padding:0px;
	_margin-left:0px;
	
		}
		
			.content-top{
			background: url(../../images/center-top.jpg) no-repeat;
			width:480px;
			height:29px;
			color:#AFFF2F;
		font:15px arial,verdana,tahoma;
		font-weight:bold;
		
		padding:10px ;
		_width:480px;
		_padding:10px 10px 0px 10px
		_height:29px;
			
			}

			.content-middle{
			margin-left:5px;
			/* background: url(../../images/center-middle.png) repeat-y; */
			border-left:2px solid #878787;
			border-right:2px solid #878787;
			background:#f9f9f9;
			width:455px;
			height:200px;
			height:auto !important;
			min-height:200px;
			padding:10px 15px;
			font-family:Arial,Helvetica,sans-serif;
			font-size:12px;
			line-height:1.6;
			_width:459px;
			_padding:10px 12px;
			}
			
			.content-middle ol li{
			list-style-position:inside;
						
			}
			
			
			.content-middle2{
			margin-left:5px;
			/* background: url(../../images/center-middle.png) repeat-y; */
			border-left:2px solid #878787;
			border-right:2px solid #878787;
			background:#f9f9f9;
			width:455px;
			height:100px;
			height:auto !important;
			min-height:100px;
			padding:10px 15px;
			font-family:Arial,Helvetica,sans-serif;
			font-size:12px;
			line-height:1.6;
			_width:459px;
			_padding:10px 12px;
			}
			
			.content-middle hr{
			width:auto;
			
			}
			
			.content-middle input[type="text"],.content-middle input[type="password"],.content-middle textarea{
			border:1px solid #999;
			width:145px;
			
			}
			.content-middle p{
			margin:10px 0;
			}
			
			.content-middle img{
			margin:10px;
			
			}
			
.thumb-gallery{
background-image:url(../../images/album-frame.png) ;
height:200px;
width:210px;
cursor:pointer;
display:block;
text-align:center;
float:left;
margin:10px 3px;
font:11px arial;
}

.thumb-gallery img {
border:1px solid #999;
display:block;
text-align:center;
margin:10px auto;

}

		#result { background-color: #F0FFED; border: 1px solid #215800; padding: 10px; width: 400px; margin-bottom: 20px; }
			#isi-guestbook{
			
			background:#999;
			padding:5px;
			border:1px solid #e1e1e1;
			
			}
			
			
			#list-guestbook td{
			font:11.5px arial;
			vertical-align:top;
			
			}
			
			.thumb-news{
	width:110px;
	height:100px;
	float:left;
	
	}
	.summary-news{
	font:12px arial;
	width:300px;
	height:90px;
	height:auto !important;
	min-height:90px;
	float:left;
	padding-top:10px;
	
	}
	.title-news{
	font:13px arial;
	font-weight:bold;
	text-decoration:none;
	
	}
	
	.ket-news{
	font:10px arial;
	color:#000;
	
	}
	
	.row-news{
	width:450px;
	padding:5px;
	height:90px;
	height:auto !important;
	min-height:90px;
	}
	.detail-title-news{
	font:20px arial;
	font-weight:bold;
	
	
	}
	
	.detail-news{
	font:12px;
	font-family:Arial,Helvetica,sans-serif;
	background:transparent;
	
	}
	.detail-summary-news{
	font:12px arial;
	}
	
	.detail-summary-news a{
	font:10px arial;
	}
	

.pagination-number-aktif {
background:#FFFF00;
border:1px solid #bbbbbb;
float:left;
margin:2px;
text-align:center;
width:15px;
height:15px;
color:#000;
}

.pagination-number {
background:#eeeeee ;
border:1px solid #bbbbbb;
float:left;
margin:2px;
min-width:15px;
padding:0 2px;
text-align:center;
width:auto !important;
color:#005979;
height:15px;

}

#result{
background:#A5FF76;
height:auto;


}
			
			.content-bottom{
			background: url(../../images/center-bottom.png) no-repeat;
			width:490px;
			height:21px;
			}
		#right{
		width:220px;
		height:500px;
		float:left;
		min-height:500px;
		height:auto !important;
		margin-left:0px;
	
		
		
		}
		
		
	
	#footer{
	width:948px;
	height:100px;
	background:#646464;
	border:1px solid #e1e1e1;
	margin-top:10px;
	font-family:Arial,Helvetica,sans-serif;
		font-size:11px;
		line-height:1.6;
		color:#fff;
		text-align:center;
		height:auto !important;
		min-height:100px;
	
	}
	
	


#slider1 {
    width: 520px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider1Content {
    width: 520px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
}


.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 494px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
	width: 110px !important;
	height: 280px;
}
.bottom {
	bottom: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}
ul { list-style-type: none;}


/* testimonial */
	.thumb-testimonial{
	width:110px;
	height:100px;
	float:left;
	height:auto !important;
	min-height:110px;
	}
	
	.thumb-testimonial img{
	padding:0;
	
	}
	
	.summary-testimonial{
	font:12px arial;
	width:280px;
	height:90px;
	height:auto !important;
	min-height:90px;
	float:left;
	padding-top:10px;
	
	}
	.title-testimonial{
	font:12px tahoma;
	text-align:left;
	}
	
	.title-testimonial a:link,.title-testimonial a:active{
	font:12px tahoma;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	
	}
	
	.ket-testimonial{
	font:11px arial;
	color:#000;
	text-align:left;
	
	}
	
	.row-testimonial{
	width:400px;
	padding:5px;
	height:90px;
	height:auto !important;
	min-height:90px;
	border-bottom:1px solid #999;
	}
	.detail-title-testimonial{
	font:20px arial;
	font-weight:bold;
	
	
	}
	
	.detail-testimonial{
	font:12px;
	font-family:Arial,Helvetica,sans-serif;
	background:transparent;
	
	}
	.detail-summary-testimonial{
	font:12px arial;
	}
	
	.detail-summary-testimonial a{
	font:10px arial;
	}
	
	
	/* botom */
	#site-body-container {
	height:auto;
	width:100%;
	}
 
		#site-body-content {
			padding: 0px 15px 15px 15px ;
			}
 
		#site-bottom-bar {
			background-color: #F0F0F0 ;
			border-top: 1px solid #CCCCCC ;
			bottom: 0px ;
			font-family: verdana, arial ;
			font-size: 11px ;
			height: 30px ;
			position: fixed ;
			width: 100% ;
			z-index: 1000 ;
			}
 
		#site-bottom-bar-frame {
			height: 30px ;
			margin: 0px 10px 0px 10px ;
			position: relative ;
			}
 
		#site-bottom-bar-content {
			padding: 3px 0px 0px 0px ;
			}
 
		#menu-root {
			background-color: #E8E8E8 ;
			border: 1px solid #D0D0D0 ;
			color: #000000 ;
			display: block ;
			height: 22px ;
			line-height: 22px ;
			text-align: center ;
			text-decoration: none ;
			width: 105px ;
			}
			
		#menu-root1 {
			background-color: #E8E8E8 ;
			border: 1px solid #D0D0D0 ;
			color: #000000 ;
			display: block ;
			height: 22px ;
			line-height: 22px ;
			text-align: center ;
			text-decoration: none ;
			width: 105px ;
		}	
 
		#menu-root:hover {
			background-color: #666666 ;
			border-color: #000000 ;
			color: #FFFFFF ;
			}
 
		#menubottom {
			background-color: #E8E8E8 ;
			border: 1px solid #666666 ;
			bottom: 32px ;
			display: none ;
			left: 0px ;
			padding: 5px 5px 1px 5px ;
			position: absolute ;
			width: 200px ;
			}
 
		#menubottom a {
			background-color: #E8E8E8 ;
			border: 1px solid #FFFFFF ;
			color: #000000 ;
			display: block ;
			margin-bottom: 4px ;
			padding: 5px 0px 5px 5px ;
			text-decoration: none ;
			}
 
		#menubottom a:hover {
			background-color: #666666 ;
			border-color: #000000 ;
			color: #FFFFFF ;
			}
 
		/* -------------------------------------------------- */
		/* -- IE 6 FIXED POSITION HACK ---------------------- */
		/* -------------------------------------------------- */
 
 html,
		body,
		#site-body-container {
			_height: 100% ;
			_overflow: hidden ;
			_width: 100% ;
			}
 
		#site-body-container {
			_overflow-y: scroll ;
			_overflow-x: hidden ;
			_position: relative ;
			}
 
		/* To make up for scroll-bar. */
		#site-bottom-bar {
			_bottom: -1px ;
			_position: absolute ;
			_right: 16px ;
			}
 
		/* To make up for overflow left. */
		#site-bottom-bar-frame {
			_margin-left: 26px ;
			}
 
		/* To fix IE6 display bugs. */
		#menubottom a {
			_display: inline-block ;
			_width: 99% ;
			}
 
		#menu_bottom_left{
			float:left;
		
		}
		
		#menu_bottom_right{
			float:left;
			padding:5px 5px 5px 20px;
		}