body.main {
	text-align:center;
	padding:0;
	background-image:url(images/atas.jpg);	
	background-repeat:repeat-x;
	background-color:#CDCDCD;
	background-position:top;
}

#container {
  margin:auto;
  width:950px;
  text-align:left;
}

#judul_1 {
	background-image:url(images/title_1.jpg);
	background-repeat:no-repeat;
	width:950px;
	height:215px;
}

#judul_2 {
	background-image:url(images/title_2.jpg);
	background-repeat:no-repeat;
	width:950px;
	height:40px;
}

#judul_3 {
	background-image:url(images/title_3.jpg);
	background-repeat:no-repeat;
	width:950px;
	height:49px;
}

#midel {
	position:relative;
	width:950px;
	padding:0;
	background-image:url(images/boddy.jpg);
	background-repeat:repeat-y;
}

#body_mid1 {
	background-color:transparent;
	width:365px;
	vertical-align:top;
	float:left;
}

#konten {
	background-color:transparent; 
	width:540px;
	vertical-align:top; 
	padding-right:45px;
	text-align:left;
}

#futer {
	background-image:url(images/bawah.jpg); 
	height:85px; 
	vertical-align:top; 
	margin:0;
}


#frame {
	border:none;
	width:496px;
	height:110px;
}

#frame2 {
	border:none;
	width:570px;
	height:400px;
}

#frame3 {
	border:none;
	width:530px;
	height:1800px;
}

#box_konten {
	margin:0;
	width:200px;
	text-align:left;
}

#box {
	background-image:url(images/box_body.jpg);
	background-repeat:repeat-y;
}

#box_bwh {
	background-image:url(images/box_botom.jpg);
	height:8px;
}

#content {
	font-family:trebuchet MS;
	color:#333333;
	font-size:12px;
	text-align:justify;
	padding-left:40px;
}

#content_t {
	font-family:trebuchet MS;
	color:#333333;
	font-size:12px;
	text-align:justify;
	padding-left:30px;
}

#content_bawah {
	font-family:trebuchet MS;
	color:#333333;
	font-size:12px;
	text-align:justify;
	padding-top:20px;
	padding-left:170px;
}

#berita_lite {
	font-family:trebuchet MS;
	color:#333333;
	font-size:12px;
	text-align:justify;
	padding-left:20px;
}

#content_galeri {
	padding-left:35px;
}

#content_galeri_home {
	padding-left:40px;
}

#image {
	border-color:#999999;
	border-width:1px;
	margin:15px 10px 5px 0;
}

#content_hr {
	font-family:Arial;
	color:#333333;
	font-size:12px;
	text-align:justify;
	padding-left:30px;
}

#content_title {
	font-family:Arial;
	color:#000099;
	font-size:18px;
	text-align:left;
	padding-left:30px;
	font-weight:bolder;
}

#news_title {
	font-family:Arial;
	color:#000099;
	font-size:16px;
	text-align:left;
	padding-left:30px;
	font-weight:bolder;
}

#news_title_2 {
	font-family:Arial;
	color:#000099;
	font-size:18px;
	text-align:left;
	padding-left:40px;
	font-weight:bolder;
}

div.body_right {
	background-image:url(images/body_right.jpg);
	background-repeat:repeat-y;
	width:45px;
	height:100%;
	border:1px solid black;
}

#module_title {
	background-image:url(images/box_top.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	width:200px;
	height:32px;
	vertical-align:top;
}

.mod_title {
	padding-top:2px;
	padding-left:17px;
	font-family:"comic Sans MS", Arial;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
}

#menu {
	width:746px;
	height:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#330000;
}

.time {
	font-family:Arial, Helvetica, sans-serif;
	color:#000066;
	padding-left:15px;
	padding-bottom:3px;
}

.polling {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11.5px;
	color:#000066;
	padding-top:5px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:3px;
}

.tabel_border {
	border-bottom-color:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

/*pencarian*/
#content_title_search a{
	font-family:Arial;
	font-size:12px;
	text-align:left;
	padding-left:30px;
	font-weight:bolder;
	text-decoration:none;
}

