/* CSS Document */

body {
	margin:0px;
	padding:0px;
	text-align:center;
	background:#749601 url(../images/bg.gif) repeat-x top;
	height:800px;
	}

#header {
	width:900px;
	margin:0px auto;
	padding:0px;
	text-align:right;
	background:url(../images/bunga_buah.jpg) no-repeat left bottom;
	}

.companyname {
	float:right;
	width:690px;
	margin:0px;
	padding:5px;
	text-align:left;
	font:18px Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	}

.flasheader {
	float:right;
	text-align:left;
	width:694px;
	height:auto;
	background:url(../images/bg_header.gif) repeat-y;
	}
.header {
	float:left;
	margin:0px;
	padding:0px;
	}
	
.logo {
	float:right;
	margin:0px;
	padding:0px;
	position:relative;
	left:-30px;
	top:15px;
	}
	
#wrap {
	width:900px;
	background:#f2ec34 url(../images/bg_wrap.gif) repeat-x top;
	margin:0px auto;
	padding:0px;
	border-top:1px solid #f2ec34;
	text-align:left;
	font:11px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	}

#wrapright {
	float:right;
	width:694px;
	margin:0px 0px 0px 5px;
	padding:0px;
	background:url(../images/bg_wrap_right.gif) repeat-y;
	}

#menutop {
	float:right;
	width:694px;
	margin:0px 0px 2px 0px;
	padding:0px;
	text-align:left;
	}
	
#sideleft {
	float:left;
	width:200px;
	margin:0px;
	padding:0px;
	}

.latesnews, .polling {
	width:auto;
	margin:0px;
	padding:15px 0px 0px 0px;
	}

.latesnews h3, .polling h3 {
	width:auto;
	margin:10px 0px 0px 0px;
	padding:0 0 0 8px;
	border-bottom:3px solid #7fa500;
	font:bold 18px Verdana, Arial, Helvetica, sans-serif;
	color:#587F00;
	letter-spacing:-1px;
	}

.latesnews ul, .polling ul {
	width:200px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	}

.latesnews li, .polling li {
	padding:2px 0px 5px 25px;
	margin:0px;
	font:11px/14px tahoma;
	height:auto !important;
	height:14px;
	color:#000;
	border-bottom:1px solid #7fa500;
	}

.latesnews li{
	background:url(../images/li_left.gif) no-repeat left top;
	}

.latesnews li a, .polling li a {
	text-decoration:none;
	color:#000;
	}

.latesnews li a:hover, .polling li a:hover {
	text-decoration:none;
	color:#587F00;
	}
	
#sidemain {
	float:left;
	width:521px;
	background:#fff;
	margin:0px;
	padding:0px;
	}

#maincontent {
	width:auto;
	padding:0px;
	margin:10px;
	font:11px/14px Verdana, Arial, Helvetica, sans-serif;
	height:auto !important;
	height:14px;
	color:#000;
	}
	
#welcome h1 {
	margin:0px;
	padding:0px;
	font:20px "Times New Roman", Times, serif;
	color:#587F00;
	}

#welcome {
	width:493px;
	margin:0px 0px 0px 5px;
	padding-top:10px;
	}
	
.cornertop {
	background:#587f00 url(../images/rd_top_left.gif) no-repeat top left;
	width:100%;
	height:14px;
	}

.cornertop div {
	background:url(../images/rd_top_right.gif) no-repeat top right;
	width:100%;
	height:14px;
	}

.cornerbot {
	background:#587f00 url(../images/rd_bot_left.gif) no-repeat bottom left;
	width:100%;
	height:14px;
	}

.cornerbot div {
	background:url(../images/rd_bot_right.gif) no-repeat bottom right;
	width:100%;
	height:14px;
	}

.welcome {
	background:#587f00;
	margin:0px;
	_margin:0px;
	padding:0px 15px 0px 15px;
	font:11px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#E5F07A;
	}

.welcome ul, .welcome ol {
	margin:0px;
	padding:0px 0px 0px 30px;
	}

.welcome a {
	text-decoration:none;
	color:#E5F07A;
	font-weight:bold;
	}
	
.welcome a:hover {
	color:#fff;
	font-weight:bold;
	}

.welcome p {
	margin:0px;
	padding:5px 0px 5px 0px;
	}

.welcome img {
	border:0px;
	padding:4px;
	margin-right:10px;
	margin-bottom:7px;
	background:#fff;
	}

.shout {
	width:100px;
	margin:0px;
	padding:0px;
	position:relative;
	left:30px;
	}

#berita {
	width:493px;
	margin:20px 0px 0px 5px;
	padding:0px;
	font:11px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	}

#berita h1 {
	background:url(../images/bg_title_content.gif) no-repeat top;
	margin:0px;
	padding:10px;
	font:bold 24px/30px "Times New Roman", Times, serif;
	color:#fff;
	}

#berita h3 a  {
	text-decoration:none;
	color:#587F00;
	}

#berita h3 a:hover {
	text-decoration:none;
	color:#E5F07A;
	}	

#berita h3 {
	width:auto;
	margin:0px;
	padding:0px;
	font:18px "Times New Roman", Times, serif;
	color:#333333;
	border-bottom:1px solid #4C6E00;
	}

.metaberita {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	}

.isiberita {
	margin:10px 0px 20px 0px;
	padding:0px;
	}

.isiberita a {
	text-decoration:none;
	color:#587F00;
	font-style:italic;
	}

.isiberita a:hover {
	border-bottom:1px dotted #587F00;
	}

