/* CSS Document */

.wrapper{ margin:auto; width:850px; background:url(../images/bg_smoke.jpg) no-repeat;}
.navbg{background:url(../images/bg_nav.gif) repeat-x; height:40px; float:left; width:850px; margin-bottom:15px;}
.header{ background:url(../images/bg_main.png) repeat; height:156px; width:830px; padding:11px 9px;margin-bottom:15px;}
.bg_center{background:url(../images/bg_main.png) repeat; text-align:left;}
.main{ width:624px; float:left;}
.side_right{ width:217px; padding-right:7px; float:right;}
.footer{ margin-top:6px; text-align:center;}
.footer-copy{}
.line{ border:#171717 solid 3px;}
.fontGreen { color: #0a880a; }
.menu {  
  
	font-family: "Arial Narrow";
	text-transform:uppercase;
	width:5000px;
	height:22px;
	padding-left:-322px;
	font-size:2px;
	margin: 0;
	z-index:1;
}
.menu ul li a {

	
	color:white;
	font-weight: bold;
	width:120px; 
	height:22px; 
	text-align:left;
	border-bottom:12px;
	line-height:42px ; 
	font-size:8pt; 
	overflow:hidden;
	padding-left: 12px;
}
/* End Caps Styling */
.menu .left_nosub {
	background-image:url('../images/red/left.png');
	padding-left: 122px;
	margin-right: -12px;
}
.menu .right_hassub {
	background-image:url('../images/red/right.png');
}
.menu .right_nosub {
	background-image:url('../images/red/right.png');
}
.menu ul {padding:0px 115px 32px 12px; margin:1px; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* Button ":hover" Styling */
.menu ul li:hover a {color:#0066FF; background:url('../images/red/center_hassub.png');}
.menu ul li:hover ul {display:block; position:absolute; top:42px; left:12px; width:124px; margin: 0; padding: 12px;}
.menu ul li:hover ul li a.center_hassub {background:#6a3; color:white;}
.menu ul li:hover ul li:hover a.center_hassub {background:#6fc; color:#544a3a;}
.menu ul li:hover ul li ul {display: none;}


/* DropDown Styling */
.menu ul li:hover ul li a { background-color:#000000; display:block;height: 30px;font-family: "Arial Narrow";
	text-transform:uppercase; line-height: 25px; color:white; width:120px; text-align:left; margin: 0; padding:0 19px  0px;}
.menu ul li:hover ul {
	margin: 0 0 0 0px;
	padding: 0;
	background-image:url('../images/red/dropdown.png');
	background-repeat:no-repeat;
	background-position:bottom left; 
}

/* DropDown Menus ":active" or "Selected" Styling */
.menu ul li:hover ul .sub_active {
	background-image:url('../images/red/sub_active.png');
	margin-right: 1px;
}


/* tambahan*/


.menu ul li:hover ul li a:hover {color:#0066FF;}

.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:100px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}
/*******NEWS*********/
.judulberita a{ font-weight:bold; color:#68bf05; padding-left:20px; background:url(../images/bullet.png) left no-repeat; }
.judulberita a:hover{ font-weight:bold; color:#4c8c03; background:url(../images/bullet.png) left no-repeat; }

.judulberita-2 a{ font-weight:bold; text-transform:uppercase; color:#68bf05; padding-left:-1px; background:url(../images/bullet.png) left no-repeat; }
.judulberita-2 a:hover{ font-weight:bold; color:#4c8c03; background:url(../images/bullet.png) left no-repeat; }
.frontpage-gambarnew{ width: 500px; float: left; padding: 15px 0 10px 0; margin-right: 10px;}
.frontpage-gambardes{ float: left; width:100px; text-align: center;}
.product-description{padding: 4px 0 10px 0; color: #333;}
.news-home { font-size:9pt; font-weight:bold; color:#FFFFFF; font-family:verdana; background:url(../images/bg-top-menu-news-index.gif) repeat-x; height:45px; padding-top:21px; padding-left:55px; }
.news-list-line { border:1px solid #0099cc; padding:5px; margin-top:5px; -moz-border-radius:10px; }
.news-list-line:hover{ border:1px solid #0099cc; padding:5px; margin-top:5px; -moz-border-radius:10px; background-color:#eeeeee; }
.news{
	padding: 0px 0 0px 0;
}
.news-item-x-2 {
	padding-bottom:40px;
	border-bottom:1px dotted #6f6f70;
}
.pagination2{ padding: 20px 90px 0px 0 ; font-size: 11px; text-align: right; clear: both;}
.pagination2 a {background: #02cccf;padding: 2px 5px;color: #fff;margin: 0 1px;}
.pagination2 a:hover {padding: 2px 5px;background: #7FD703;color: #fff;text-decoration: none;margin: 0 1px; }
.pagination2 strong {padding: 2px 5px;background: #7FD703;  color: #fff;text-decoration: none;margin: 0 1px;}
