@charset "utf-8";

/* CSS Document */



body {

	background-color: #F6C59C;

	background-image: url(../images/bg-baru-01.jpg);

	background-repeat: repeat-x;

}



#page {

	background-color: #ffffff;

	width: 970px;

	border: 2px solid #FFFFFF;

	overflow: hidden;

	margin-left: auto;

	margin-right: auto;

}

/************ Bagian Kepala *************/



#head {

	height: 191px;

	width: 970px;

	background-image: url(../images/head-baru-01.jpg);

	background-repeat: no-repeat;

}



/** Menu Utama **/

#menu_utama {

	height: 33px;

	width: 920px;

	background-image: url(../images/bg-menu.jpg);

	background-repeat: repeat-x; 

	float: left;

}



.menu_horizontal {

	overflow: hidden;

}



.menu_horizontal ul{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;

	font-weight: bold;

	list-style-type: none;

	padding: 0px;

	margin: 0px;

}



.menu_horizontal li{

	display: inline;

}



.menu_horizontal li a{

	float: left;

	display: block;

	text-decoration: none;

	padding: 10px 10px;

	color: #FFFFFF;

	background: url(../images/batas-menu.gif) 0 0 no-repeat;

}



.menu_horizontal li a:hover, .menu_horizontal li.selected a:hover{

	background: #000000;

	height: 15px;

}



#space_menu {

	height: 33px;

	width: 50px;

	float: left;

	background-image: url(../images/bg-menu-asp.jpg);

}



/** Sub Menu Utama **/

#submenu_utama {

	height: 25px;

	width: 920px;

	background-image: url(../images/bg-submenu.jpg);

	background-repeat: repeat-x; 

	float:left;

}



.submenu_horizontal {

	overflow: hidden;

}



.submenu_horizontal ul{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	font-weight: bold;

	list-style-type: none;

	padding: 0px;

	margin: 0px;

}



.submenu_horizontal li{

	display: inline;

}



.submenu_horizontal li a{

	float: left;

	display: block;

	text-decoration: none;

	padding: 7px 10px;

	color: #FFFFFF;

	background: url(../images/batas-menu.gif) 0 0 no-repeat;

}



.submenu_horizontal li a:hover, .submenu_horizontal li.selected a{

	background: #000000;

	height: 15px;

}



#space_submenu {

	width: 50px;

	height: 25px;

	float: left;

	background-image: url(../images/bg-submenu.jpg);

	background-repeat: repeat-x;

}



/**************** Iklan Utama di hal Index **********/

#iklan_utama {

	width: 770px;

	height: 390px;

	background-image: url(../images/bg-iklan-utama.jpg);

	background-repeat: repeat-x;

	float: left;

	text-align: center;

	padding-top: 10px;

}



/************ Kolom Kanan ******/



#menu_kanan {

	width: 200px;

	/*height: 960px;*/

	height:auto;

	background-color: #D9242B;

	float: right;

	border: none;

}



/* Menu Utama di Kolom kanan */



#link_kanan{

	width: 180px;

	height: 250px;

	margin: 10px 10px 0px 10px;

	overflow: hidden;

}



#link_1 a{ display: block; width: 180px; height: 50px; 

	background-image:url(../images/btn-forum.png); text-decoration: none; }

#link_1 a:hover{ background-image:url(../images/btn-forum-merah.png); }



#link_2 a{ display: block; width: 180px; height: 50px;

	background-image:url(../images/btn-klub.png); text-decoration: none; }

#link_2 a:hover{ background-image:url(../images/btn-klub-merah.png); }



#link_3 a{ display: block; width: 180px; height: 50px; 

	background-image:url(../images/btn-hc3.png); text-decoration: none; }

#link_3 a:hover{ background-image:url(../images/btn-hc3-merah.png); }



#link_4 a{ display: block; width: 180px; height: 50px;

	background-image:url(../images/btn-act.png); text-decoration: none; }

#link_4 a:hover{ background-image:url(../images/btn-act-merah.png); }



#link_5 a{ display: block; width: 180px; height: 50px;

	background-image:url(../images/btn-hgp.png); text-decoration: none; }

#link_5 a:hover{ background-image:url(../images/btn-hgp-merah.png); }



#pengunjung {

	width: 180px;

	height: 120px;

	border: 1px solid #FFFFFF;

	background-color: #73B2E7;

	margin: 10px 10px 0px 10px;

	text-align: center;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;

}



#polling {

	width: 180px;

	height: 200px;

	border: 1px solid #FFFFFF;

	background-color: #73B2E7;

	margin: 10px 10px 0px 10px;

	text-align: center;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;

}



.menu_dev {

	margin-left: 0px;

}



.menu_dev a {

	width: 120px;

	display: block;

	border: 1px solid #666666;

	background-image: url(../images/btn-gen.png);

	background-repeat: repeat-x;

	text-decoration: none;

	padding: 6px 0px 6px 0px;

	margin: 4px 0px 0px 30px;

	font-weight: bold;

	color: #FFFFFF;

}



