/* CSS TOTALOKAL Document */
body{
	padding:0; margin:0; background:url(images/header_bg.gif) repeat-x #000; color:#A5A5A4;
	}
div, ul, h1, h2, h3, h4, p, img, form{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
	}
.blank{
	font-size:0px; clear:both; line-height:0px;
	}
/*--------------------------------header pan---------------------------*/
#headerPan{
	width:785px; margin:0 auto 0 auto; background:url(images/header_bg.gif) no-repeat; height:250px;
	}
#headerPan ul{
	width:692px; margin:0 0 0 45px; display:block; height:20px; background-color:#000000; border:outset #FF0000;
	}
#headerPan ul li{
	display:block; float:left; height:25px; margin:0; padding:0;
	}
#headerPan ul li a{
	font: bold 16px/21px  Arial, Helvetica, sans-serif; padding:0 16px 0 20px; color:#FF0000;
	background-color:#000000; text-decoration:none; margin:0; height:21px;
	}
#headerPan ul li a:hover{
	font: bold 16px/20px  Arial, Helvetica, sans-serif; padding:0 16px 0 20px;
	color:#FF0000; background:url(images/menu_bg.gif) #000000;
	}
#headerPan h1{
	background:url(images/header_pic.gif) no-repeat; margin:10px 0 0 0;  width:777px; height:150px;  display:block;
	text-indent:-2000px; border:outset #FF0000;
	}
#headerPan waktu{
	width:235px; height:20px; display:block; background-color:#171717; border:#FF0000 1px solid; margin:10px 0 0 0; color:#ACACAC;
	float:left; padding:0 0 0 3px;
	}
#headerPan form{
	width:268px; height:33px; background:url(images/) no-repeat 0 0; margin:20px 0 0 525px; font-size:0;
	padding:0; border:#FF0000 2px;
	}
#headerPan form input{
	width:158px; height:22px; display:block; background-color:#171717; border:#FF0000 1px solid; color:#ACACAC;
	float:left; margin:7px 0 0 5px; padding:0 0 0 5px;
	}
#headerPan form input.button{
	width:35px; height:35px; background:url(images/search_button.gif) no-repeat 0 0; margin:0 0 0 0; float:left; cursor:pointer; border:none;
	}
#headerPan form input.submit{
	width:35px; height:35px; background:url(images/search.gif) no-repeat 0 0; margin:0 0 0 0; float:left; cursor:pointer; border:none;
	}
	
/*----------------------------------body part----------------*/
#mainBody{
	width:785px; margin:5px auto 0 auto; background:url(images/mainboby.png)
	}
/*-------------left side------*/
#leftPan{
	width:175px; color:#B6B6B5; background:url(images/left_side_up.gif) no-repeat 0 0 #171717; padding:15px 0 0 0; float:left;	
	}
#leftPan p{
	background:url(images/left_side_down.gif) no-repeat bottom left; height:8px; font-size:0; display:block;
	}
#leftPan h2{
	background:url(images/logo_tl_bulat.png) no-repeat 0 0 #171717; color:#fff; width:130px; height:34px; display:block;
	margin:0px 0 0 10px; font: normal 20px/34px Arial bold, Helvetica, sans-serif; padding: 0 0 0 25px;
	}
#leftPan total{
	background:url(images/totalokal_pic_edisi6.png) no-repeat 0 0 #171717; color:#fff; width:150px; height:180px;  display:block; margin:0px 0 0 12px; font: normal 12px/14px Arial bold, Helvetica, sans-serif; padding: 0 0 0 2px;
	}
#leftPan linkweb{
	background-color:#454545; no-repeat 0 0 #171717; color:#fff; width:130px;   display:block; margin:0 0 0 18px; font: normal 12px/14px Arial bold, Helvetica, sans-serif; padding: 5px 5px 5px 5px; 
	}
#leftPan ul{
	width:150px; display:block; margin:6px 0 24px 14px; font-size:0;
	}
#leftPan ul li{
	background:url(images/left_side_arrow.gif) no-repeat 0 9px; padding: 0 0 0 11px; display:block; height:25px;
	}
#leftPan ul li a{
	font:12px/24px Arial, Helvetica, sans-serif; color:#B6B6B5; text-decoration:none; background-color:#171717; display:block;
	}
#leftPan ul li a:hover{
	background-color:#454545; color:#B6B6B5;
	}
