/* CSS Document */
body{
color: #000;
background-color:#339966;

/* background:url() repeat-x fixed #fff; */
text-align:center;
margin:20px 0 20px 0; 
}
#bahasa{
float:right;
width:600px;
margin:0;
text-align:right;
color:#FFFFFF;
}
#bahasa a, #bahasa a:active, #bahasa a:visited{
font: 12px/1.6em comic sans ms, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
font-weight:bold;
color:#fff;
text-decoration:none;
}
#bahasa a:hover{
color:#4186BD;
text-decoration:none;
}
#wrapper{
margin:auto;
padding:0;
width:804px;
background:#000000;
display:block;
}
#top{
clear:both;
float:left;
width:804px;
height:180px;
margin:0;
padding:0;
}

#top img{
border:#00226c;
}
#topmenu{
clear:both;
float:left;
width:804px;
height:25px;
margin:0;
padding:0;
color:#228b22;
background:url(bg9.jpg) repeat;
}
.topleft{
float:left;
margin:0;
padding:0px 0 0  25px;
text-align:left;
border:#ff0000;
font:11px/1.6em tahoma, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
}
.topleft a, .topleft a:active, .topleft a:visited{
font: 11px/1.6em tahoma, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
font-weight:bold;
color:#ffff00;
text-decoration:none;
}
.topleft a:hover{
color:#ff0000;
text-decoration:none;
background:#ff0000;
}
.field{
border:1px solid #c8d1d8;
color:#000;
font: 11px/1.3em comic sans ms, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:normal;
width:75px;
}
.bot{
border:1px solid #003058;
background:url(bgbot1.jpg) repeat-x;
color:#fff;
font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:normal;
padding:1px 2px 1px 2px;
}
#main{
clear:both;
float:left;
width:800px;
margin:0;
padding:0px 0px  0px 0px;
background:#ffffff;
text-align:left;
border:2px solid #ffffff;
}
/* begin left area */
#left{
float:left;
width:175px;
margin:0;
padding:0 6px 0 0px;
}
.btlogin {
background: #ddd;
color:#000;
border:0;
font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
padding:0 2px 0 2px;
border:1px solid #385979;
}
.box{
clear:both;
float:left;
width:191px;
margin:0;
padding:0 0 0 0px;
background:url(bg3.jpg)repeat; 
}
.profile{
clear:both;
float:left;
width:170px;
padding:2px 0 8px 0;
border:0;
background:#1e3a61;
}
.profile img{
border:0;
}
.btop1{
clear:both;
float:left;
width:186px;
margin:0;
padding:5px 0px 0 5px;
background:url(bg3.jpg)repeat;
font:12px times, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
vertical-align:top;
color:#2e3d52;
font-weight:bold;
text-align:left;
}
.btop1 a:hover{
color:#18721a;
text-decoration:none;
background:#;
}
.btop{
clear:both;
float:left;
width:186px;
margin:;
padding:5px 0px 0 5px;
border-bottom:1px solid #ffd700;
border-top:px solid #ffd700;
background:#bdb76b;
font:15px tahoma, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
vertical-align:top;
color:#ffffff;
font-weight:bold;
text-align:left;
}
.btop2{
clear:both;
float:left;
width:186px;
margin:;
padding:5px 0px 0 5px;
border-bottom:1px solid #;
border-top:px solid #;
background:url(bg7.jpg) repeat;
font:13px tahoma, 'Lucida Sans Unicode', 'Lucida Grande', arial;
vertical-align:top;
color:#ffffff;
font-weight:bold;
text-align:center;
}
.bcont{
clear:both;
float:left;
width:178px;
margin:0;
padding:4px;
font:12px/1.5em tahoma, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
color:#2e3d52;
}
#harga, #harga p{
clear:both;
float:left;
width:152px;
margin:0;
padding:0px;
font:10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#2e3d52;
}
.hargabox{
clear:both;
float:left;
width:152px;
margin:0;
padding:0 0 2px 0;
border-bottom:1px solid #cfcfcf;
}
.hleft{
float:left;
width:74px;
margin:0;
padding:0;
}
.hright{
float:left;
width:74px;
margin:0;
padding:0 0px 0 4px;
text-align:right;
}
.bcontbox p{
clear:both;
float:left;
width:148px;
font:10px/1.5em Tahoma, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#2e3d52;
margin:0;
padding:0 0 0px 4px;
}
.ajud{
clear:both;
float:left;
width:148px;
font:11px/1.5em Tahoma, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
color:#2e3d52;
margin:0;
padding:4px 0 2px 0;
}
.cuacabox p{
clear:both;
float:left;
width:142px;
font:13px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#001540;
margin:0;
padding:0 0 6px 10px;
}
.kursbox{
clear:both;
float:left;
width:152px;
font:12px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#001540;
margin:0;
padding:0;
}
.title{
font:10px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
margin:0px;
color:#202931; 
text-decoration: none;
font-weight:bold;
}
.bcontbox a:link, .bcontbox a:visited, .bcont a:link, .bcont a:visited {
font:10px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#001540; 
text-decoration: none;
background:none;
}
.bcontbox a:hover, .bcont a:hover {
text-decoration: underline;
color: #ff0000;
}
.menu{
	padding:0;
	margin:0;
	width:167px;
}
.menu a, .menu a:active, .menu a:link, .menu a:visited {
font: 10px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
display:block;
margin:4px 0 4px 0;
padding:1px 1px 1px 1px;
color:#000;
font-weight:bold;
background:#;
text-decoration:none;
border-left:0px solid #8E989D;
border-bottom:1px solid #dcdcdc;
width:178px;
}
.menu a:hover{
color:#a00;
background: #c0c0c0 ;
border-left:0px solid #424A60;
padding-left:0px;
}
.menu ul{
list-style:none;
margin:0;
padding:0 0 0 0px;
width:186px;
}

