html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

body {  background: #E9E3E3 ;
	text-align: left; 
	max-width: 980px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 0;
	border-left: 3px  #FF6600 solid;
    border-right: 3px  #FF6600 solid;
	margin: 0 auto;
	position:center; 
	
	}	
p	{
		text-indent: 2.1em;
		margin: 0;
		padding: 0;
		}
a {
	text-decoration: none;
}


a:link	{
		color: #FF6600;
	}
a:visited	{
		color: #FF6600;
	}

a:hover {
	text-decoration: underline;	
	color: #FF6600;
}


#header
{
    margin: 0 auto;
    border-left: 3px  #f1ecec solid;
    border-right: 3px  #f1ecec solid;

    height: 100px;
    background: #D5D1AF url(../images/home1.jpg) repeat-y left top;

}

#header h1 { float:right; padding-right: 40px; padding-top: 35px; font-size: 2em; color: #000000;  }
#header h1 a { font-size: 1.2em; color: #6a8644; padding-bottom: 15px; text-decoration: none; border-bottom: 6px  #6b6d35 double; }


#header img { float: left; margin-top:12px; }


/*
----------------------------------------
GLOBAL WRAPPER
----------------------------------------
*/
#wrap {
   max-width: 980px;
		/*background: url(header.gif) no-repeat center 43px;*/
		margin: 0px auto;
		border-top: 3px  #f1ecec solid;
		border-left: 3px  #f1ecec solid;
		border-right: 3px  #f1ecec solid;
		border-bottom: 3px  #f1ecec solid;
		min-height: 450px;
		background: #F4F4DA repeat-y left top;

		/*background: #fff url(bg.gif) repeat-y left top;*/
		}
}

#topwrap {
background: #fFFFFF url('../images/topwrap1.jpg');
background-repeat: no-repeat;
border-left: 3px  #000000 solid;
border-right: 3px  #000000 solid;
width: 980px;
height: 40px;
margin: 0 auto;
}

#botwrap {
background: #f1ecec url('../images/botwrap1.jpg');
background-repeat: no-repeat;
width: 980px;
height: 40px;
margin: 0 auto;
}

/*
----------------------------------------
NAVIGATION
----------------------------------------
*/
/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_14 */
	.menu 
	{
		padding:0 0 0 0; 
		margin:3px 0; 
		list-style:none; 
		height:27px; 
		background:#fff url(../images/img05.jpg); 
		position:relative; 
		border-width:0 1px; 
		border-right:1px solid #6b6d35;

		border-left:1px solid #42470D;
		border-top:1px solid #6b6d35;
		border-bottom:1px solid #6b6d35;;
	}

.menu li 
	{
		float:center;
		text-align:center; color:#336600
	}
	
	.menu2 
	{
		padding:0 0 0 0; 
		margin:0 0; 
		list-style:none; 
		height:27px; 
		background:#fff url(../images/img05.jpg); 
		position:relative; 
		border-width:0 1px; 
		border-right:1px solid #42470D;
		border-left:1px solid #42470D;
		border-top:1px solid #42470D;
		border-bottom:1px solid #42470D;
	}

.menu2 li 
	{
		float:left;
	}
	
	.menu2 li a 
	{
		display:block; 
		float:left; 
		height:27px; 
		line-height:27px; 
		color: #000000; 
		text-decoration:none; 
		font-size:11px; 
		font-family:Arial, Helvetica, sans-serif; 
		font-weight: bolder; 
		text-align:center; 
		padding:0 0 0 6px; 
		cursor:pointer;
		text-decoration: none;
	}
	
	.menu2 li a b 
	{
		float:left; 
		display:block; 
		padding:0 16px 0 8px;
		border-right: 1px #42470D double;
		}
	
	.menu2 li.selecting a 
	{
		color:#000000; 
		background: url(../images/img06.jpg); 
		text-decoration: none;
	}

	.menu2 li.selecting a b 
	{
		background: url(../images/img06.jpg); 
	}
	.menu2 li a:hover 
	{
		color: #000000; 
		background: url(../images/img06.jpg); 
		text-decoration: none;
	}
	
	.menu2 li a:hover b 
	{
		background: url(../images/img06.jpg); 
	}
	
	.menu2 li.selecting a:hover 
	{
		color:#000000; 
		background: url(../images/img06.jpg); 
		cursor:default;
		text-decoration: none;
	}
	
	.menu2 li.selecting a:hover b 
	{
		background:url(../images/img06.jpg)  no-repeat right top;
	}