#content_cari {
	font-family:trebuchet MS;
	color:#333333;
	font-size:12px;
	text-align:justify;
	padding-left:30px;
}

/*read-more*/
#selengkapnya {
	text-decoration:none;
	font-style:italic;
	color:#996600;
}

#selengkapnya:hover {
	font-weight:bold;
}

#selengkapnya:visited {
	text-decoration:none;
	color:#996600;
}

/*--paging--*/
#pages {
	font-family:Arial;
	font-size:13px;
	text-align:left;
	padding-left:40px;
	width:500px;
	text-align:right;
}

#pages a {
	text-decoration:none;
	color:#666666;
}

#pages a:hover {
	font-weight:bold;
	text-decoration:underline;
}

#pages a:active {
	text-decoration:underline;
	color:#990000;
}

/*--links--*/
.links {
	padding-left:15px;
	padding-bottom:3px;
	font-family:Arial;
	font-size:11px;
	line-height:20px;
}

.links a {
	color:#000066;
	text-decoration:none;
}

.links a:hover {
	font-weight:bold;
	color:#000066;
}

.links a:visited {
	color:#000066;
	text-decoration:none;
}

/*--links_lite--*/
.links_lite {
	padding-left:45px;
	padding-bottom:3px;
	font-family:Trebuchet MS;
	font-size:12px;
	line-height:20px;
	text-align:left;
}

.links_lite a {
	color:#000000;
	text-decoration:none;
}

.links_lite a:hover {
	font-weight:bold;
	color:#000000;
}

.links_lite a:visited {
	color:#000000;
	text-decoration:none;
}

/*--nav menu--*/
.solidblockmenu, .solidblockmenu li, .solidblockmenu ul{
	list-style:none;
	margin: 0;
	padding: 0;
}

.solidblockmenu{
	font: bold 14px Arial;
	width: 100%;
	/*position: relative;*/
 	z-index: 597;
 	float: left;
}

.solidblockmenu li {
 	float: left;
 	line-height: 1.3em;
 	vertical-align: middle;
 	zoom: 1;
}

.solidblockmenu li.hover,
.solidblockmenu li:hover {
	position: relative;
 	z-index: 599;
}

.solidblockmenu ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

.solidblockmenu ul li {
 float: none;
}

.solidblockmenu ul ul {
 top: 1px;
 left: 99%;
}

.solidblockmenu li:hover > ul {
 visibility: visible;
}

.solidblockmenu li a{
	float: left;
	color: black;
	padding: 9px 20px;
	text-decoration: none;
	border-right: 1px solid #999999;
}

.solidblockmenu li a:visited{
	color: black;
}

.solidblockmenu li a:hover, .solidblockmenu li #current{
	color: white;
	border-right: 1px solid white;
	background: transparent url(images/blockactive.gif) center center repeat-x;
}

.solidblockmenu ul a {
 	width: 110px;
	background-color:#FFFFFF;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

.solidblockmenu ul a:visited{
	color: black;
}

.solidblockmenu ul a:hover{
	color: white;
	background: transparent url(images/blockactive.gif) center center repeat-x;
}

/* Sample 1*/
#box1{
	position:absolute;
}
#box1 span{
	display:block;
	float:left;
}

.sample{padding:5px 5px; margin:2px 2px 2px 2px; border:1px solid #e1e1e1}

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.mask1{
	position:relative;
	width:480px;
	height:96px;
	overflow:hidden;
}
.mask2{
	position:relative;
	width:240px;
	height:180px;
	overflow:hidden;
}
.mask3{
	position:relative;
	width:480px;
	height:240px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
}

/* tip */
.tTip {
	cursor: pointer; 
}

.tip {
	width: 212px;
	padding-top: 37px;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 500;
	background: transparent url(images/tipTop.png) no-repeat top;}
	
.tipMid {background: transparent url(images/tipMid.png) repeat-y; padding: 0 25px 20px 25px;}
.tipBtm {background: transparent url(images/tipBtm.png) no-repeat bottom; height: 32px;}

/* galeri thumb */
.thumbnail_gale {
	float:left;
	width:110px;
	height:90px;
	margin:5px;
}