#leftPan h3{
	color:#ff0000; width:150px; height:24px; display:block; margin:0px 0 15px 15px; padding: 0 0 0 0; background-color:#171717;	
	font: normal 18px/24px Arial, Helvetica, sans-serif; 
	}
#leftPan h3.lor{
	background:url(images/lor_bg.png) no-repeat  #171717; color:#ff0000; display:block; width:116px; height:56px;
	font: bold 12px/18px Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0 0 10px 26px; padding:3px 0 0 10px;
	}
#leftPan ul.says{
	width:150px; height:100px; align:right; display:block; margin:2px 0 14px 25px; font-size:0; overflow:auto;
	}
#leftPan ul.says li{
	background:none; display:block; margin:0; padding:0;
	}
#leftPan ul.says li a{
	font:14px/18px Arial, Helvetica, sans-serif; color:#A5A5A4; text-decoration:none; text-transform:uppercase;
	background-color:#171717;
	}
#leftPan ul.says li a:hover{
	text-decoration:none; background-color:#171717; color:#A5A5A4;
	}
#leftPan a.more{
	width:120px; height:15px; display:block; color:#FF0000; margin: 0 0 24px 25px; padding:0 0 0 5px; border:outset ;
	font:14px/10px Arial, Helvetica, sans-serif;
	}
#leftPan a.more:hover{
	background-color:#000000; color:#FF0000;
	}
/*-------------------------------right-------*/
#rightPan{
	width:590px; margin:0 0 0 0px; float:right;
	}
#rightPan h2.about{
	width:550px;
	height:80px;
	display:block;
	margin:10px 0 20px 40px;
	background:url(images/tentang_totalokal.png) no-repeat #000; 
	padding:0;
	text-indent:-2000px;
		}
#rightPan h2.artikel{
	width:550px;
	height:80px;
	display:block;
	margin:10px 0 20px 40px;
	background:url(images/artikel_totalokal.png) no-repeat #000; 
	padding:0;
	text-indent:-2000px;
		}
#rightPan h2.galeri{
	width:550px;
	height:80px;
	display:block;
	margin:10px 0 20px 40px;
	background:url(images/galeri_totalokal.png) no-repeat #000; 
	padding:0;
	text-indent:-2000px;
		}
#rightPan h2.buku{
	width:550px;
	height:80px;
	display:block;
	margin:10px 0 20px 40px;
	background:url(images/buku-tamu_totalokal.png) no-repeat #000; 
	padding:0;
	text-indent:-2000px;
		}
#rightPan h2.download{
	width:550px;
	height:80px;
	display:block;
	margin:10px 0 20px 40px;
	background:url(images/download_totalokal.png) no-repeat #000; 
	padding:0;
	text-indent:-2000px;
		}
#rightPan h2.kontak{
	width:550px;
	height:80px;
	display:block;
	margin:10px 0 20px 40px;
	background:url(images/kontak_totalokal.png) no-repeat #000; 
	padding:0;
	text-indent:-2000px;
		}
#rightPan p{
	width:585px; font:14px/20px Arial, Helvetica, sans-serif; color:#A5A5A4; background-color:#000000; display:block;
	margin:0 0 0 0;
	}
#rightPan chat{
	width:580px; font:14px/20px Arial, Helvetica, sans-serif; color:#A5A5A4; background-color:#000000; display:block;
	margin:0 0 0 0;
	}
#rightPan p span{
	color:#FF0000; background-color:#000000; font-size:17px; font-weight:bold;
	}
#rightPan p.more{
	width:500px; border:#353535 1px solid; height:18px; background-color:#171717; color:#FFFFFF; margin:10px 0 25px 0;
	padding:3px 3px 0 0;
	}
#rightPan p.more a{	
	display:block; text-align:right; text-decoration:none;  font:14px/15px Arial, Helvetica, sans-serif; width:80px; height:15px; background:url(images/read_more_arrow.gif) no-repeat right center #000000; color:#FF0000; float:right; padding:0 25px 0 0;
	}
#rightPan p a:hover{
	text-decoration:underline;
	}
#rightPan h3{
	font:24px/22px Arial, Helvetica; color:#FFFFFF; background-color:#000000; display:block; margin:0 0 0 5px;
	height:27px; padding:10px 0px 0 5px;
	}
/*-------------------------------right isi-------*/
#rightPan p.one{
	 color:#FF0000; font:16px/20px Arial Bold; display:block; width:550px; 
	padding:20px 0px 8px 40px; margin:0 0 0 0; background:url(images/zie_head.png) no-repeat 0px 0px #1C1C1C;
	}
