*{ margin-top:0;}
body {
	background-color: #999999;
} 

#page {
	width:888px;
	FONT-FAMILY: Tahoma ,Arial, Helvetica, sans-serif;
	FONT-SIZE: 8pt;
	text-align: center;
}

#page td {
	FONT-SIZE: 8pt;
}

#page li {

}


#header {
	height: 190px;
	margin-top: 0px;
	margin-left:15px;	
}

#hleft{
	margin-left: 25px;
	text-align:left;
	float:left;
	background-color:#000;
	height: 189px !important;
	height: 198px;
}

#hright{
	width: 155px;
	text-align:left;
	margin-right: 50px;
	float:right;
}

#logo {	
	background-color: #999999;
	background-repeat: no-repeat;
	height: 30px;
	margin-left:30px;
}
#top {
	background-image: url(images/bg_top.jpg);
	background-repeat: no-repeat;
	height: 20px;
}

#top2 {	
height: 20px;
}


#top-menu {
	margin-top: 2px;
	padding-left: 38px;
	float: left;		
}

#top-menu-button {
	background-image: url(images/bg_artikel_top.jpg);	
	height:18px !important;
	height:28px;
	float: left;
	width: 100px;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffffff;
	padding-top: 8px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;

}

#top-menu-button:hover {
	background:#E8E8E8 url(images/bg_tips_top.jpg) repeat-x;
	
}

#top-menu-button a {
	color: #000000;
	text-decoration: none;
}

#top-menu-button a:hover {
	color: #ffffff;
	text-decoration: none;
}




#r-menu-button {
	background-image: url(images/bg_success_top.jpg);	
	height:18px !important;
	height:25px; 
	float: left;
	width: 155px;
	text-align: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffffff;
	padding : 5px 0 3px 5px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#E4E4E4;

}

#r-menu-button:hover {
	background:#E8E8E8 url(images/bg_tips_top.jpg) repeat-x;
	
}

#r-menu-button a {
	color: #000000;
	text-decoration: none;
}

#r-menu-button a:hover {
	color: #ffffff;
	text-decoration: none;
}






#content {
	background-color: #ffffff;
	background-image: url(images/bg_content.jpg);
	background-repeat: repeat-y;
}

#main {	
	background-image: url(images/bg_content.jpg);
	background-repeat: repeat-y;
	position: relative;
	float: left;
}


#content-kiri {
	width: 830px;
	position: relative;
	float: left;
	left: 40px;
	margin-right: 60px;
	text-align: left;
	background-color: #FFFFFF;
}

#content-tengah {
	width: 400px;
	position: relative;
	left: 40px;
	float: left;
	text-align: left;
}

#content-kanan {	
	width: 400px;
	position: relative;
	float: right;
	right: 30px;
	margin-left: 80px /*Non-IE6*/;

}

#content-profil-kiri {
	width: 200px;
	position: relative;
	left: 40px;
	float: left;
	text-align: left;
}

#content-profil-kanan {	
	width: 600px;
	position: relative;
	float: right;
	right: 30px;
	margin-left: 80px /*Non-IE6*/;
}

.isi{

}

.isi-head-renungan{
	background-image: url(images/bg_renungan_top.jpg);
	height:15px !important;
	height:20px;
	padding-top: 4px;
	padding-left: 10px;
	FONT-SIZE: 8pt;
	color: #FFFFFF;
	font-weight: bold;
}

.isi-renungan{
	background-color: #CCCCCC;
	border: 1px solid #CCFF00;
	padding: 5px;
	background-image: url(images/bg_renungan.jpg);
	background-repeat: repeat-x;
}


.isi-head-mudaremaja{
	background-image: url(images/bg_mudaremaja_top.jpg);	
	height:15px !important;
	height:20px;
	padding-top: 4px;
	padding-left: 10px;
	FONT-SIZE: 8pt;
	color: #FFFFFF;
	font-weight: bold;	
}


.isi-mudaremaja{
	background-color: #CCCCCC;
	border: 1px solid #FF99CC;
	padding: 5px;
	background-image: url(images/bg_mudaremaja.jpg);
	background-repeat: repeat-x;
}

.isi-head-artikel{
	background-image: url(images/bg_artikel_top.jpg);	
	height:15px !important;
	height:20px;
	padding-top: 4px;
	padding-left: 10px;
	FONT-SIZE: 8pt;
	color: #FFFFFF;
	font-weight: bold;	
}

