body {
	font-family: Verdana;
	font-size: 8.5pt;
	color: #000000;
	text-decoration: none;
	text-align: justify;
	background-attachment: scroll;
	background-image: url(images/titik.gif);
	background-repeat: repeat;
	background-position: 0% 0%;
}
#back {
background-color: #FFFFFF; }
.kotak {
	font-family: "Trebuchet MS";
	font-size: 9pt;
	color: #666666;
	text-decoration: none;
	padding-right: 3pt;
	padding-left: 3pt;
	border: 1px solid #006600;
}
#kotak1 {
	border: 1px solid #77BEFF;
}
.tulisan {
	padding-left: 10px;
	padding-right: 15px;
	padding-bottom: 5px;
	text-align: justify;
}
.tulisan_jalan {
	padding-left: 8px;
	padding-right: 8px;
	font-size: 9 pt;
	font-weight: normal;
	color: #EC7C0D;	
}
#center {
	text-align: center;
}
a.kata:link {
	color: #4E78DA;
	text-decoration:none;
}
a.kata:hover {
	color: #FF3333;
	text-decoration: underline;
}
a.kata:visited {
	color: #4E78DA;
	text-decoration: none;
}
a.kata:active {
	color:  #FF3333;
	text-decoration: underline;
}#margin {
	padding-top: 5px;
}
.main {
	text-decoration: none;
	text-align: justify;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 5px;
}
.judul {
	font-size: 11pt;
	font-weight: bold;
	padding-right: 8px;
	padding-left: 8px;
}
.judul2 {
	font-size: 9pt;
	font-weight: bold;
	color: #000000;
	padding-left: 8px;
	padding-right: 8px;
}
.judul3 {
	font-size: 10pt;
	font-weight: bold;
	color: #0767D1;
	padding-left: 8px;
	padding-right: 8px;

}
.judul4 {
	font-size: 8pt;
	font-weight: bold;
	color: #0767D1;
	padding-left: 8px;
	padding-right: 8px;
}
.judul5 {
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
	padding-left: 8px;
	padding-right: 8px;
}
.progress{
	width: 1px;
	height: 14px;
	color: white;
	font-size: 12px;
    overflow: hidden;
	background-color: navy;
	padding-left: 5px;
}.ket {
	font-size: 8pt;
	color: #DBDBDB;
	text-decoration: none;
}
.note {
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	color: #666666;
	text-align: justify;
}
a.kata2:link {
	color: #0000CC;
	text-decoration:none;
}
a.kata2:hover {
	color: #0000CC;
	text-decoration: underline;
}
a.kata2:visited {
	color:#DF4620;
	text-decoration: none;
}
a.kata2:active {
	color:  #DF4620;
	text-decoration: none;
	}

form {
	padding-top: 4px;
	margin-left: 10px;
	padding-bottom:0px;
}
a {
	color: #FF0000;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
	text-decoration: underline;
}
#box {
	border: 1px solid #77BEFF;
	margin-left: 20px;
	
}
.jdl {
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #004B91;
	padding-left: 10px;

}

.genap {
	background-color: #C4E2FF;
}
.ganjil {
	background-color: #9BCDFF;
}
.navigasi a {
	color: #FFFFFF;
	text-decoration: none;
}
.navigasi a:hover {
	text-decoration: none;
	color: #99CCFF;
}
.navigasi.active:hover {
	text-decoration: none;
	color: #FFFFFF;
}
.art a {
	color: #000000;
	text-decoration: none;
	padding-left: 4px;
}
.art a:hover {
	text-decoration: none;
	color: #666666;
}
.art a.active:hover {
	text-decoration: none;
	color: #666666;
}.wktu {
	color: #F5E6C5;
	padding-top: 8px;
	padding-left: 10px;
	font-size: 8.5pt;
}