/* CSS Document */
body
  {
  background-color:#99FFCC;
  margin-top:0;
  margin-bottom:0;
  text-align:center;
  }
p
{
margin:0px 0 6px 0;
}
h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
font-weight:normal;
}
a{
text-decoration:none;
color:#0066CC;
}
a:visited
{
color:#006699;
}

a:hover
{
color:#00CC00;
}
img {border:0;}

#page
   {
    width:748px;
	margin:0px auto;
	padding:0px;
/*background-color:#006699;*/
background-color:#DFEBF0;

   }

#header 
   {
	height:130px;
	text-align:right;
	vertical-align:text-bottom;
	background-image:url(../imbaru/head_3x.jpg);
	background-repeat:no-repeat;
/*	background-color:#ffffff;*/
/*background-color:#0099CC;*/
	}

#navibar
	{
	padding:5px 0px 6px 215px;
	margin-left:0px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	border-bottom:1px solid #0099CC;
	background-image:url(../imbaru/head_navi.gif);
	background-repeat:no-repeat;
/*	background-color:#ffffff;*/
/*	background-color:#0099CC;*/
	}
	
#navibar ul
   {
   padding:0;
   margin:0;
   }
	
#navibar li
  {
  display:inline;
  }

#navibar li a 
  {
  border:1px solid;
  border-color:#ffffff;
  padding:4px 5px 6px 5px;
  color:#ffffff;
  text-decoration:none;
  }
 
#navibar li a:hover
  {
  padding:5px 5px 6px 5px;
  color:#3366ff;
  border:1px solid;
  border-color:#0099cc;
  border-bottom:1px solid #DFEBF0;
  background-color:#DFEBF0;
  }

#navibar li A:active
  {
  padding:5px 5px 6px 5px;
  color:#3366ff;
  border:1px solid;
  border-color:#0099cc;
  border-bottom:1px solid #DFEBF0;
  background-color:#DFEBF0;
  }
 
#navibar li a.current
  {
  padding:5px 5px 6px 5px;
  color:#003366;
  border:1px solid;
  border-color:#0099cc;
  border-bottom:1px solid #DFEBF0;
  background-color:#DFEBF0;
  }
  
#content 
  {
  margin-top:5px;
  padding:0px;
  float:right;
background-color:#E8F4F1;
/*background-color:#006699;*/
   margin-bottom:5px;
  }

#sidekiri
  {
  width:205px;
  padding:0 5px 10px 5px;
  float:left;
  text-align:right;
 background-color:#E8F4F1;
/*  background-color:#006699;*/
  }
 
.jsid
  {
  font-family:georgia, Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-variant:small-caps;
  color:#FFFFCC;
  background-color:#0099CC;
  padding:5px;
  }
.isidx
{
background-image:url(../imbaru/iconlogo.gif);
background-repeat:no-repeat;
/*background-color:#99FFFF;*/
background-color:#ffffff;
height:150px;
}

html>body .isidx
{
height:auto;
min-height:150px;
}

.isidx p
{
font-family:tahoma, Georgia, "Times New Roman", Times, serif;
font-size:11px;
color:#003399;
padding:3px 10px 3px 10px;
}

.isidx hr
{
background-color:#E8F4F1;
height:8px;
display:block;
color:#E8F4F1;
border:0;
margin:0;
padding:0 0 5px 0;
}

.hit
{
color:#FF0000;
font-weight:bold;
}
.isid
  {
  color:#000000;
  padding:0;
  }
 .isid p
 {
 font-family:tahoma,Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#003366;
 padding:0 5px 0 5px;
 border-right:1px solid #cccccc;
 }
 
 .isid p a
 {
 text-decoration:none;
 color:#00CC33;
 }
  .isid p a:visited
 {
 text-decoration:none;
 color:#006633;
 }
  .isid p a:hover
 {
 text-decoration:none;
 color:#0099FF;
 }
 .isid ul
  {
  margin:0;
  padding:0;
  }

.isid li
 {
font-family:georgia,tahoma, Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
  font-variant:small-caps;
 list-style-type:none;
 border-bottom:1px solid #ffffff;

 }
 
.isid li a
 {
 color:#009999;
 display:block;
 text-decoration:none;
 background-color:#CCFFFF;
 padding:2px 5px 2px 1px;
 border-right:4px solid;
 border-right-color:#00FFFF;
 }
 
.isid li a:visited
 {
 color:#003366;
 }

.isid li a:hover
 {
 color:#ffffff;
 text-decoration:none;
 background-color:#00CCFF;
 border-right:4px solid;
 border-right-color:#006699;
 }
 
 
/*---------------------*/
.isix
  {
  color:#ffffff;
  background-color:#ffffff;
  padding:0;
  margin:0;
  }
.isix a
 {
 color:#009999;
 display:block;
 text-decoration:none;
 background-image:url(../images/icon01.gif);
 background-repeat:no-repeat;
 padding:20px 2px 20px 1px;
  border-right:6px solid #000000;
  margin-bottom:2px;
 }

.isix a:hover
 {
 color:#ffffff;
 text-decoration:none;
 background-image:url(../images/icon01a.gif);
 background-repeat:no-repeat;
 }

.isix2
  {
  color:#ffffff;
  padding:0;
  background-color:#ffffff;
  }
 
.isix2 a
 {
 color:#009999;
 display:block;
 text-decoration:none;
 background-image:url(../images/icon02.gif);
 background-repeat:no-repeat;
 padding:20px 2px 20px 1px;
 border-right:6px solid #000000;
 margin-bottom:2px;
 }

.isix2 a:hover
 {
 color:#cccccc;
 text-decoration:none;
 background-image:url(../images/icon02a.gif);
 background-repeat:no-repeat;
 }