.menu li, .menu li:hover{
position:relative;
}
.menu li ul{
position:absolute;
top:0;
left:100.1%;
display:none;
border-left:0px solid #cbd0d6;
border-top:0px solid #cbd0d6;
border-bottom:px solid #cdb0d6;
border-right:0px solid #cbd0d6;
padding:0;
}

.menu li ul a, .menu li ul a:active, .menu li ul a:link, .menu li ul a:visited {
font: 13px/1.3em comic sans ms, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
display:block;
margin:0;
padding:2px 0px 2px 2px;
color:#000;
font-weight:normal;
background:#5f9ea0;
text-decoration:none;
border-left:0px solid #8E989D;
border-bottom:1px solid #d4d3d3;
border-color:#ff0000;
width:168px;
}
.menu li ul a:hover{
color:#a00;
background: #c0c0c0 ;
border-left:0px solid #424A60;
padding-left:4px;
} 

.menu ul ul,
.menu ul ul ul,
.menu ul li:hover ul ul,
.menu ul li:hover ul ul ul
{display:none;}

.menu ul li:hover ul,
.menu ul ul li:hover ul,
.menu ul ul ul li:hover ul
{display:block;
}

/* End non-anchor hover selectors */

/* Styling for Expand */
.menu a.x, .menu a.x:visited, .menu a.x:active{
background:#8fbc8f url(menuarrow.jpg) no-repeat  left;
color:#000;
background-position:0 -5px;
font-weight:normal;
}

.menu a.x:hover{
background:#d7dade url(menuarrow.jpg) no-repeat  left;
color:#a00;
background-position:0 -49px;
}


.bbot{
clear:both;
float:left;
width:160px;
height:15px;
margin:0;
padding:0;
background:url() repeat-y #; 
}
/* end left area */

/* begin center area */
#center{
float:left;
width:595px;
margin:0;
padding:0px 0 0 12px;
}
#welcome img{
border:0;
margin:0;
padding:0;
}
.cbox{
clear:both;
float:left;
width:589px;
margin:0px 0 0px 0;
padding:0;
}
.cbox2{
clear:both;
float:left;
width:589px;
margin:0px 0 0px 0;
padding:0;
}
.cboxtop{
clear:both;
float:left;
width:595px;
margin:0;
padding:0px 6px 0 6px;
background:#ffffff;
font:14px/1.2em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
color:#000000;
text-align:justify;
}
.cboxtop2{
clear:both;
float:left;
width:607px;
height:26px;
margin:0px 0 0px 0;
padding:1px 0 0 0px;
background:#eee8aa;
border-top:1px solid #18721a;
border-bottom:1px solid #18721a;
font:14px/1.6em times, 'verdana', 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
text-align:center;
color:#b22222;
}
.cboxtop3{
clear:both;
float:left;
width:595px;
margin:0;
padding:0px 6px 0 6px;
background:#ffffff;
font:11px/1.1em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#00008b;

}
.cboxtop2 a:hover{
color:#008000;
text-decoration:none;
background:#;
}
.cboxcont{
clear:both;
float:left;
width:595px;
margin:0;
padding:6px;
background:#ffffff;
font:13px/1.1em arial, 'verdana', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
color:#202931;
text-align:justify;
}
.cboxcont img{
border:1px solid #666666;
}
.cboxconts{
clear:both;
float:left;
width:595px;
margin:0;
padding:6px;
background:#8fbc8f;
font:13px/1.6em tahoma, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#008000;
text-align:left;
}