/*
----------------------------------------
Branding
----------------------------------------
*/

	#branding{
		background: #FCF7E8 url(../images/home.jpg) repeat-x left top;
		height: 165px;
		margin: 0 0 0 0;
		/*background-image:url(../images/header.jpg);*/
		}

/*
----------------------------------------
BODY WRAPPER
----------------------------------------
*/

	#body-wrap	{
		max-width: 980px;
		/*background: url(header.gif) no-repeat center 43px;*/
		margin: 2px 2px;
		/*background: #fff url(bg.gif) repeat-y left top;*/
		}
/*
----------------------------------------
SEARCHING
----------------------------------------
*/

	#search{
		background: #EFEFEF url(../icons/sback_tab.gif);
		height: 30px;
		margin: 10px 0 5px 0;
		border-top:1px solid #C8C8C8;
		border-bottom:1px solid #C8C8C8;
		border-right:1px solid #C8C8C8;
		border-left:1px solid #C8C8C8;
		}

/*
----------------------------------------
Image
----------------------------------------
*/

	.img-wrapper {
		 background:url(../images/shadow.gif) no-repeat right bottom;
		 float: left;
		 padding: 0 3px 3px 0;
		 margin: 5px 5px 5px 5px;
		}
	
	.img-outer {
		  background:url(../images/bottom-left2.gif) no-repeat left bottom;
		  float: left; /* :KLUDGE: Fixes problem in IE5.2/Mac */
		}
	
	.img-inner {
		  background:url(../images/top-right2.gif) no-repeat top right;
		  padding: 0 5px 5px 0;
		  float: left; /* :KLUDGE: Fixes problem in IE5.2/Mac */
		}
	
	.img-wrapper img {
		  background-color: #fff;
		  border: 1px solid #a9a9a9;
		  padding: 4px;
		  display: block;
		  
		}
		

/*
----------------------------------------
SECOND NAV
----------------------------------------
*/
	#navcontainer { 
	width: 150px;
	float: left;
	
	
	}
	
	#navcontainer ul
	{
	margin: 10px 10px 15px 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	}
	
	
	#navcontainer ul li a
	{
	display: block;
	padding: 5px;
	width: 150px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #9C613A;
	text-indent: 20px;
	background:  url(../images/kotak3.jpg)  no-repeat 10px 9px;
	color: #8B8B8B;
	font-weight: bold;
	}
	#navcontainer li.selected a{
	color: #9C613A;
	text-decoration:underline
    }
	
	#navcontainer ul li a:link, #navlist a:visited
	{
	text-decoration: none;

	}
	
	#navcontainer ul li a:hover
	{
	background:  url(../icons/kotak3.gif) no-repeat 12px 9px;
	color:#ff6600 ;
	}

	#navcontainer h1
	{

	margin: 10px 0 0 10px;
	}

#content {
padding: 0 0 0 0px;
margin : 15px 10px 0 195px;
width: 750px; 

}

#content_berita {
padding: 0 0 0 0px;
margin-top : 10px;
margin-left: 230px;
margin-bottom: 10px;
width: 745px;
border-bottom: 1px solid #6b6d35;
}

#content_berita h1, h2, h3 {
    color: #000000; font-size: 1em; margin: 10px 10px; text-align:left;
    	
}
#content_berita .isiberita p {
    padding: 12px
}
#content_berita h5 {
    color: #000000; font-size:small; margin:5px; text-align:left;
}

#content_berita p {
    margin:10px 0px 0 25px;
    text-align:left;
}


#content_cari {
margin:-420px 60px 0px 450px;
padding:0pt 0px 0pt 0px; float: center; 
}

#penduduk { float: left;
	width: 150px; margin: -155px 0 0 0;
}