/*------------------------*/
/*---------------------*/
.isix3
  {
  color:#ffffff;
  padding:0;
  background-color:#ffffff;
  margin:0;
  }
 
.isix3 a
 {
 color:#009999;
 display:block;
 text-decoration:none;
 background-image:url(../images/icon03.gif);
 background-repeat:no-repeat;
 padding:20px 2px 20px 1px;
 border-right:6px solid #000000;
 margin-bottom:2px;
 }
.isix3  a:hover
 {
 color:#cccccc;
 text-decoration:none;
 background-image:url(../images/icon03a.gif);
 background-repeat:no-repeat;
 }
/*------------------------*/


#contengah
 {
  margin-left:2px;
  width:511px;
  height:750px;
  padding:10px;
  float:right;
  background-color:#ffffff;
  text-align:left;
  }

.indek a
{
font-family:tahoma, arial, verdana;
font-size:11px;
color:green;
text-decoration:none;
}

.indek a:visited
{
color:#000000;
}

.indek a:hover
{
color:red;
}
   
 #contengah hr
 {
background-color:#E8F4F1;
height:8px;
display:block;
color:#E8F4F1;
border:0;
margin:0;
padding:0 0 5px 0;
clear:both;
 }
 
 html>body #contengah
{
height:auto;
min-height:665px;
}


 #incontengah
 {margin-top:5px;
  padding:0px;
  float:left;
  }
  
  .subkiri
  {
  float:left;
  width:250px;
   padding:0px;
   background-color:#E8F4F1;
  }
  
  
  .subkanan
  {
  float:left;
  padding:0px;
  width:250px;
  margin-left:10px;
  background-color:#E8F4F1;
  }
   .jsub
  {
  padding:0;
  margin:0;
  }
  
  .jsub h6
  {
  font-family:georgia, Verdana, Arial, Helvetica, sans-serif;
   padding:0 0 3px 5px;
   margin:0;
  color:#CC3300;
  }
  
  .jsub h3
    {
/*  background-color:#66CCCC;*/
background-color:#0099CC;
  padding:3px 5px 3px 5px;
  color:#ffffff;
  font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
  }
 .jsub p
 {
 font-family:tahoma,Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 padding:2px 5px 2px 5px;
 border-bottom:1px dotted #ffffff;
 margin:0;
 text-transform:capitalize;
 }
 .isi img
 {
 border:0;
 margin: 0 10px 10px 0;
 }
 .imgleft
 {
 float:left;
 }
.isi h1
{
color:#0099FF;
}
.isi h2{
margin:0 0 6px 0;
padding:0 0 3px 0;
color:#0066CC;
border-bottom:1px solid;
border-color:#66CCCC;
font-family:Tahoma, Georgia, "Times New Roman", Times, serif;
text-transform:capitalize;
font-size:18px;
}
 .isi h3
 {
 color:#0099FF;
 margin:0 0 12px 0;
 font-family:Georgia, "Times New Roman", Times, serif;
 border-bottom:1px solid;
border-color:#66CCCC;
text-transform:capitalize;
font-size:14px;
 }
 
 .isi h6
{
color:#FF3300;
margin:0;
padding:3px 0 3px 0;
font-family:tahoma,Georgia, "Times New Roman", Times, serif;
}

.isi h4
{
color:#0066CC;
padding:2px 0 8px 0;
margin:0;
font-family:tahoma,Georgia, "Times New Roman", Times, serif;
border-bottom:1px dotted;
border-bottom-color:#00FF66;
text-transform:capitalize;
}

.isi p
{
  padding:0 0 6px 0;
  font-family:tahoma, Georgia, "Times New Roman", Times, serif;
  font-size:11px;
  color:#000000;
  line-height:16px;
  text-align:justify;
  }
.isi ul
{
margin:10px 10px 10px 20px;
}
.isi li
{
display:list-item;
list-style-type:square;
font-size:11px;
margin:5px;
font-family:tahoma,Verdana, Arial, Helvetica, sans-serif;
}
.penulis
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#669933;
text-transform:uppercase;
}

#sidkanan
  {
  margin-left:10px;
  width:188px;
  padding:10px;
  float:left;
  text-align:left;
  background-color:#00CC99;
  }

#footer 
  {
  float:left;
  text-align:left;
  width:523px;
  padding:5px 10px 5px 215px;
  background-color:#33CCCC;
/*  background-color:#00CCCC;*/
/*  background-color:#98D8D7;*/
  }
  
#footer p
  {
  font-family:tahoma,Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#ffffff;
  }
	#footer p a
	{
	color:#FFFFFF;
	text-decoration:none;
	}
	
	#footer p a:hover
	{
	color:#FFFF00;
	}
#bottom 
 {
  clear:left;
  text-align:left;
  padding-left:220px;
  padding-top:5px;
  padding-bottom:5px;
  margin:0;
  background-color:#006699;
 /* background-color:#003366;*/
/*  background-color:#006699;*/
  }
#bottom a
  {
  font-family:tahoma,Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#FFFFFF;
  text-decoration:none;
  }
  
#bottom a:visited
  {
  font-family:tahoma,Verdana, Arial, Helvetica, sans-serif;
  color:#CCCCCC;
  text-decoration:none;
  }
  
  #bottom a:hover
  {
  color:#00FFFF;
  text-decoration:none;
  }
  

.back
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
width:100px;
padding:0px 3px 0 0;
text-align:left;
}
.next
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
padding:0px 3px 0 0;
text-align:left;
}

.xleft
{
float:left;
padding-right:3px;
padding-bottom:3px;
}