.menu_dev a:hover {

	background-image: url(../images/btn-gen-hov.png);

	background-repeat: repeat-x;

	text-decoration: none;

}







/************ Kolom Kiri ******/



/* Berita */



#berita {

	width: 770px;

	background:#98CAF3;

	float: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

	text-align: justify;

	line-height:18px;	

}



#berita img {

	width: 100px;

	height: 100px;

	margin: 16px 7px 7px 0px;

	border: 1px solid #2F71A9;

	padding: 3px;

}



#kol_berita_1 {

	width: 356px;

	height: 248px;

	border: 1px solid #2F71A9;

	background-color: #DFEEFB;

	margin: 10px 0px 0px 10px;

	float: left;

	overflow: hidden;

	padding: 6px;

}



#kol_berita_2 {

	width: 356px;

	height: 248px;

	border: 1px solid #2F71A9;

	background-color: #DFEEFB;

	margin: 10px 10px 0px 0px;

	float: right;

	overflow: auto;

	padding: 6px;

}



.judul_berita {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	color: #A64C26;

}



.ket_berita {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #A64C26;

}



#berita a {

	color:#339900;

	text-decoration: none;

	font-weight: bold;

}



#berita a:hover {

	color:#FF9900;

}



#kol_tips {

	width: 356px;

	/*height: 230px;*/

	border: 1px solid #2F71A9;

	background-color: #DFEEFB;

	margin: 10px 0px 0px 10px;

	float: left;

	overflow: hidden;

	padding: 6px;

}



#link_tips {

	width: 735px;

	height: 160px;

	border: 1px solid #2F71A9;

	background-color: #DFEEFB;

	margin: 10px 0px 0px 10px;

	float: left;

	overflow: auto;

	padding: 6px;

}



#link_tips img {

	margin: 16px 17px 7px 0px;

	border: 1px solid #2F71A9;

	padding: 3px;

}



#link_tips a {

	color:#339900;

	text-decoration: none;

	font-weight: bold;

}



#link_tips a:hover {

	color:#FF9900;

}



#sin_berita_kotak {

	width: 370px;

	height: 640px;

	border: 1px solid #2F71A9;

	background-color: #DFEEFB;

	margin: 5px 0px 0px 5px;

	float: left;

	overflow: hidden;

	padding: 2px;

}



#sin_berita_dlm {

	width: 346px;

	height: 190px;

	/*border: 1px solid #2F71A9;

	background-color: #FFFFFF;*/

	margin: 5px 0px 0px 5px;

	float: left;

	overflow: hidden;

	padding: 4px 6px 4px 6px;

	line-height: 14px;

}



#det-berita {

	/*height: 560px;*/

	width: 770px;

	background:#98CAF3;

	float: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

	text-align: justify;

	line-height:18px;	

}



#isi-berita {

	width: 735px;

	height: 740px;

	border: 1px solid #2F71A9;

	background-color: #DFEEFB;

	margin: 10px 0px 0px 10px;

	float: left;

	overflow: auto;

	padding: 6px;

}



#isi-berita img {

	margin: 16px 17px 7px 0px;

	border: 1px solid #2F71A9;

	padding: 3px;

}



#isi-berita ol {

	list-style-position:inside;

}



#link_loker {

	width: 330px;

	height: 25px;

	margin: 4px 0px 0px 8px;

	float: left;

	overflow: hidden;

}



#link_loker a {

	color:#339900;

	text-decoration: none;

	font-weight: bold;

	display:block;

	border: 1px solid #2F71A9;

	background-color: #FFFFF0;

	padding: 2px 10px 2px 10px;

}



#link_loker a:hover {

	background-color: #339900;

	color: #FFFFFF;

}



#syarat_loker {

	width: 340px;

	height: 240px;

	border: 1px solid #2F71A9;

	background-color: #DFEEFB;

	margin: 10px 0px 0px 20px;

	overflow: auto;

	padding: 6px;

	float: left;

}



#syarat_loker p {

	font-size:12px;

	font-weight:bold;

	color:#009900;

}



#alamat_loker {

	width: 722px;

	height: 100px;

	border: 1px solid #2F71A9;

	background-color: #FFFFFF;

	margin: 10px 0px 0px 20px;

	float: left;

	text-align: center;

	padding: 2px;

}



#buku-tamu-baru {

	width: 690px;

	/*border: 1px solid #2F71A9;*/

	background-color: #FFFFFF;

	margin: 0px 0px 0px 0px;

	float: left;

	padding: 6px;

}

#buku-tamu-quote {

	width: 690px;

	/*border: 1px solid #88CC88;*/

	background-color: #EAEAFA;

	margin: 0px 0px 0px 0px;

	float: left;

	padding: 6px;

	border-top: solid 1px #FFFFFF;

}

#coba_kotak {

	width: 702px; 

	border:solid #2F71A9 1px; 

	float:left; 

	margin:5px 0px 0px 0px;

}