#ringkasan { float: left;
	width: 150px; margin-left: 5px; margin-top: 10px; min-height: 180px; background-color:#CCCCCC;
}
#keuangan { float: left; width:200px 
}
#agenda { float: left;	width: 200px;
}
#potensi { margin-left: 250px; margin-top:10px; float: left;
	width: 200px;
}
#forum { float: left; width:200px; margin-top:10px; 
}
#info{ float: left; width: 200px; margin-top:10px;
}

#sidebar{
	float: left;
	width: 200px;
	margin-top: 170px;	
}
#sidebar_kiri{
	float: left;
	width: 200px;
	margin-top: 10px;	
	margin-left: -150px;
}
#sidebar_kanan{
	float: right;
	width: 300px;
	margin-top: 10px;	
	margin-right:-150px;
}
#sidebar_berita{
	float: left;
	width: 150px;
	margin: 0px -180px;   
	
}
#sidebar_gede{

	width: 750px;
	margin-top: 0px;	
	margin-left: 227px;	
	min-height: 400px;
	border-left: 1px solid #6b6d35;
	border-top: 1px solid #6b6d35;

}
#sidebar_berita h2{
	float: left;
}
#sidebar_berita li{
	float: center;
	margin-left:15px;

}#sidebar_cari {
	float: center;
	width: 400px;
	margin: 0px 0px;
	font-size: 1em;

}
.right {
	float: center;
	width: 600px;
	margin: 10px 20px;
	font-size: 1em;
	color: #222;
}

.right #modul_tempo {
    padding-left: 27px;
}
.right #modul_tempo ol {
    padding-left: 12px;
    list-style: numeric;
}
.right h4 {
    font-size:MEDIUM;
    color: #000000;
    text-align:center;
    margin: 0 0 0 160px;
   
}
.right h3 {
    font-size:MEDIUM;
    color: #000000;
    text-align:center;
    width:inherit;
    margin: 10px 80px;
	border-top:1px #C8C8C8 ridge;
	border-bottom:1px #C8C8C8 inset;

}

.right label {
    font-size:SMALL;
    color: #000000;

    margin: 0 auto;
}

.right ol {
    padding-left: 18px
}

.right #berita {
    padding-left: 100px;
}
.right #berita h1, h2, h3 {
    color: #000000; font-size: 1em; margin: 10px 10px; text-align:center
    	
}
.right #berita .isiberita p {
    padding: 12px
}
.right h5 {
    color: #000000; font-size:small; margin:5px; text-align:left;
}

.right p {
    margin:10px 0px 0 25px;
    text-align:left;
}

.left {
	float: left;
	width: 160px;
	margin: 0 10px 0 10px;
}

#nav {
  margin: 0px;
  padding: 0;
  list-style-type: none;
  width: 85%;
  float: left;
  font-size:1.1em;
}
#nav li {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}
#nav a {
  display: block;
  color: #FFF;
  text-decoration: none;
  padding: 5px 15px;
  line-height: 1.7;
  border-bottom: 1px solid #FFF;
}
#nav a:hover {
  background: #E0A559;  color: #000000;
}
#nav li.selecting a {
  background: #CA8D24;
}

#navhor {
  font-size: 1em;
  padding: 4px 0 17px;
  text-align:center;


}
#navhor ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#navhor li {
  display: inline;
  margin: 0 0 0 0;

}
#navhor li.selected a{
  background-color: #E7C979;
  color: #000000;
}
#navhor a:link, #navhor a:visited {
  padding: 0.4em 1em 0.4em 1em;
  background-color: #AC9F2F;
  text-decoration: none;
  color: #000000;
}
#navhor a:hover {
  background-color: #E7C979;
  color: #000000;
}

.right h2 { color: #000000; font-size: 1.3em; margin: 10px 10px; text-align:center}

#clear {
	display: block;
	clear: both;
	width: 100%;
	height:1px;
	overflow:hidden;
}

