.bgatas {
	background-image: url(bgatas.png);
	background-repeat: no-repeat;
	background-position: top;
}
.bgbawah {
	background-image: url(bgbawah.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
.abkika {
	border: 1px solid #0099FF;
}
.atas-bawah {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FF9900;
	border-right-color: #FF9900;
	border-bottom-color: #FF9900;
	border-left-color: #FF9900;
}
.menu:link {
	FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: none
}
.menu:active {
	FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: none
}
.menu:visited {
	FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: none
}
.menu:hover {
	FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: underline
}

.menu1:link {
	FONT-SIZE: 12px;
	COLOR: #000066;
	FONT-FAMILY: Tahoma, Verdana, Arial;
	TEXT-DECORATION: none;
	font-weight: normal;

}
.menu1:active {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: none
}
.menu1:visited {
	FONT-SIZE: 12px;
	COLOR: #000066;
	FONT-FAMILY: Tahoma, Verdana, Arial;
	TEXT-DECORATION: none;
	font-weight: normal;

}
.menu1:hover {
	FONT-SIZE: 12px;
	COLOR: #990000;
	FONT-FAMILY: Tahoma, Verdana, Arial;
	TEXT-DECORATION: underline;
	font-weight: normal;

}

.news:link {
	FONT-SIZE: 11px; COLOR: #f1ee04; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: none
}
.news:active {
	FONT-SIZE: 11px; COLOR: #f1ee04; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: none
}
.news:visited {
	FONT-SIZE: 11px; COLOR: #f1ee04; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: none
}
.news:hover {
	FONT-SIZE: 11px; COLOR: #f1ee04; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: underline
}
.konten:link {
	FONT-SIZE: 11px; COLOR: #FFFF00; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: none
}
.konten:active {
	FONT-SIZE: 11px; COLOR: #be0411; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: none
}
.konten:visited {
	FONT-SIZE: 11px; COLOR: #FFFF00; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: none
}
.konten:hover {
	FONT-SIZE: 11px; COLOR: #be0411; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: underline
}
.volunteer:link {
	FONT-SIZE: 10px; COLOR: #be0411; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: none
}
.volunteer:active {
	FONT-SIZE: 10px; COLOR: #be0411; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: none
}
.volunteer:visited {
	FONT-SIZE: 10px; COLOR: #be0411; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: none
}
.volunteer:hover {
	FONT-SIZE: 10px; COLOR: #be0411; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: underline
}
.footer {
	FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: none
}
.jam {
	FONT-SIZE: 11px; COLOR: #482828; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: none
}
.tanggal {
	FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: none
}
.judul {
	FONT-SIZE: 12px; COLOR: #f1ee04; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: none
}
.konten1 {
	FONT-SIZE: 13px;
	COLOR: #330000;
	FONT-FAMILY: Tahoma, Verdana, Arial;
	TEXT-DECORATION: none;
	text-align: justify;

}
.konten {
	FONT-SIZE: 11px; COLOR: #FFFF00; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: none
}
.volunteer {
	FONT-SIZE: 11px; COLOR: #373636; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: none
}
.judul_merah {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #006633; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: none
}
.socialpartner {
	BACKGROUND-POSITION: center center; BACKGROUND-ATTACHMENT: fixed; BACKGROUND-IMAGE: url(../images/bg_social_partner.gif); BACKGROUND-REPEAT: no-repeat
}
.awards:link {
	FONT-SIZE: 11px; COLOR: #f1ee04; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: none
}
.awards:active {
	FONT-SIZE: 11px; COLOR: #f1ee04; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: none
}
.awards:visited {
	FONT-SIZE: 11px; COLOR: #f1ee04; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: none
}
.awards:hover {
	FONT-SIZE: 11px; COLOR: #f1ee04; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: underline
}
.biasa {

	FONT-SIZE: 11px; COLOR: #330000; FONT-FAMILY: Tahoma, Verdana, Arial; TEXT-DECORATION: none
}
#navi {
	MARGIN: 0px 20px 15px; BACKGROUND-COLOR: #1ba6b2
}
#navi UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 506px; PADDING-TOP: 0px
}
#navi LI {
	BORDER-RIGHT: white 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-COLOR: white; FLOAT: left; BORDER-BOTTOM-COLOR: white; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-COLOR: white; LINE-HEIGHT: 25px; PADDING-TOP: 0px; WHITE-SPACE: nowrap; LIST-STYLE-TYPE: none; HEIGHT: 25px
}
#navi LI A {
	PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 8px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; COLOR: yellow; PADDING-TOP: 0px; LETTER-SPACING: 0px
}
 HTML #navi A {
	WIDTH: 1%
}
#navi FORM {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fec42d; FLOAT: right; BORDER-BOTTOM-COLOR: white; PADDING-BOTTOM: 0px; BORDER-LEFT: white 1px solid; WIDTH: 190px; BORDER-TOP-COLOR: white; LINE-HEIGHT: 0px; PADDING-TOP: 0px; HEIGHT: 25px; TEXT-ALIGN: center; BORDER-RIGHT-COLOR: white
}
#navi FORM FIELDSET {
	BORDER-RIGHT: 0px solid; PADDING-RIGHT: 10px; BORDER-TOP: 0px solid; MARGIN-TOP: 5px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; BORDER-LEFT: 0px solid; PADDING-TOP: 0px; BORDER-BOTTOM: 0px solid
}
 HTML #navi FORM FIELDSET {
	MARGIN-TOP: 3px
}
#navi #searchinput {
	BORDER-RIGHT: #a3a3a3 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #a3a3a3 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: #a3a3a3 1px solid; WIDTH: 80px; COLOR: #000; PADDING-TOP: 0px; BORDER-BOTTOM: #a3a3a3 1px solid; HEIGHT: 15px; BACKGROUND-COLOR: #fff
}
#navi #searchbutton {
	BORDER-RIGHT: #a3a3a3 1px solid; BORDER-TOP: #a3a3a3 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 10px; VERTICAL-ALIGN: middle; BORDER-LEFT: #a3a3a3 1px solid; COLOR: #fff; BORDER-BOTTOM: #a3a3a3 1px solid; HEIGHT: 17px; BACKGROUND-COLOR: #a3a3a3
}
#content {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; BACKGROUND: url(img/container_bg.gif) repeat-y 195px 50%; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#main {
	PADDING-LEFT: 0px; FLOAT: left; MARGIN-LEFT: 30px; WIDTH: 500px; POSITION: relative
}