.isi-artikel{
	background-color: #CCCCCC;
	border: 1px solid #E5E5E5;
	padding: 5px;
	background-image: url(images/bg_artikel.jpg);
	background-repeat: repeat-x;
}

.isi-head-ilustrasi{
	background-image: url(images/bg_ilustrasi_top.jpg);	
	height:15px !important;
	height:20px;
	padding-top: 4px;
	padding-left: 10px;
	FONT-SIZE: 8pt;
	color: #FFFFFF;
	font-weight: bold;	
}

.isi-ilustrasi{
	background-color: #CCCCCC;
	border: 1px solid #CAE4FF;
	padding: 5px;
	background-image: url(images/bg_ilustrasi.jpg);
	background-repeat: repeat-x;
}

.isi-head-success{
	background-image: url(images/bg_success_top.jpg);	
	height:15px !important;
	height:20px;
	padding-top: 4px;
	padding-left: 10px;
	FONT-SIZE: 8pt;
	color: #FFFFFF;
	font-weight: bold;	
}


.isi-success{
	background-color: #CCCCCC;
	border: 1px solid #FFFF99;
	padding: 5px;
	background-image: url(images/bg_success.jpg);
	background-repeat: repeat-x;
}

.isi-head-handbook{
	background-image: url(images/bg_handbook_top.jpg);	
	height:15px !important;
	height:20px;
	padding-top: 4px;
	padding-left: 10px;
	FONT-SIZE: 8pt;
	color: #FFFFFF;
	font-weight: bold;	
}

.isi-handbook{
	background-color: #CCCCCC;
	border: 1px solid #C6FFC6;
	padding: 5px;
	background-image: url(images/bg_handbook.jpg);
	background-repeat: repeat-x;
}


.isi-head-tips{
	background-image: url(images/bg_tips_top.jpg);	
	height:15px !important;
	height:20px;
	padding-top: 4px;
	padding-left: 10px;
	FONT-SIZE: 8pt;
	color: #FFFFFF;
	font-weight: bold;	
}


.isi-tips{
	background-color: #CCCCCC;
	border: 1px solid #FFDDDD;
	padding: 5px;
	background-image: url(images/bg_tips.jpg);
	background-repeat: repeat-x;
}


.isi-cuplikan{
	background-color: #CCCCCC;
	border: 1px solid #E5E5E5;
	padding: 5px;
	background-image: url(images/bg_artikel.jpg);
	background-repeat: repeat-x;
	list-style-position: inside;
}

.isi-thumbnail{
	float: left;
	width: 112px;
	height: 84px;
	margin-right: 10px;
	border: 1px solid #E5E5E5;
}

.isi-text{
	text-align: justify;
	color: #333333;
}

.isi-text H1{
	color: #99CC00;
	FONT-SIZE: 12pt;
}

.isi-text a {
	color: #99CC00;
	text-decoration: none;
	
}


.isi-full{
	padding: 5px;
	list-style-position: inside;
}


.isi-thumbnail-full{
	float: left;
	width: 150px;
	height:112px;
	margin: 0 10px 0 5px;
	border: 1px solid #E5E5E5;
}

#content-cover{
	position: relative;
	float: left;
}

#content-pembaca{
	position: relative;
	float: left;
	background-color:#FFFF99;
	padding: 5px;
	border: 1px solid #E5E5E5;
}

#content-cover-item {
	width: 200px;
	position: relative;
	left: 20px;
	float: left;
	padding-bottom: 20px;
}

#content-navigasi{
	position: relative;
	float: left;
	padding-bottom: 20px;
}

#content-navigasi-item {
	width: 180px;
	position: relative;
	left: 20px;
	float: left;
	text-align: left;
	padding: 3px;
}


.content-navigasi H3{
	color: #CC9900;
	FONT-SIZE: 10pt;
}

#footer {
	background-image: url(images/bg_bottom.jpg);
	background-repeat: no-repeat;
	height: 40px;
	text-align: center;
	float: left;
	width:888px;
	FONT-SIZE: 7pt;
	color: #999999;
	padding-top: 15px;
}


.title{
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#900;
	FONT-SIZE: 11pt;

}

.title_3
   {
    COLOR: #666666; 
	}

.small_1
   {
    COLOR: #666666; FONT-SIZE: 7pt; 
	}

#F
   {     
	color: #ffffff;
	FONT-SIZE: 8pt;
	font-weight:bold;
	TEXT-DECORATION: none;	
   }

#F:hover
{
	color: #000000;
 }
	
	
.input_small
   {
    FONT-SIZE: 7pt;
   }