#rightPan p.hig{
	background-color:#333333; color:#8C8C8B; font:12px/20px Arial, Helvetica, sans-serif; display:block; width:580px; 
	padding:5px 0px 5px 12px; margin:0px 0 0 0;
	}
#rightPan isi{
	 color:#D3D3D3; font:11px/20px Arial; display:block; width:550px; 
	padding:5px 0px 0 0; margin:5px 0 0 10px; 
	}
#rightPan p.hig1{
	background-color:#333333; color:#8C8C8B; font:14px/20px Arial, Helvetica, sans-serif; display:block; width:580px; 
	padding:16px 0px 0 12px; margin:5px 0 0 0;
	}
#rightPan p.more1 {
	background-color:#151515; color:#8C8C8B; padding:7px 0 13px 14px; width:500px; margin:0 0 5px 0 ;
	}
#rightPan p.more1 a{
	background-color:#000000; color:#FF0000; width:490px; display:block; font:14px/14px Arial, Helvetica, sans-serif;
	text-decoration:none; text-align:right; padding:0 3px;
	}
#rightPan p.more1 a:hover{
	color:#fff; background-color:#FF0000; text-decoration:none;
	}
#rightPan ul{
	width:570px; display:block; margin:25px 0 0 25px;
	}
#rightPan ul li{
	display:block; height:35px; padding:98px 0 10px 5px; float:left; width:141px; margin:25px 0 0 25px;
	}
#rightPan ul li.time{
	display:block; background:url(images/time_manager.gif) no-repeat 21px 0; height:35px;
	}
#rightPan ul li.time a{
	height:35px; background-color:#1C1C1C; border-bottom:#393939 1px solid; border:#393939 1px solid; display:block; font:14px/16px Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 39px 0 37px; text-decoration:none;
	}
#rightPan ul li.time a:hover{
	background-color:#080808; color:#FF0000; text-decoration:none;
	}
#rightPan ul li.latest{
	display:block; background:url(images/latest.gif) no-repeat 21px 0; height:35px; 
	}
#rightPan ul li.latest a.la{
	height:35px; background-color:#1C1C1C; border:#393939 1px solid; 
	 display:block;  font:14px/16px Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 39px 0 37px; text-decoration:none; 
	}
#rightPan ul li.latest a.la:hover{
	background-color:#080808; color:#FF0000; text-decoration:none;
	}
#rightPan ul li.what{
	display:block; background:url(images/what_news.gif) no-repeat 21px 0; height:35px; 
	}
#rightPan ul li.what a.wh{
	height:35px; background-color:#1C1C1C; border:#393939 1px solid; 
	display:block;  font:14px/16px Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 39px 0 37px; text-decoration:none; border-right:#393939 1px solid;
	}
#rightPan ul li.what a.wh:hover{
	background-color:#080808; color:#FF0000; text-decoration:none;
	}
/*-------------------------------footer---------*/
#footerMain{
	background:url(images/footer_bg.gif) repeat-x 0 0; width:100%; margin:5px auto 0 auto;
	}	
#footer{
	background:url(images/footer.gif) no-repeat 0 0; height:115px; width:785px; margin:0 auto 0 auto; padding:50px 0 0 0;
	}
#footer ul{
	width:550px; display:block; margin:0px 0 0 250px; padding:0; font-size:0; height:40px; 
	}
#footer ul li{
	color:#9B9B9B; font:14px/18px  Arial, Helvetica;  float:left; background-color:#transparent;
	padding:0; margin:0;
	}
#footer ul li a{
	color:#9B9B9B; font:12px/18px  Arial, Helvetica;  background-color:#transparent;
	text-decoration:none; padding:0 6px 0 6px; 
	}
#footer ul li a:hover{
	color:#FF0000;
	text-decoration:underline;
	}
#footer p{
	width:300px;
	display:block;
	font:12px  Arial, Helvetica, sans-serif;
	color:#FF0000;
	margin:42px 0 0 470px;
	background-color:#transparent;
	padding:0px 0 9px 0;
	}
#footer p.copy{
	width:180px; display:block; font:12px/18px  Arial, Helvetica, sans-serif; color:#FFFFFF; margin:0;
	background-color:#transparent; padding:0px; float:right; display:block;
	}
#footer p.copy a{
	text-decoration:none; color:#FFFFFF; background-color:#transparent;
	}
#footer p.copy a:hover{
	text-decoration: none; color:#FF0000;
	}