html {
}

body {
	background: #333333 url('img/bg.gif') repeat-x;
	margin: 0px;
	padding-top: 0px;
	text-align: center;
}

body#detail {
	background: #fff url('') repeat;
	margin: 0px;
	padding-top: 0px;
	text-align: center;
}

img {
	border: 0px;
}

h1 {
	background: url('img/h5.gif') no-repeat;
	font: bold 22px arial,georgia,tahoma;
	color: #545fac;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	text-align:center;
}

h2 {
	background: url('img/h5.gif') no-repeat;
	font: bold 18px georgia,tahoma;
	color: #444;
	margin: 0px 0px 10px 0px;
	padding: 10px;
}

h3 {
	margin: 0px 0px 5px 0px;
	font: bold 18px georgia,tahoma;
	color: red;
}


h4 {
	margin: 0px;
	padding: 3px 0px;
	width: 90%;
	font: bold 16px georgia,tahoma;
	color: black;
}

h4.flat {
	background: #ddd url();
	padding: 3px;
	width: 96%;
	font: bold 15px georgia,tahoma;
	color: #666;
}

h5 {
	font: bold 16px georgia,verdana,tahoma;
	color: #000;
	line-height: 160%;
	margin: 10px 0px;
	padding: 0px;
}

h6 {
	background: #666 url();
	margin: 0px;
	padding: 0px;
	font: bold 13px georgia,tahoma;
	color: #fff;
}
 a {
    color: #4284B0;
    text-decoration: none;
}
a:hover {
    color: black;
    text-decoration: none;
}

hr {
    margin-left:0px;
    width: 95%;
    border: 1px dotted #ddd;
    height: 1px;
}

table.abu {
    background-position: 0% 0%; margin:10px 0px; padding:3px; font-family: tahoma, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000; background-color:#eee; background-repeat:repeat; background-attachment:scroll
}

table.abunol {
    background-position: 0% 0%; margin:10px 0px; padding:3px; font-family: tahoma, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000; background-color:#fff; background-repeat:repeat; background-attachment:scroll
}

table.detail {
	width: 95%;
	font: normal 12px georgia,tahoma;
	color: #555;
}

tr.dua {
	background:#efefef url('images/icontitle.jpg') no-repeat;
	margin: 0px;
	padding: 5px;
}

th {
	background:#f0aa3f url('images/icontitle.jpg') no-repeat;
	padding: 3px 5px;
	text-align: center;
}

th.fom {
	background:#aaa url('images/icontitle.jpg') no-repeat;
	padding: 5px;
	font: bold 14px verdana;
	text-align: left;
}

td {
	padding: 4px 5px;
}

#smua  {
		background: #fff url('img/bg.gif') bottom center no-repeat;
	    width: 1000px;
        padding: 0px;
        margin: auto;
	text-align: left;
}
#pala  {
        background: #fff url('img/header1.JPG') no-repeat;
        width: 1000px;
        height: 130px;
        margin: auto;
}
#link  {
    background: url('img/ling.JPG') top center no-repeat;
    height: 29px;
	margin-left: 420px; 
	padding: 5px 10px 0px 0px;
	text-align: right;
	font: normal 11px verdana;
}
#link a {
    color: #000;
    text-decoration: none;
    text-align: center;
}
#link a:hover {
    color: #FDCF00;
    text-decoration: none;
}

#tengah  {
        background: #fff url('mg/ling.JPG') top center no-repeat;
        width: 1000px;
        height: auto;
        margin: 0px;
}
#menu  {
        background: #eee url('img/kiri.JPG') top center no-repeat;
        width: 170px;
        margin: 0px 0px 0px 10px;
		padding: 5px 10px;
		float: left;
}
#menu ul {
    width: 65%;
    margin: 25px 0px 15px 40px;
    padding: 0px 0px 0px 0px;
    list-style: square;
}
#menu ul li {
    background:  url('img/row1.jpg') top left no-repeat;
    margin: 0px;
    font: bold 11px verdana;
    color: #666;
	border-bottom: 1px solid #eee;
}
#menu ul li a {
    padding: 7px 4px;
    color: #666;
    text-decoration: none;
    display: block;
}
#menu ul li a:hover {
    background: #ddd url('img/row1.jpg') top left no-repeat;
    color: #666;
    text-decoration: none;
}
.kontak  {
    background: trans url('') top center no-repeat;
    width: 92%;
    height: auto;
    margin: 10px auto;
    padding: 5px;
	border: 1px solid #666;
    font: normal 11px tahoma;
    line-height: 160%;
	text-align: left;
}