.cboxconts2{
clear:both;
float:left;
width:595px;
margin:0;
padding:6px;
background:#ffffff;
font:13px/1.2em tahoma, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000000;
text-align:justify;
}
.cboxconts3{
clear:both;
float:left;
width:595px;
margin:0px;
padding:6px;
background:url() no-repeat #ffffff;
font:13px/1.6em tahoma, 'verdana', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
color:#000000;
text-align:right;
}
.cboxconts4{
clear:both;
float:left;
width:595px;
height:148px;
margin:0px;
padding:6px;
background:url() repeat-x #ffffff;
font:13px/1.6em tahoma, 'verdana', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
color:#000000;
text-align:justify;
}
.cboxconts4 a:hover{
color:#008000;
text-decoration:none;
background:#;
}
.cboxconts3 a:hover{
color:#ff0000;
text-decoration:none;
background:#;
}

h1{
font: 15px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
color:#162A45;
padding:0px;
margin:0;
}
h2{
clear:both;
float:left;
width:593px;
font: 14px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
color:#162A45;
padding:5px 0 5px 0px;
}
h3{
font: 13px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
color:#162A45;
padding:0px;
margin:5px0 5px 0;
}
h4{
clear:both;
float:left;
width:593px;
font: 12px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
color:#162A45;
padding:5px 0 5px 0px;
}
h5{
clear:both;
float:left;
width:593px;
font: 11px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
color:#162A45;
padding:5px 0 5px 0px;
}
h6{
clear:both;
float:left;
width:593px;
font: 10px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
color:#162A45;
padding:5px 0 5px 0px;
}

.cboxconttab{
clear:both;
float:left;
width:595px;
margin:0;
padding:6px;
background:#e8f0f3;
font:13px/1.2em tahoma, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000000;
text-align:justify;
}
#gal{
clear:both;
float:left;
width:593px;
margin:0;
padding:0;
border:0px solid #eeeeee;
}
#gal img{
border:0;
float:none;
}
.galleft{
float:left;
width:195px;
height:150px;
padding:5px 8px 15px 9px;
margin:0;
border:0px solid #eeeeee;
}

.topmenu{
clear:both;
float:left;
width:345px;
margin:4px 0px 4px 0px;
padding:0 2px 0 2px;
text-align:center;
border-bottom:1px solid #ff0000;
font:11px/1.6em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
}
.link{
float:left;
margin:0 2px 0 2px;
display:block;
padding:1px 4px 1px 4px;
background:#E6E7DE;
}

.cboxcont img{
margin:0 4px 0 0;
float:center;
}
.cboxcont p{
margin:0;
padding:0 0 5px 0;
font-weight:normal;
}
.righttitle{
clear:both;
float:left;
width:410px;
margin:4px 0 0 0;
padding:0 0 0 15px;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
text-align:left;
background:url(panah.gif) left no-repeat;
border-bottom:1px solid #E4E2DC;
text-transform:uppercase;
}
.righttitles{
clear:both;
float:left;
width:415px;
margin:4px 0 0 0;
padding:0 0 0 10px;
font: 11px/1.5ep verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
text-align:left;
background:url(berita.gif) 0 0px no-repeat;
}
.righttitlesn{
clear:both;
float:left;
width:425px;
margin:4px 0 0 0;
padding:0 0 0 0px;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:bold;
text-align:left;
}
.titles{
clear:both;
float:left;
width:398px;
margin: 3px 0px 5px 0px;
padding:0 0 0 25px;
font: 13px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
color:#000;
font-weight:bold;
background:url(panah.gif) 0 70% no-repeat #eee;
border:1px solid #ccc;
}
.titleresult{
	float: left;
	font: 13px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	padding:0 0px 0 5px ;
	margin:0 0 0px 0;
	width: 100%;
	text-align:left;
	border-bottom: 1px solid #999999;
	color:#FFFFFF;
}
.titleresult a, .cont a:active, .cont a:visited{
	font: 13px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	font-weight:normal;
	color:#4186BD;
	text-decoration:none;
}
.titleresult a:hover{
color:#fff;
text-decoration:none;
}