#kotak-tipe-1 {

    width: 770px;

	background-color: #98CAF3;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	float: left;

	text-align: justify;

	line-height:18px;

	color: #000000;

}



#kotak-tipe-2 {

	border: 1px solid #2F71A9;

	background-color: #DFEEFB;

	margin: 4px 0px 0px 4px;

	float: left;

	overflow: hidden;

	padding: 8px;

}



.gambar {

	height:66px;
	
	width:66px;

	margin: 4px 4px 0px 0px;

	border: 1px solid #2F71A9;

	padding: 3px;

	float: left;

}

.gambar2 {

	margin: 4px 4px 0px 0px;

	border: 1px solid #2F71A9;

	padding: 3px;

	float: left;
}





/* UMUM */



#judul {

	height: 50px;

	width: 745px;

	background:#DFEEFB;

	float: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 24px;

	font-weight: bold;

	color: #A64C26;

	text-align: right;

	padding: 20px 20px 0px 5px;

}



#judul_2 {

	height: 50px;

	width: 745px;

	background:#98CAF3;

	float: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 24px;

	font-weight: bold;

	color: #A64C26;

	text-align: right;

	padding: 20px 20px 0px 5px;

}



#kotak_kanan {

	border: 1px solid #FFFFFF;

	background-color: #73B2E7;

	margin: 10px 10px 0px 10px;

	text-align: center;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;

}



#kotak_kanan #k_kanan_jdl {

	width:174px;

	padding:2px; 

	background-color:#FFFFFF; 

	color:#0066FF;

	font-size: 13px;

	font-weight: bold;

	margin-bottom: 10px;

}



#kotak_kanan a {

	color:#FFFFFF;

	text-decoration:none;

}



#kotak_kanan a:hover {

	font-weight: bold;

}



#kotak_kanan ul {

	margin-left: -20px;

}



/* Tentang Kami */

#tentang_kami {

	width: 730px;

	background:#DFEEFB;

	float: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

	text-align: justify;

	line-height:18px;	

	padding: 0px 20px 20px 20px;

}



#scrol{

	width: 700px;

	height: 520px;

	overflow: auto;

}



#scrol a{

	text-decoration: none;

	font-weight: bold;

}



/************ Footer ******/

#foot{

	height: 100px;

	width: 970px;

	float: left;

	border-top: 1px solid #E61717;

	text-align: center;

}



#menu_foot {

	height: 33px;

	width: 970px;

	background-color: #167CD1;

}



.menu_horiz_foot {

	overflow: hidden;

}



.menu_horiz_foot ul{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;

	font-weight: bold;

	list-style-type: none;

	line-height: 6px;

}



.menu_horiz_foot li{

	display: inline;

}



.menu_horiz_foot li a{

	text-decoration: none;

	color: #FFFFFF;

}



.menu_horiz_foot li a:hover, .menu_horiz_foot li.selected a{

	color: #000000;

}



/* sub menu footer */



#sub_foot {

	text-align: center;

	height: 25px;

	width: 970px;

	background-color: #71BCFB;

	margin-top: 2px;

}



.sub_horiz_foot {

	overflow: hidden;

}



.sub_horiz_foot ul{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;

	font-weight: bold;

	list-style-type: none;

	line-height: 4px;

}



.sub_horiz_foot li{

	display: inline;

}



.sub_horiz_foot li a{

	text-decoration: none;

	color: #FFFFFF;

}



.sub_horiz_foot li a:hover, .sub_horiz_foot li.selected a{

	color: #000000;

}



#foot_bawah{

	width: 970px;

	height: 60px;

	background-image:url(../images/footer-asp.png);

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #000000;

}



#footerbanner {

	width: 970px;

	bottom: 0px;

	margin-bottom: -5px;

	margin-left: auto;

	margin-right: auto;

	height: 80px;

	position: fixed;

	z-index: 99;

	/*right: 0;*/

	 _position:absolute;

	  _top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);

}



/** Begin of menu drop down **/

#sddm

{	margin: 0;

	padding: 0;

	z-index: 30

}



#sddm li

{	margin: 0;

	padding: 0;

	list-style: none;

	float: left;

	background-image: url(../images/bg-submenu.jpg);	

	font: bold 11px arial}



#sddm li a

{	display: block;

	margin: 0 1px 0 0;

	padding: 6px 10px;

	width: 86px;

	color: #FFF;	

	text-align: center;

	text-decoration: none}



#sddm li a:hover

{	background: #EF9E9D}



#sddm div

{	position: absolute;

	visibility: hidden;

	margin: 0;

	padding: 0;

	background: #EF9E9D;

	border: 1px solid #BC1414}



	#sddm div a

	{	position: relative;

		display: block;

		margin: 0;

		padding: 5px 10px;

		width: auto;

		white-space: nowrap;

		text-align: left;

		text-decoration: none;

		background: #FDEDED;

		color: #2875DE;

		font: 11px arial}



	#sddm div a:hover

	{	background: #49A3FF;

		color: #FFF}



/** End of menu drop down **/