#isi  {
    background: #fff url('mg/ling.JPG') top center no-repeat;
    width: 600px;
    height: auto;
    margin: 0px;
		float: right;
}
.isina  {
    background: #fff url('') top center no-repeat;
    width: 570px;
    height: auto;
    margin: 0px;
    padding: 0px 15px;
    font: normal 11px tahoma;
    line-height: 160%;
}
.isina p {
    margin: 5px 0px;
    padding: 5px 0px;
    font: normal 11px tahoma;
    color: #000;
    text-decoration: none;
    line-height: 160%;
}
.detail {
	width: 70%;
    margin: 5px 0px;
    padding: 5px 0px;
    font: normal 11px tahoma;
    color: #000;
    text-decoration: none;
    line-height: 160%;
}
.detail img {
	border: 0px;
	padding-right: 5px;
	float: left;
}

.enggal {
    margin: 0px;
    padding: 5px;
	border: 1px solid green;
    font: normal 11px tahoma;
    color: #000;
	text-align: left;
    text-decoration: none;
    line-height: 160%;
}
.enggal h4 {
	background: green url('') top center no-repeat; 
	width: 100%;
	margin: 0px;
    padding: 5px 0px;
    font: bold 12px tahoma;
    color: #fff;
	text-align: center;
}

.item {
	width: 140px;
    margin: 5px 0px;
    padding: 5px 0px;
    font: normal 11px tahoma;
    color: #000;
	text-align: center;
    text-decoration: none;
    line-height: 160%;
	float: left;
}

.log {
	background: #fff url('img/bgLogin.jpg') top center no-repeat;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
}

.log2 {
	background: #fff url('img/bgAdmin.jpg') top left no-repeat;
	margin: 0px;
	padding: 0px;
}

.admina {
	background: #999 url('img/bgBody.gif') repeat-y;
    width:  1000px;
	margin: 0px auto;
	padding: 0px;

}
.admina_atas  {
        background: url('img/eader_bg.gif') top left no-repeat;
	margin: 0px;
        width: 1000px;
        height: 207px;
}
.admina_link  {
    background: url('img/ling.JPG') top center no-repeat;
	margin: 0px; 
	padding: 0px 10px 0px 0px;
	text-align: right;
	font: bold 11px verdana;
	color: #fff;
}
.admina_link a {
    color: #FDCF00;
    text-decoration: none;
    text-align: center;
}
.admina_link a:hover {
    color: #fff;
    text-decoration: none;
}
.admina_bawah  {
        background:  #3C3C3D none repeat scroll 0 0;
        width: 1000px;
        margin: 50px 0px 0px 0px;
	padding: 15px 0px 20px 10px;
	color:#FFFFFF;
	font: bold 11px verdana;
	text-align: left;
}
.admina_isi  {
    background:  url('') top center no-repeat;
    height: auto;
    margin: 0px;
    padding: 0px 15px;
    font: normal 11px tahoma;
    line-height: 160%;
	text-align: left;
}
.admina_kiri  {
    background:  url('') top center no-repeat;
	float: left;
	width: 150px;
    height: auto;
    margin: 0px;
    padding: 0px 15px;
    font: normal 11px tahoma;
    line-height: 160%;
	text-align: left;
}

#sidebar {
display:inline;
float:left;
margin:0;
padding:0 0 0 12px;
width:20%;
}

.admina_kiri ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin: 10px 0 20px 0px;
padding:0;
}

.admina_kiri ul li {
border:1px solid #F2F2F2;
margin-bottom:1px;
}

.admina_kiri a {
background:#F2F2F2 none repeat scroll 0 0;
border-left:4px solid #CCCCCC;
color:#333333;
display:block;
font-weight:bold;
min-height:18px;
padding:2px 5px 2px 10px;
text-decoration:none;
}
.admina_kiri a:hover {
    padding:2px 5px 2px 10px;
    background: #f2f2f2;
    color: #339900;
    border-left:4px solid #9EC630;		
}
.admina_kanan  {
    background: #fff url('') top center no-repeat;
	float: right;
	width: 750px;
    height: auto;
    margin: 0px;
    padding: 0px 15px;
    font: normal 11px tahoma;
    line-height: 160%;
	text-align: left;
}
.admina_kanan fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid;}
.admina_kanan legend { background-color: #ddd; padding: 2px 7px; font-size: 14px; font-weight: bold; color: #999; }
.admina_kanan fieldset div { padding: 4px; }

.tab {
    background: #fff url('') repeat-x;
	width: 98%;
	margin: 0px 0px 20px 0px;
	border: 2px solid #ddd;
	text-align: right;
}

.abu  {
        background: #eee url('') repeat-x;
        height: 20px;
        margin: 0px;
		padding: 5px;
}

.big {
	font: 20px verdana;
}

#navi {
    background: #eee url(img/bgmenu.jpg) repeat-x;
    width: 935px;
    height: 51px;
    margin: 0px 0px 0px 31px;
    padding-left: 0px;
    list-style: none;
    overflow: hidden;
}
	    
#navi li {
    float: left;
    list-style: none;
    margin: 0;
    display: inline;
}
										    
