/**********eestyle.css**********/

h4{font-family:georgia, garamond, Trebuchet MS, verdana, arial, serif;
		width:30%;color: #555;	 
		border-bottom:1px solid #ccc;

}		
.batas{clear:both}
.bungkusaja{ 
        margin-left: 10%; 
        padding-left: 10px;
        background:#fff;
        color:#000;
		display:block;
		}
.bungkusaja p,.bungkusaja li { color:white; margin-left: 120px;}

.littlehead{font-size:16px;  color:maroon;margin-top:20px;text-align:left;background:#fff;padding-left: 2px;
    font-weight:bold;line-height: 1.6em;
	border-bottom: 1px solid #ddd;
	border-left: 0px solid#ccc;
	letter-spacing:1px;
	font-variant:small-caps;
	color:#2d2d2d;
	font-family:georgia,Trebuchet MS, Verdana, Arial, Serif;
	 }	
.diamond { height: 1.4em;
	float:left;padding-left: 10px;width: 220px;
	color: blue;	
	}
.diamond a{ height: 1.4em;
	float:left;padding-left: 10px;width: 220px;
	color: maroon; text-decoration:underline;	
	}
.diamond a:hover{ height: 1.4em;
	float:left;padding-left: 10px;width: 220px;
	color: #00009d; text-decoration:underline; border:none;	
	}
p.tebal {font-weight:normal;
	font-size:1.1em;
	letter-spacing:1px;
	font-variant:small-caps;
	color:#888;
	font-family:georgia, Verdana, Arial, Serif;
	}
p.tebal a {font-size:0.9em;
	letter-spacing:1px;
	font-variant:small-caps;
	color:#888;
	font-family:georgia, Verdana, Arial, Serif;
	}
	
p.tebal a:active, p.tebal a:visited     
	{font-size:0.9em;
	letter-spacing:1px;
	font-variant:small-caps;
	color:#666;
	font-family:georgia, Verdana, Arial, Serif;
	}
	
	
p.maju {padding-left: 70px;font-weight:bold;font-size:80%;}

.garamond1{font-size:1.1em; font-family:georgia,arial;  color:#666;padding-top :12px;
	border-bottom:1px solid #ccc ; font-weight:bold;margin-left: 20px;
	font-variant:small-caps;
	}	
/*.garamond1 p{ font-family:georgia,arial;  color:#666;padding-top :12px;
	font-weight:normal;margin-left: 20px;font-variant:normal;
	
	}*/	
	
p.garamond2{font-size:1.1em; font-family:georgia,arial; width: 70%; color:#555;padding-top :10px;
	border-bottom:1px solid#eee ; font-weight:bold;
	}	
p.garamond3{font-size:14px; font-family:georgia, arial; width: 70%; color:#777;padding-left:2px;font-weight:normal;letter-spacing:1px;
	font-variant:small-caps;
	border-bottom:1px solid#eee ;padding-top:10px;
	}	
p.garamond4{font-size:14px; font-family:georgia, arial;  color:#777;padding-left:2px;font-weight:normal;letter-spacing:1px;
	border-bottom:1px solid#eee ;padding-top:2px;padding-bottom:10px;
	}	

/*****************************************************/
#tabel {font: 12px verdana; background: #eee; width: 419px; margin:auto;}
#tabel p {font-weight: bold;  line-height: 1.2em;}
#tabel1 {font: 12px verdana; background: #eeeeee; width: 546px; margin:auto;}
#tabel1 p {font-weight: bold; margin-left: 1px; line-height: 1.2em;}

.kolom{font-weight:bold;}
.kolom1t {float: left;width: 40px ; line-height : 1.8em;border-right : 1px solid #fff; text-align: center; font-weight: bold;
		background: #333;margin: 0; color: white 	}
.kolom2t {float: left;width: 70px ; line-height : 1.8em; border-right : 1px solid #fff;text-align: center; font-weight: bold;
		background: #333;margin: 0; color: white }
.kolom3t {float: left; width: 250px; line-height : 1.8em; border-right : 1px solid #fff;text-align: center;  font-weight: bold;
		background: #333;margin: 0;  color: white}
.kolom4t {float: left; width: 40px; line-height : 1.8em; text-align: center; font-weight: bold;
		background: #333;margin: 0;  color: white}
.kolom1 {float: left;width: 40px ; border-right : 1px solid #888888; border-bottom: 1px solid #fff;text-align: center; height: 1.2em;background:#eee;}
.kolom2 {float: left;width: 70px ; border-right : 1px solid #888888;border-bottom: 1px solid #fff;text-align: center;height: 1.2em;background:#eee;}
.kolom3 {float: left; width: 245px; border-right : 1px solid #888888;border-bottom: 1px solid #fff;padding-left:5px;height: 1.2em;background:#eee;}
.kolom4 {float: left; width: 40px;  text-align: center;height: 1.2em;background:#eee;border-bottom: 1px solid #fff}

.no {float: left;width: 25px ;   font-weight: bold;height: 2em;line-height:2em;border-right:1px solid#fff;padding-left: 2px;
	background: #333;margin: 0; color: white ;text-align:left;	}
.nama {float: left;width: 180px ;   font-weight: bold;height: 2em;line-height:2em;border-right:1px solid#fff;padding-left: 2px;
	background: #333;margin: 0; color: white ;text-align:left;}
.golongan {float: left; width: 120px;   text-align: left;  font-weight: bold;height: 2em;line-height:2em;border-right:1px solid#fff;padding-left: 2px;
	background: #333;margin: 0;  color: white;}
.didik {float: left; width: 116px; text-align: left; font-weight: bold;height: 2em;line-height:2em;border-right:1px solid#fff;padding-left: 2px;
	background: #333;margin: 0;  color: white}
.bidang {float: left; width: 90px;  text-align: left; font-weight: bold;height: 2em;line-height:2em;border-right:1px solid#fff;padding-left: 2px;
	background: #333;margin: 0;  color: white}
.row {height: 2.8em; background:#eeeeee;border-bottom: 1px solid#ccc;}
.no1 {float: left;width: 25px ;  border-right:1px solid#fff;height:3.4em;padding-left: 2px;text-align:center;border-bottom:1px solid#fff;
	margin: 0; font-size:10px;}
.nama1 {float: left;width: 180px ; border-right:1px solid#fff;height:3.4em;padding-left: 2px;border-bottom:1px solid#fff;
	margin: 0; font-size:10px;}
.golongan1 {float: left; width: 120px;border-right:1px solid#fff;height:3.4em;padding-left: 2px;border-bottom:1px solid#fff;
	margin: 0; font-size:10px; }
.didik1 {float: left; width: 116px;border-right:1px solid#fff;height:3.4em;padding-left: 2px;border-bottom:1px solid#fff;
	margin: 0; font-size:10px; }
.bidang1 {float: left; width: 90px;  border-right:1px solid#fff;height:3.4em;padding-left: 2px;border-bottom:1px solid#fff;
	margin: 0; font-size:10px; }

/*****************************************************/
img.display_img{ display:block;border:none;
	}	
img.display{ display:block;border:none;
	margin-left : auto; margin-right:10px;
	padding-left:10px;
	}
img.displayl{ display:block;border:none;
	 margin-right:10px;margin-top:-30px;float:right;
	}
/***********************************************************************/