/* CSS Document */
/*CSS Menu Start*/
#button{
	height:15px;
	background-color:#CCCCCC;
	text-align:center;
	border:1px #999999 outset;
}
#button a{
	color:#6b3b0d;
}
#button a:hover{
	color:#FFF;
}
a{
	color:#FFFFFF;
}
a:hover{
	text-decoration:none;
}
h1{
	font-size:16px;
	color:#FFFFFF;
	padding:1px;
	margin:1px;
}
th{
	background-color:#000;
	color:#fff;
	font-size:14px;
	text-align:center;
}
b{
	font-size:11px;
}
b.motto{
	font-weight:bold;
	font-size:14px;
}
.chromestyle{
width: 701px;
background-color:#000;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
width: 100%;
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 4px 1px;
margin: 0;
text-decoration: none;
font-size:11px;
color:#FFFFFF;
}

.chromestyle ul li a:hover{
/*background: url(../images/chromebg-over.gif) center center repeat-x; THEME CHANGE HERE*/
color:#9d0a0e;
}




/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Arial;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #F0F0F0; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}
/*CSS Menu End*/
body{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	line-height:2em;
	
}
#wraper{
	width:724px;
	border:0px #000 solid;
	height:auto;
	margin:0 14%;;
	background:url(../images/shadow_03.gif) repeat-y;
	padding-left:14px;
}
#promo{
	width:701px;
	height:350px;
	background:url(../images/promo.gif);
	margin-top:0;
	margin-bottom:0;
	

}
#promo #title h1{
	width:390px;
	text-align:center;
	margin:0;
	padding-top:80px;
	padding-left:250px;

}
#promo #title h1 a{
	font-size:38px;
	font-weight:bold;
	color:#9d0a0e;
	line-height:1.5em;
}
#paket{
	background:#FFF url(../images/mongkiki-index_08.gif) repeat-x bottom;
	height:173px;
	width:701px;
}
#paket img{
	float:left;
}
#paket_mongki{
	height:173px;
	width:150px;
	float:left;
	margin-left:11px;
	padding-left:11px
	padding-left:8px !important;
	margin-top:0px;
	font-size:10px;
	color:#666666;
	line-height:1.5em;
}

#paket_mongki h4{
	padding:0;
	margin:0;
	color:#666666;
}
#content{
	background:#6b3b0d url(../images/bgcontent.gif) repeat-y;
	width:701px;
	height:auto;
	padding:0px;
	float:left;
}
#content2clm{
	background:#6b3b0d url(../images/bgcontent-2clm.gif) repeat-y;
	width:701px;
	height:auto;
	padding:0px;
	float:left;
}
#content1clm{
	background:#6b3b0d url(../images/bgcontent-1clm.gif) repeat-y;
	width:701px;
	height:auto;
	padding:0px;
	float:left;
}
#content_left{
	
	width:177px;
	float:left;
}
#news_flash{
	height:230px;
	padding:5px;
	width:165px;
	
}
#content_center{
	padding:10px;
	width:355px;
	height:auto;
	float:left;
	text-align:justify;
}
#content_center2clm{
	padding:10px;
	width:495px;
	height:auto;
	float:left;
	text-align:justify;
}
#content_center1clm{
	padding:10px;
	width:680px;
	height:auto;
	float:left;
	text-align:justify;
}
#content_right{	
	width:140px;
	height:300px;
	float:left;
	margin-left:8px;

}

ul{
	line-height:2em;
}
ul li{
	list-style:url(../images/bullet.gif); 
	padding-top:5px;
}
ul li a{
	font-size:12px;
}
/*FAQ*/
#jawaban{
	padding:20px;
}
#jawaban #gen{
	margin-left:30px;
}
/*User Login*/
#login_wraper{
	margin-top:100px;
	width:220px;
	height:100px;
	border:1px #fff solid;
	margin-left:150px;
}
/*Paging*/
#paging{
	font-size:10px;
	width:100%;
	text-align:center;

}
#paging ul{
	list-style:none;
	padding:0;
	margin:0;
}
#paging ul li{
	display:inline;
	margin-right:3px;
	color:#FFF;
}
#paging ul li a{
	color:#FFF;
}
#paging ul li a:visited{
	color:#000;
}
/*End Of Page*/