#navi li a {
    display: block;
    float: left;
    padding: 51px 0 0;
    overflow: hidden;
    height: 0 !important;
    height /**/: 52px; /* for IE5/Win */;
    margin: 0;
    font-size: 10px;
    text-indent: -10000px;
}
#navi li a:hover {
    background-position: 0 -51px;
}

li#beranda, li#beranda a {
    background: url('img/beranda.jpg') 0 0px no-repeat;
    width: 83px;
}
li#penelitian, li#penelitian a {
    background: url('img/penelitian.jpg') 0 0px no-repeat;
    width: 97px;
}
li#ppm, li#ppm a {
    background: url('img/ppm.jpg') 0 0px no-repeat;
    width: 83px;
}
																										    li#kkn, li#kkn a {
																										            background: url('img/kkn.jpg') 0 0px no-repeat;
																											            width: 83px;
																												    }









p.hadits {
	font: normal 11px georgia,tahoma;
  color: #000;
  text-decoration: none;
	line-height: 160%;
}
.isina li {
	font: normal 11px tahoma;
  color: #000;
  text-decoration: none;
	line-height: 160%;

}

#setip {
	clear: both;
	float: none;
}

#kaki  {
        background: #fff url('img/alamat_bg.jpg') repeat-x;
        width: 1000px;
        height: 200px;
        margin: auto;
}
.kakina  {
        background:  url('img/alamat.jpg') top right no-repeat;
        height: 200px;
        padding: 0px;
}
.kakina p {
		padding-top: 130px;
		padding-left: 30px;
        font: bold 11px tahoma;
        color: #eee;
        text-align: left;
        line-height:150%
}

#menu ul.dua {
    width: 85%;
    margin: 0px 0px 0px 40px;
    padding: 0px 0px 0px 0px;
    list-style: none;
}
#menu ul.dua li {
    background:  url('img/row2.gif') top left no-repeat;
    margin: 0px;
    padding: 5px 18px;
    font: bold 11px verdana;
    color: 666;
}
#menu ul.dua li a {
    margin: 0px;
    padding: 0px 0px;
    color: #555;
    text-decoration: none;
}
#menu ul.dua li a:hover {
    color: #eee;
    text-decoration: none;
}

.berita {
	background: #fff url();
	width: 536px;
    margin: 0px;
    padding: 0px;
}
.berita_top {
    background:  url('img/ber_top.jpg') top left no-repeat;
    margin: 0px;
    padding: 0px;
	height: 55px;
}
.berita_mid {
    background: #fff url('img/ber_mid.jpg') repeat-y;
    margin: 0px;
    padding: 0px;
}
.berita_mid_con {
    background: trans url('') top left no-repeat;
    margin: 0px;
    padding: 0px 20px;
    font: normal 11px verdana;
    color: 000;
	line-height: 160%;
}
.berita_mid_con h3 {
	margin: 0px;
	font: bold 16px georgia,tahoma;
	color: green;
}

.berita_mid_con img {
	float: left;
	padding-right: 5px; 
}
.berita_mid_con ul {
    width: 85%;
    height: 150px;
    margin: 15px 0px 0px 40px;
    padding: 0px 0px 0px 0px;
    list-style-type: square;
}
.berita_mid_con ul li {
    margin: 0px;
    font: bold 11px verdana;
    color: 666;
	border-bottom: 1px solid #eee;
}
.berita_mid_con ul li a {
    padding: 7px 5px;
    color: red;
    text-decoration: none;
    display: block;
}
.berita_mid_con ul li a:hover {
    color: #666;
    text-decoration: none;
}

.berita_bot {
    background:  url('img/ber_bot.jpg') top left no-repeat;
    margin: 0px;
    padding: 0px;
	height: 30px;
}

.input {
    background: #eee url('') top left no-repeat;
    margin: 3px 0px;
    padding: 2px 0px;
    border: solid 1px #aaa;
}
.menu1  {
    background: trans url('img/menu_fak.JPG') top left no-repeat;
	width: 160px;
	    margin: 0px 0px 0px 10px;
		padding: 0px;
		    text-align: left;
			font: bold 11px verdana,"Trebuchet MS",georgia,tahoma;
			    color: #000;
				text-align: left;
				}
				.menu1 ul {
				    background: trans url('') top left no-repeat;
					width: 150px;
					    list-style-type: none;
						margin: 0px 0px 0px 25px;
						    padding: 20px 0px 30px 0px;
						    }
						    .menu1 ul li {
							background: url('img/panahkiri.gif') top left no-repeat;
							    margin: 0px;
							    /*     padding: 7px 0px; */
							        text-align: left;
								    border-bottom: 1px solid #eee;
								    }
								    .menu1 ul li a {
									display: block;
									    padding: 7px 0px 7px 18px;
									        color: #eee;
										    text-decoration: none;
										    }
										    .menu1 ul li a:hover {
										    background: #aaa url('img/row1.JPG') top left no-repeat;
											display: block;
											        color: #444;
												    text-decoration: none;
												    }