body {
background-color: #333;
color:  #000000;
margin-top: 0px;
margin-left: 50px;
margin-right: 50px;
font-family: arial;
font-size: 14px;
}
a {
text-decoration: none;
color: #0033FF;
}
a:hover{
color: red;
}
a:link{

}
div { margin:0; padding:0; clear:both;}

/*untuk data tabel */
.table-data{        
		width: 100%;
        padding: 0;
        margin: 0 auto 1.5em auto;
		border-top: 1px solid #C1DAD7;
        border-left: 1px solid #C1DAD7;
        border-collapse:collapse;
		font-size:12px;
        font-family: verdana,arial,sans-serif;
        color:#545454;
}
.td-data {
	font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	padding: 3px 6px 3px 6px;
	color: #4f6b72;
	width: auto;
	text-align: center;
    }
.head-data {
	font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	padding: 3px 6px 3px 6px;
	color: #4f6b72;
	width: auto;
	text-align: center;
	background-color:#F5FAFA;
	font-weight: bold;
    }
.pinggir-data{
	font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	padding: 3px 6px 3px 6px;
	color: #4f6b72;
	width: auto;
	text-align: left;

    }
	
.menuutama{
	
	font: normal 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	padding: 15px 0px 10px 10px;
	color: #4f6b72;
	width: auto;
	text-align: left;
	display: block;
    color: #fff;
	
	
}	

.label{
	font: normal 15px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	padding: 0px 3px 0px 3px;
	color: #4f6b72;
	width: auto;
	text-align: left;
	
}	
	
/*akhir data tabel */

input {
    border-left : 1px solid #acc6db; 
    border-right : 1px solid #acc6db; 
    border-top : 1px solid #acc6db; 
    border-bottom : 1px solid #acc6db; 
    background-color : #fff; 
    font-size : 12px;
    font-family : Verdana, Arial, Helvetica, sans-serif; 
    color : #000; 
}
h3 {
border-style: solid;
border-width: 0px;
background-color: #f2f2f2;
text-align: center;
font-family: verdana;
padding: 5 5 5 5;
margin: 0 0 0 0;
}
.kotak {
border-style: solid;
border-width: 0px;
}

.kotak ul {
margin:0px 0px 0px 0px;
list-style-image:url(../image/external.gif);
content: ""; clear: both; display: block;
}
.kotak ul li a{
margin:0px 0px 0px 0px;
text-decoration: none;
}
.kotak ul li a:hover{
margin:0px 0px 0px 0px;
/* text-decoration: underline;*/
   display: block;
   background: #666;
   color: #fff;
}
.tengah {
font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
border-style: solid;
border-width: 0px;
background-color: #ffffff;
padding: 10 10 40 10;
margin: 0 0 0 0;
}
.s 
{

font-size: 20;
text-align: center;
font-family: monotype corsiva;

}

.s a span
{padding: 0 30px;	}
	
.link_atas {
text-align: left;
border: solid 1px #d0d0d0;
background-color:#ccccff;
padding: 4 4 4 5;
margin: 0 2 10 0;

}

	

h5{
margin: 10 10 10 10;
padding: 5 5 5 5;
background-color: #d0d0d0;
border: solid 1px green;
}
.img_link {
	border: none;
	padding: 0px;
}