html, body {
    padding: 0px;
    margin: 0px;
    height: 100%;
	background-color:#939393;
}

div#container {
    width: 800px;
	background-color:#FFFFFF;
	box-shadow: 0px 0px 10px 0px #000000;
}

div#container1 {
    width: 900px;
    margin-top: 20px;
	margin-bottom: 20px;
	background-color:#FFFFFF;
	box-shadow: 0px 0px 10px 0px #000000;
}

div#header {
    width:860px;
	
}

div#body {
    overflow: hidden;
    width: 900px;
}

div#left-sidebar {
    overflow: hidden;
    width: 539px;
    float: left;
	background-color:#FFFFFF;

}


div#right-sidebar {
    width: 300px;
    float: left;
    padding: 0px;
	background-color:#FFFFFF;
    overflow: hidden;

}

div#footer {
    height: 26px;
    background: #073A61;
    border-top: 1px solid #ccc;
    padding: 5px;
}


.foresmall {
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight:500;
	font-size:16px;
	line-height:150%;
}


.menubottom {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #073A61;
	font-size:12px;
	line-height:125%;
}


.menubottom a:link {color: #073A61; text-decoration: none; font-weight:700}
.menubottom a:visited {color:#073A61;text-decoration: none; font-weight:700}
.menubottom a:active {color:#073A61;text-decoration: none; font-weight:700}
.menubottom a:hover {color:#073A61;text-decoration: underline; font-weight:bold}



.hari {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: small;
	color: #FFFFFF;
	background-color:#2F4EB9;
	text-align: center;
}
.judulkalender {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	color: #FFFF00;
	background-color:#264099;
	text-align: center;
	font-weight: bold;
}

.judulkalender a:link {color: #FFFF00; text-decoration: none}
.judulkalender a:visited {color:#FFFF00;text-decoration: none}
.judulkalender a:active {color:#FFFF00;text-decoration: none}
.judulkalender a:hover {color:#FFFF00;text-decoration: none}


.bodikalender {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	color: #000066;
	background-color:#A4B3E8;
	text-align: center;
}

.bodikalender a:link {color:#000066; text-decoration: none}
.bodikalender a:visited {color:#000066;text-decoration: none}
.bodikalender a:active {color:#000066;text-decoration: none}
.bodikalender a:hover {color:#000066;text-decoration: none}

.takaktif {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	color:#6B84DA;
	background-color:#A4B3E8;
	text-align: center;
}

.takaktif a:link {color: #6B84DA; text-decoration: none}
.takaktif a:visited {color:#6B84DA;text-decoration: none}
.takaktif a:active {color:#6B84DA;text-decoration: none}
.takaktif a:hover {color:#6B84DA;text-decoration: none}

.aktif {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	color: #FFFFFF;
	background-color: #006600;
	text-align: center;
}

.aktif a:link {color: #FFFFFF; text-decoration: none}
.aktif a:visited {color:#FFFFFF;text-decoration: none}
.aktif a:active {color:#FFFFFF;text-decoration: none}
.aktif a:hover {color:#FFFFFF;text-decoration: none}

.libur {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	color:#FF0000;
	background-color:#A4B3E8;
	text-decoration: none;
	text-align: center;    
}

.libur a:link {color: #FF0000; text-decoration: none}
.libur a:visited {color:#FF0000;text-decoration: none}
.libur a:active {color:#FF0000;text-decoration: none}
.libur a:hover {color:#FF0000;text-decoration: none}

.judulingkel {
	font-family: "Courier New", Courier, mono;
	font-size: small;
	color: #FFFF00;
	background-color:#2F4EB9;
	text-align: center;
}
.wuku {
	font-family: "Trebuchet MS";
	font-size: x-small;
	color: #FFFFFF;
	background-color:#2F4EB9;
	text-align: center;
	font-weight: lighter;
}

.wuku a:link {color: #FFFFFF; text-decoration: none}
.wuku a:visited {color:#FFFFFF;text-decoration: none}
.wuku a:active {color:#FFFFFF;text-decoration: none}
.wuku a:hover {color:#FFFFFF;text-decoration: none}

.wewaran {

	font-family: "Trebuchet MS";
	font-size: 8pt;
	color: #FFFFFF;
	background-color:#2F4EB9;
	text-align: center;
}

.wewaran a:link {color: #FFFFFF; text-decoration: none}
.wewaran a:visited {color:#FFFFFF;text-decoration: none}
.wewaran a:active {color:#FFFFFF;text-decoration: none}
.wewaran a:hover {color:#FFFFFF;text-decoration: none}

.rerainan {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFF00;
	background-color: #000099;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
}

.rerainan a:link {color: #FFFF00; text-decoration: none}
.rerainan a:visited {color:#FFFF00;text-decoration: none}
.rerainan a:active {color:#FFFF00;text-decoration: none}
.rerainan a:hover {color:#FFFF00;text-decoration: none}

.ingkel {
	font-family: "Courier New", Courier, mono;
	font-size: small;
	color: #FFFFFF;
	background-color:#2F4EB9;
	text-align: center;
}

.ingkel a:link {color: #FFFFFF; text-decoration: none}
.ingkel a:visited {color:#FFFFFF;text-decoration: none}
.ingkel a:active {color:#FFFFFF;text-decoration: none}
.ingkel a:hover {color:#FFFFFF;text-decoration: none}

.liburaktif {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	color: #FF0000;
	background-color: #006600;
	text-align: center;
}

.liburaktif a:link {color: #FF0000; text-decoration: none}
.liburaktif a:visited {color:#FF0000;text-decoration: none}
.liburaktif a:active {color:#FF0000;text-decoration: none}
.liburaktif a:hover {color:#FF0000;text-decoration: none}

.judulwuku {
	font-family: "Trebuchet MS";
	font-size: x-small;
	color: #FFFF00;
	background-color:#2F4EB9;
	text-align: center;
}
.daftar {

	font-family:"Trebuchet MS";
	line-height:16pt;
	font-size: 11pt;
	color:#073A61;
	background-color:#FFFFFF;
	text-align: left;
	padding:10px;
}


.klikini {

	font-family:"Trebuchet MS";
	line-height:15pt;
	font-size: 11pt;
	color:#000000;
}


.klikini a:link {color: #FF0000; text-decoration: none}
.klikini a:visited {color:#FF0000;text-decoration: none}
.klikini a:active {color:#FF0000;text-decoration: none}
.klikini a:hover {color:#FF0000;text-decoration:underline}


.juduldaftar {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	color: #FFFFFF;
	background-color: #6E88DD;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
}
.juduldaftar a:link {color: #FFFFFF; text-decoration: none}
.juduldaftar a:visited {color:#FFFFFF;text-decoration: none}
.juduldaftar a:active {color:#FFFFFF;text-decoration: none}
.juduldaftar a:hover {color:#FFFFFF;text-decoration: none}


.juduldaftar1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #FFFFFF;
	background-color: #073A61;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
}
.juduldaftar1 a:link {color: #FFFFFF; text-decoration: none}
.juduldaftar1 a:visited {color:#FFFFFF;text-decoration: none}
.juduldaftar1 a:active {color:#FFFFFF;text-decoration: none}
.juduldaftar1 a:hover {color:#FFFFFF;text-decoration: none}


.latarbelakang {
	background-color:#6B84DB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color:#FFFFCC;
	font-weight: normal;
	background-position: top;
}
.isianform {
	background-color:#B9C9E4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color:#000066;
	font-weight: normal;
	background-position: top;

}
.isianform1 {
	background-color:#6B84DB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color:#FFFFFF;
	font-weight: normal;
	background-position: top;
}

.barisstatus {
	background-color:#3333FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color:#FFFFCC;
	font-weight: normal;
	background-position: top;
}

.barisstatus a:link {color: #FFFFCC; text-decoration: none}
.barisstatus a:visited {color:#FFFFCC;text-decoration: none}
.barisstatus a:active {color:#FFFFCC;text-decoration: none}
.barisstatus a:hover {color:#FFFFCC;text-decoration: none}

.form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}
.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
}

.copyright a:link {color: #000000; text-decoration: none}
.copyright a:visited {color:#000000;text-decoration: none}
.copyright a:active {color:#000000;text-decoration: none}
.copyright a:hover {color:#000000;text-decoration: none}

.isidaftar {
	background-color: #EBEBE4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000099;
}
.subjuduldaftar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	background-color: #6E88DD;
	text-align: center;
	font-weight: normal;
}

.subjudulala {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color:#000000;
	background-color:#FF6666;
	text-align: center;
	font-weight: normal;
}

.subjudulayu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color:#000000;
	background-color:#FFFF66;
	text-align: center;
	font-weight: normal;
}

.subjudulalaayu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color:#000000;
	background-color:#99FF66;
	text-align: center;
	font-weight: normal;
}

.isidaftarjudul {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000099;
	text-align: left;
}
.inputindex {
	font-size:small;
	color:#FFFF00;
	background-color:#264099;
	text-align: left;
	border: thin outset #ECE9D8;
}

.judulmenu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	color: #FFFFFF;
	background-color: #6E88DD;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	border: thin solid #FFFFCC;
}

.judulmenu a:link {color: #FFFFFF; text-decoration: none}
.judulmenu a:visited {color:#FFFFFF;text-decoration: none}
.judulmenu a:active {color:#FFFFFF;text-decoration: none}
.judulmenu a:hover {color:#FFFFFF;text-decoration: none}


.judulmenu1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FFFFFF;
	background-color: #073A61;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
}

.judulmenu1 a:link {color: #FFFFFF; text-decoration: none}
.judulmenu1 a:visited {color:#FFFFFF;text-decoration: none}
.judulmenu1 a:active {color:#FFFFFF;text-decoration: none}
.judulmenu1 a:hover {color:#FFFF00;text-decoration: none}


.keyword {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	line-height:125%;
	background-color:#073A61;
	text-align: center;

}
.keyword a:link {color: #2F4EB9; text-decoration: none}
.keyword a:visited {color:#2F4EB9;text-decoration: none}
.keyword a:active {color:#2F4EB9;text-decoration: none}
.keyword a:hover {color:#2F4EB9;text-decoration: none}


.iklanbarisputih{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	background-color:#FFFFFF;
	text-align: center;
        font-weight: normal;
	padding: 4px 10px;
}
.iklanbarisputih a:link {color: #000000; text-decoration: none}
.iklanbarisputih a:visited {color:#000000;text-decoration: none}
.iklanbarisputih a:active {color:#000000;text-decoration: none}
.iklanbarisputih a:hover {color:#000000;text-decoration: none}

.haribaik{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0000FF;
	background-color:#FFFFFF;
	text-align:left;
	font-weight:normal;
	padding: 4px 10px;
}
.haribaik a:link {color: #0000FF; text-decoration: none}
.haribaik a:visited {color:#0000FF;text-decoration: none}
.haribaik a:active {color:#0000FF;text-decoration: none}
.haribaik a:hover {color:#FF0000;text-decoration: none}


.iklanbarisbiru{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	background-color:#81B1FD;
	text-align: center;
        font-weight: bold;
	padding: 4px 10px;
}
.iklanbarisbiru a:link {color: #FFFFFF; text-decoration: none}
.iklanbarisbiru a:visited {color:#FFFFFF;text-decoration: none}
.iklanbarisbiru a:active {color:#FFFFFF;text-decoration: none}
.iklanbarisbiru a:hover {color:#FF0000;text-decoration: none}


#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: 12px Arial;
	font-weight: 500;}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 60px;
	background: #2F4EB9;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #B9C9E4;
    color: #000066}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #B9C9E4;
	border: 1px solid #000066}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #B9C9E4;
		color: #000066;
		font: 12px arial}

	#sddm div a:hover
	{	background: #6B84DB;
		color: #FFFFFF}