.ctitle{
clear:both;
float:left;
width:425px;
font:12px verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
margin:0px;
padding:0;
color:#202931; 
text-decoration: none;
font-weight:bold;
}
.rightsearch{
padding-left:4px;
padding-top:0px;
padding-bottom:2px;
margin:0;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
text-align:left;
color:#0B1736;
border:1px solid #6D7383;
}
.ket{
clear:both;
float:left;
width:425px;
margin:0;
padding:0;
}
.date{
clear:both;
float:left;
width:425px;
margin:0;
padding:5px 0 0 0;
font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
font-weight:bold;
color:#111E3F;
}
.cboxcont a, .cboxcont a:active, .cboxcont a:visited,
.cboxconts a, .cboxconts a:active, .cboxconts a:visited{
font: 14px/1.3em arial, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
font-weight:normal;
color:#0000ff;
text-decoration:none;
}
.cboxconts2 a, .cboxconts2 a:active, .cboxconts2 a:visited,
.cboxconts a, .cboxconts a:active, .cboxconts a:visited{
font: 14px/1.3em Lucida Sans Unicode, 'Lucida Grande', arial, sans-serif; 
font-weight:normal;
color:#0000ff;
text-decoration:none;
}
.cboxconttab a, .cboxconttab a:active, .cboxconttab a:visited{
font: 10px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
font-weight:normal;
color:#111E3F;
text-decoration:none;
}

.cboxcont a:hover, .cboxconts a:hover, .cboxconttab a:hover {
color:#008000;
text-decoration:none;
}
.cont{
clear:both;
float:left;
width:425px;
margin:0 0 8px 0;
padding:0;
font: 11px/1.5em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
font-weight:normal;
text-align:center;
}
.cont p img{
float:none;
border:0;
}
.logo{
clear:both;
float:left;
width:425px;
margin:0;
padding:0;
text-align:center;
}
.logo p{
text-align:center;
}
.logo img{
float:none;
}
.more{
background:url(lilarow.gif) 100% 2px no-repeat;
padding:0 12px 0 0;
}
.cont a, .cont a:active, .cont a:visited{
font: 11px/1.3em verdana, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
font-weight:normal;
color:#0000ff;
text-decoration:none;
}
.cont a:hover{
color:#003399;
text-decoration:none;
}
.cboxbot{
clear:both;
float:left;
width:605px;
height:22px;
margin:0;
padding:0px;
background:url(cboxbot1.jpg) no-repeat #e8f0f3;
}
/* end center area */

/* begin right area */
#right{
float:left;
width:160px;
margin:0;
padding:0 12px 0 10px;
}
/* end right area */

#pagebottom{
	float: left;
	font: 11px/1.5em tahoma, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif;
	padding:0 px 0 px ;
	margin:0 0 0px 0;
	width:100%;
	text-align:center;
	border: 0px solid #000;
	background:url(bg9.jpg) repeat;
}
#pagebottom p {
margin: 3px;
}
#pagebottom a:link, #pagebottom a:visited, #pagebottom a:active  {
color:#293357; 
text-decoration: none;
}
#pagebottom a:hover {
	text-decoration: underline;
	color: #054CCE;
	font-weight:bold;
	}

#footer{
float:left;
width:100%;
margin:0px;
padding:0px;
font: 11px/1.6em Tahoma, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
font-weight:normal;
text-align:center;
color:#fff;
background:;
}
#footer a, #footer a:active, #footer a:visited{
font: 10px/1.3em Tahoma, 'Lucida Sans Unicode', 'Lucida Grande', arial, sans-serif; 
font-weight:bold;
color:#fff;
text-decoration:none;
}
#footer a:hover{
color:#ff0000;
text-decoration:none;
}




#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial
}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px  10px;
	width: 130px;
	background:url(bg9.jpg) no-repeat;
	color:##5970B2;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background:url(bg9.jpg) repeat;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #;
	border: 1px solid #008000;
	}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;		
		white-space: nowrap;
		text-align: center;
		text-decoration: bold;
		background: #dcdcdc;
		border-bottom: 1px solid #008000;
		color: #000000;
		font: bold 12px Tahoma;
	}

	#sddm div a:hover
	{	background: #c0c0c0;
		color: #ffffff;
	}