.isiberita img {
	max-width:100%;
	margin:0px 10px 10px 0px;
	padding:5px;
	border:1px solid #4C6E00;
	border:0px;
	}

.lap {
	clear:both;
	margin:0px;
	padding:0px;
	}

.arsip ul{
	width:auto;
	margin:0px;
	padding:0px;
	list-style-type:none;
	}

.arsip li {
	margin:0;
	padding:5px 0 5px 5px;
	border-bottom:1px dotted #fff;
	}

.arsip li a{
	display:block;
	line-height:14px;
	font:11px tahoma;
	text-decoration:none;
	}

.arsip li a:hover{
	text-decoration:none;
	font:11px tahoma;
	}
	
#sideright {
	float:right;
	width:173px;
	background:url(../images/bg_colom_right.gif) repeat-y;
	margin:0px;
	padding:0px;
	}

#sideright h3 {
	width:auto;
	font:bold 16px/45px Arial, Helvetica, sans-serif;
	color:#fff;
	height:45px;
	height:auto !important;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	background:url(../images/bg_title_right.gif) no-repeat top;
	letter-spacing:0px;
	}

#sideright ul, .peta ul {
	width:173px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:center;
	}

#sideright li, .peta li {
	width:auto;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	font:11px/25px tahoma;
	color:#587F00;
	text-align:left;
	height:auto !important;
	height:30px;
	border-bottom:1px solid #4C6E00;
	}
	
.peta img {
	width:155px;
	height:104px;
	padding:3px;
	margin-top:5px;
	border:1px solid #9ECC00;
	}
	
#sideright li a {
	text-decoration:none;
	color:#587F00;
	}

#sideright li a:hover {
	text-decoration:none;
	color:#E5F07A;
	}

#footer {
	width:900px;
	margin:0px auto;
	padding:10px 0px 10px 0px;
	text-align:left;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	}

#footer a {
	text-decoration:none;
	color:#e5f07a;
	}

#footer a:hover {
	text-decoration:none;
	color:#e5f07a;
	border-bottom:1px dotted #e5f07a; 
	}
	
.counter {
	text-align:center;
	margin-left:45px;
	width:40px;
	font:bold 28px "Times New Roman", Times, serif;
	color:#587F00;
	padding:10px;
	}

.bar img {
	float:left;
	margin:0px;
	padding:0px;
	height:15px;
	width:2px;
	}
	
.tanggapan{
	margin:5px 0 0 0;
	padding:8px 5px 5px 20px;
	background:#739600 url(../images/petik.gif) no-repeat left top;
	border:1px solid #9ECC00;
	}

td.tblsaran {
	border-bottom:1px dotted #fff;
	}
		
.clear {clear:both}

form {
	margin:0px;
	padding:0px;
	}
	
	
/*- Menu Tabs--------------------------- */ 
    #tabsB {
      width:auto;
      font-size:93%;
      line-height:normal;
	  font:bold 11px/18px Arial, Helvetica, sans-serif;
	  text-transform:uppercase;
	  margin:0px;
	  padding:0px;
	  text-align:left;
      }
    #tabsB ul {
	  margin:0;
	  padding:5px 10px 0 0;
	  list-style:none;
      }
    #tabsB li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsB a {
      float:left;
      background:url(../images/tableftB.gif) no-repeat left top;
      margin:0;
      padding:0 1px 0px 8px;
      text-decoration:none;
      }
    #tabsB a span {
      float:left;
      display:block;
      background:url(../images/tabrightB.gif) no-repeat right top;
      padding:7px 10px 5px 3px;
      color:#fff;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsB a span {float:none;}
    /* End IE5-Mac hack */
    #tabsB a:hover span {
      color:#000;
      }
    #tabsB a:hover {
      background-position:0% -31px;
      }
    #tabsB a:hover span {
      background-position:100% -31px;
      }
	 


/* css gallery photo */

.slideshow{ /*CSS for DIV containing each image*/
float: left;
margin-right:5px;
margin-left:5px;
margin-bottom: 10px;
}

.slideshow img{ /*CSS for each image tag*/
border: 0;
width: 200px;
height: 150px;
}

#navlinks{ /*CSS for DIV containing the navigational links*/
width: 400px;
}

#navlinks a{ /*CSS for each navigational link*/
margin-right: 8px;
margin-bottom: 3px;
font-size: 110%;
}

/*#navlinks a.current{ /*CSS for currently selected navigational link
background-color: yellow;
}*/



#sitemap{
	width:auto;
	margin:0;
	padding:0;
	font:11px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#E5F07A;
	}

#sitemap ul{
	width:auto;
	margin:0;
	padding:0;
	list-style-type:none;
	}

#sitemap ul li{
	width:auto;
	margin:0;
	padding-left:15px;
	background:url(../images/ico_li_right.png) no-repeat left;
	}

#sitemap ul ul li {
	width:auto;
	padding-left:15px;
	margin-left:15px;
	}

#sitemap ul li a, #sitemap ul ul li a{
	text-decoration:none;
	color:#E5F07A;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	}

#sitemap ul li a:hover, #sitemap ul ul li a:hover{
	text-decoration:underline;
	color:#fff;
	}

.textberjalan{
	width:auto;
	margin:0;
	padding:0 5px 0 5px;
	color:#009900;
	} 
.textberjalan a{ 
	font:11px Arial, Helvetica, sans-serif;
	color:#009900;
	text-decoration:none;
	}
.textberjalan a:hover{
	text-decoration:underline;
	color:#00FF00;
	}