#footer {
		clear: both;
		color: #666;
		text-align: center;
		font-size: 10px;
		font-weight: normal;
		font-variant: normal;
		text-transform: lowercase;
		letter-spacing: .1em;
		/*background: url(footer.gif) no-repeat bottom center;*/
		padding: 5px 0 5px 0;
		border-top: 4px solid #6a8644;
		margin: 0 0;
		position:relative; 
		width: 100%;
}

/*
----------------------------------------
MAIN CONTENT
----------------------------------------
*/

	.main	{
	float: center;
	width: 800px;
	margin: 10px -155px;
	font-size: 1em;
	color: #222;
	}
	.main_grafik {
	margin: 45px 100px;
	font-size: 1em;
	color: #222;
	} 
	.main_grafik iframe	{
	margin: 45px 100px 0 100px;
	font-size: 1em;
	color: #222;
	} 
.main h4 {
    font-size:MEDIUM;
    color: #000000;
    text-align:center;
    margin: 0 0 0 160px;
   
}
.main h3 {
    font-size:MEDIUM;
    color: #000000;
    text-align:center;
    width:100%;
    margin: 10px 80px;
}
.main h5 {
    color: #000000; font-size:small; margin:5px; text-align:left;
}
	#main1	{
		float: left;
		width: 590px;
		min-height:1px;
		margin:0 55px 0 0;
		}
	
/*
----------------------------------------
TEXT
----------------------------------------
*/	
.news {
	text-align:left;}

.news h2 {
	font-size: 14px;}
.news li { margin-left:10px;}

img { border: none;}

.merah { color: #DE3939}
.biru { color: #6b666d}
.stabilo { background: #FFFC00; color: #a4a0a0}



.form_pencarian p{ width: 100%; clear:left; height:2%;margin:10px 50px 0 0;padding:10px 0 7px 0}.form_pencarian label{font-weight:700; float:left; width:150px; margin: 5px 0 0 0;}.form_pencarian select{color: #000; border: 1px solid #6b666d; float:left; }.form_pencarian input[type=text] {width: 100px; border: 1px solid #6b666d; float:left; }


.form_login{float:left;padding:20px 0 7px;}
.form_login input[type=text]{width:115px;}
.form_login input[type=password]{width:115px;}
.form_login label{font-weight:700}
.form_login fieldset{float:left; padding: 20px; border: 0.05em #6b666d thick}
.form_login legend{float: left;}
#msg{margin: 60px 0 0 30px;font-size:1em;font-weight:700;text-align:center;padding:10px; width: 90%}.error{background-color:#ffc;border:1px solid #900;color:red}.ok{background-color:#ffc;border:1px solid #6b666d;color:#0021CA}

.form_sempit input[type=text], input[type=password]{width:75px;margin: 2px 0 0 0}
.form p{ width:100%;clear:left;height:3%;margin:0 50px 0 0;padding:10px 0 7px 0}.form label{font-weight:600;float:left;width:100%}.form input[type=text],.form input[type=password]{width:200px, color: #000; border: 1px solid #6b666d;}.form textarea{width:80%;height:20px;color: #000; border: 1px solid #6b666d;}.form select{color: #000; border: 1px solid #6b666d;}.wajib{font-weight:700;color:#EC1313}
.tepubtn { background-color: transparent; border: 0; padding: 0; font-size:larger; color: #6b666d}
.hidden { display:none }
.hbesar {float:center;font-size:small;margin: 10px }
.htebel {font-weight:700}
.gkiri {text-align:left}
.gkanan{text-align:right}
.tengah {text-align:center}

.table{	border-collapse:collapse;position:relative;margin:5px 5px;width:99%}.table th{height:5px;padding: 5px;color:#FFF;border:1px solid #AC5013;background:#637149; text-align:center}.table tr{height:5px}.table input{	font-variant: small-caps;}.table tbody td{border:1px solid #AC5013;padding:5px;text-align:left; line-height:normal; vertical-align:top; }.table td a{text-decoration:none;border:none}.table td a:hover{text-decoration:underline;border:none}.table tbody tr.odd td{background-color:#f1ecec}.table tr.row-a{background:#F8F8F8}.table tr.row-b{background:#f1eed7}.logo{float: left; padding-top: 5px; padding-left:40px}