@charset "utf-8";

/* CSS Document */



@import url("easyAccordion.css");

@import url("superfish.css");

@import url("nivo-slider.css");

@import url("../development-bundle/themes/hot-sneaks/jquery-ui.css");

@import url("login.css");



* {

	margin: 0px;

	padding: 0px;

}

body {

	background-color: #ccdeee;

	background-image: url(../images/bg-body.jpg);

	background-repeat: repeat-x;

	background-position: top;

}



.clear {

	clear:both;

}

.notes {

    display: block;

    margin: 0 0 15px 10px;

    color: #FF0000;

}

.content {

	background-color: #FFF;

	float: left;

	width: 920px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000;

	margin-right: 10px;

	margin-bottom: 10px;

	margin-left: 5px;

}

.short-content {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333;

	width: 900px;

	padding-top: 20px;

	padding-bottom: 200px;

	margin-bottom: 100px;

	height: 200px;

}



.content ol {

	padding: 20px;	

	margin: 30px;

}



.content ol li{

	padding: 10px;	

}



.content ul{

	padding-left:30px;

}



.title-content-w {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	line-height: 30px;

	font-weight: bold;

	color: #FFF;

	background-color: #666;

	float: left;

	width: 910px;

	padding-left: 10px;

	margin-bottom: 10px;

}

.detail-content {
	width: 870px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333;
	

}

.detail-content img {

	padding-right: 20px;

	padding-bottom:20px;

	float: left;
}

.detail-content-sambutan {

	width: 890px;

	margin-top: 20px;

	margin-bottom: 10px;

	padding-left: 10px;

}

.detail-content-sambutan img {

	padding-right: 20px;

	padding-bottom:20px;

	float: left;

	height: 400px;

	width: 350px;

}

.detail-content table tr td {

	padding:5px;

}

.detail-content ol {

	padding-left:30px;	

}



.detail-content ol li{

	padding-bottom:10px;	

}

.img-content-top {

	margin-top: 20px;

	margin-bottom: 10px;

	margin-left: auto;

	margin-right: auto;

	width: 700px;

}





#container {

	width: 100%;

}



#container #shadow {

	width:950px;

	margin-right: auto;

	margin-left: auto; 

}



#container #shadow #wrapper {

	width:950px;

	margin-right: auto;

	margin-left: auto; 

	-moz-box-shadow: 0 0 5px 5px #888;

	-webkit-box-shadow: 0 0 5px 5px#888;

	box-shadow: 0 0 5px 5px #888;

	background-color: #FFF;

}



#container #shadow #wrapper #top {

	width: 935px;

	margin-bottom:5px;

	height: 118px;

	

}

#container #shadow #wrapper #top #logo {

	float: left;

	height: 103px;

	width: 560px;

}

#container #shadow #wrapper #top #registrasi {

	float: right;

	width: 200px;

	padding-top: 5px;

	margin-left: 100px;

	

}

.registrasi {

	float: right;

	width: 200px;

	padding-top: 5px;

	margin-left: 100px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #FFF;

	text-align: right;

	font-weight: bold;

}

.registrasi a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #FFF;

	text-decoration: none;

	font-weight: bold;

}

.registrasi a:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #FF6;

	text-decoration: underline;

	font-weight: bold;

}







#container #shadow #wrapper #top #search {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	line-height: 30px;

	font-weight: bold;

	float: right;

	width: 300px;

	text-align: right;

	height: 23px;

	vertical-align: bottom;

	padding-top: 10px;

	margin-top: 30px;

}

.list-search a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333;

	text-decoration: none;

	line-height: 30px;

}

.list-search {

	width: 880px;

	padding-left: 20px;

}



.list-search a:hover {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#F60;

	text-decoration:none;

	line-height: 30px;

}

#container #shadow #wrapper #top {

	width: 920px;

	padding-right: 30px;

	background-image: url(../images/bg_top.png);

	height: 160px;

}



#container #shadow #wrapper #menu-top {

	width: 940px;

	height: 30px;

	-moz-box-shadow: 0 0 5px #888;

	-webkit-box-shadow: 0 0 5px#888;

	box-shadow: 0 0 5px #888;

	margin-top: 20px;

}





#container #shadow #wrapper #banner-top {

	width: 900px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 10px;

}

#container #shadow #wrapper #news-update {

	background-color: #333;

	height: 40px;

	width: 920px;

	font-family: Arial, Helvetica, sans-serif;

	color: #FFF;

	margin-right: auto;

	margin-left: auto;

	clear: both;

	line-height: 40px;

}

#container #shadow #wrapper #news-update ul {

	display: inline;

	height: 30px;

	width: 600px;

	color: #FFF;

	list-style-type: circle;

}

#container #shadow #wrapper #news-update ul li {

	display: inline;

	margin-right: 10px;

	margin-left: 5px;

	color: #FFF;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

}

#container #shadow #wrapper #news-update ul li a {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 12px;

	color: #FFF;

	text-decoration: none;

	font-weight: bold;

	line-height: 30px;

}

#container #shadow #wrapper #news-update ul li a:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #F90;

	text-decoration: none;

	line-height: 30px;

}





#container #shadow #wrapper #news-update h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #FFF;

	background-color: #1e66a2;

	padding-left: 10px;

	width: 140px;

	margin-right: 10px;

	float: left;

	height: 40px;

	clear: both;

}



#container #shadow #wrapper #bodyarea {

	float: left;

	width: 950px;

	margin-top: 10px;

	margin-bottom: 10px;

	margin-left: 10px;

}

#container #shadow #wrapper #bodyarea #slider-foto {

	float: left;

	width: 915px;

	margin-left: 5px;

}

#container #shadow #wrapper #bodyarea #bd-left {

	float: left;

	width: 620px;

	padding-left: 7px;

}



#container #shadow #wrapper #bodyarea #bd-left #banner {

	float: left;

	margin-top: 5px;

	margin-bottom: 5px;

}



#container #shadow #wrapper #bodyarea #bd-left #bd-left1{

	float: left;

	width: 240px;

	margin-right:10px;

}



#container #shadow #wrapper #bodyarea #bd-left #bd-left1 #ym-status {

	float: left;

	height: 260px;

	width: 240px;

	margin-right: 10px;

	border: 1px solid #CCC;

}

#container #shadow #wrapper #bodyarea #bd-left #bd-left1 #testimoni {

	float: left;

	width: 240px;

	margin-bottom: 10px;

	border: 1px solid #CCC;

	padding-bottom:10px;

}



#container #shadow #wrapper #bodyarea #bd-left #bd-left1 #testimoni a{

	color:#333;

}

.testi-box {

	width: 230px;

	margin-top: 5px;

	margin-right: 5px;

	margin-bottom: 10px;

	margin-left: 5px;

	float:left;

	text-align:left;

	border-top-width: 1px;

	border-top-style: dotted;

	border-top-color: #CCC;

	padding-top: 0px;

	padding-bottom: 5px;

}

.testi-box img {

	width: 120px;

	height:100px;

	float:left;

	padding-right:10px;

	

}

.title-testi1 {

	width:230px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #036;

	

}

.title-testi2 {

	width:230px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #036;

	margin-bottom:5px;

}

#container #shadow #wrapper #bodyarea #bd-left #bd-left1 #video {

	float: left;

	width: 220px;

	margin-top: 5px;

	background-color: #666;

	padding: 10px;

	border: 1px solid #999;

	font-family: Arial, Helvetica, sans-serif;

	color: #FFF;

}

#container #shadow #wrapper #bodyarea #bd-left #bd-left1 #video ul li {

	list-style-type: circle;

}

#container #shadow #wrapper #bodyarea #bd-left #bd-left1 #video ul {

	padding-left: 20px;

}

#container #shadow #wrapper #bodyarea #bd-left #bd-left1 #video ul li a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFF;

	text-decoration: none;

}

#container #shadow #wrapper #bodyarea #bd-left #bd-left1 #video ul li a:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #F90;

	text-decoration: none;

}



#container #shadow #wrapper #bodyarea #bd-left #bd-left1 #video h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #FFF;

	margin-top: 5px;

	margin-bottom: 5px;

}

.header-left{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	line-height: 30px;

	color:#FFF;

	float: left;

	width: 232px;

	padding-left: 10px;

	background-color:#666;

	margin-bottom:10px;

	font-weight:bold;

}

.ym-box {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #333;

	float: left;

	width: 160px;

	margin-bottom: 10px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #CCC;

	padding-top: 5px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 70px;

}

#container #shadow #wrapper #bodyarea #bd-left #bd-left2 {

	float: left;

	width: 355px;

}



#container #shadow #wrapper #bodyarea #bd-left #bd-left2 #headline-news {

	float: left;

	width: 355px;

	height:600px;

}

#container #shadow #wrapper #bodyarea #bd-left #bd-left2 #headline-news #text-headline{

	float: left;

	height: 150px;

	width: 355px;

	margin-bottom: 5px;

	padding-bottom:20px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000;

	text-align: justify;

	border-bottom-width: 1px;

	border-bottom-style:dotted;

	border-bottom-color:#999;

	padding-top: 12px;

}

.header-left2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	line-height: 30px;

	color: #FFF;

	background-color: #666;

	float: left;

	height: 32px;

	width: 345px;

	padding-left: 10px;

	font-weight: bold;

}



#container #shadow #wrapper #bodyarea #bd-left #bd-left2 #headline-news img {

	float: left;

	width: 130px;

	margin-bottom: 5px;

	height: 100px;

	margin-top: 2px;

}

#container #shadow #wrapper #bodyarea #bd-left #bd-left2 #headline-news a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #333;

	margin-top: 10px;

}

/***** headline ****/

.date-news {

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	color:#95001B;

}

.foto-headline{

	width:130px;

	height:1000px;

	float:left;

	padding-right:10px;

}

.text-headline {

	float:left;

	width:210px;

	height:100px;

}

#container #shadow #wrapper #bodyarea #bd-left #bd-left2 #headline-news a:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #C00;

	margin-top: 10px;

}

#container #shadow #wrapper #bodyarea #bd-left #bd-left2 #berita-front {
	width:353px;
	border: 1px solid #CCC;
	

}

#container #shadow #wrapper #bodyarea #bd-left #bd-left2 #berita-front #berita-utama a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #000;

	text-decoration: none;

}

#container #shadow #wrapper #bodyarea #bd-left #bd-left2 #berita-front #berita-utama a:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #C00;

	text-decoration: none;

}



#container #shadow #wrapper #bodyarea #bd-left #bd-left2 #berita-front #berita-utama {

	text-align: justify;

	float: left;

	width: 340px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333;

	padding-left:5px;

	padding-right:5px;

	margin-bottom: 10px;

}

#container #shadow #wrapper #bodyarea #bd-left #bd-left2 #berita-front img {

	float: left;

	height: 180px;

	width: 354px;

	margin-top:2px;

}



#container #shadow #wrapper #bodyarea #bd-left #bd-left2 #berita-front #list-berita {

	float: left;

	width: 340px;

	padding-left: 12px;

}

#container #shadow #wrapper #bodyarea #bd-left #bd-left2 #berita-front #list-berita ul {

	padding: 10px;

	width: 320px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #CCC;

}

#container #shadow #wrapper #bodyarea #bd-left #bd-left2 #berita-front #list-berita ul li {

	margin-bottom: 10px;

	border-top-width: 1px;

	border-top-style: dotted;

	border-top-color: #CCC;

	height: 15px;

	vertical-align: middle;

	padding-top: 5px;

	padding-left: 10px;

}

#container #shadow #wrapper #bodyarea #bd-left #bd-left2 #berita-front #list-berita ul li a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333;

	text-decoration: none;

	font-weight: bold;

}

#container #shadow #wrapper #bodyarea #bd-left #bd-left2 #berita-front #list-berita ul li a:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #C03;

	text-decoration: none;

	font-weight: bold;

}
#container #shadow #wrapper #bodyarea #bd-left #bd-left2 #banner {
	width: 353px;
}
#container #shadow #wrapper #bodyarea #bd-left #bd-left2 #banner img {
	width: 353px;
}


.text-index {

	width:340px;

	padding-right:15px;

	text-align:right;

	height:30px;

	background-color:#666;

}

.text-index a {

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#FFF;

	line-height:30px;

}

.text-index a:hover {

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#F60;

	line-height:30px;

}

#container #shadow #wrapper #bodyarea #bd-left #bd-left2 #karir-front {

	float: left;

	height: 270px;

	width: 353px;

	border: 1px solid #CCC;

}

#container #shadow #wrapper #bodyarea #bd-left #bd-left2 #karir-front #list-karir {

	padding: 10px;

	float: left;

	width: 350px;

}

#container #shadow #wrapper #bodyarea #bd-left #bd-left2 #karir-front #list-karir ul {

	padding-left: 10px;

	margin-top: 10px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #CCC;

	width: 320px;

}

#container #shadow #wrapper #bodyarea #bd-left #bd-left2 #karir-front #list-karir ul li {

	margin-bottom: 10px;

	border-top-width: 1px;

	border-top-style: dotted;

	border-top-color: #CCC;

	height: 20px;

	padding-top: 5px;

}

#container #shadow #wrapper #bodyarea #bd-left #bd-left2 #karir-front #list-karir ul li a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333;

	text-decoration: none;

	font-weight: bold;

}

#container #shadow #wrapper #bodyarea #bd-left #bd-left2 #karir-front #list-karir ul li a:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #C00;

	text-decoration: none;

	font-weight: bold;

}

















#container #shadow #wrapper #bodyarea #bd-left #index-berita1 {

	float: left;

	width: 300px;

}

#container #shadow #wrapper #bodyarea #bd-left #bd-left1 #polling {

	float: left;

	height: 220px;

	width: 240px;

	border: 1px solid #CCC;

	margin-top: 5px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333;

}



#container #shadow #wrapper #bodyarea #bd-left #buku {

	float: left;

	width: 295px;

	margin-left: 5px;

	border: 1px dotted #CCC;

	padding: 2px;

	margin-top: 5px;

}

#container #shadow #wrapper #bodyarea #bd-left #buku .buku-box a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #666;

	text-decoration: none;

}

#container #shadow #wrapper #bodyarea #bd-left #buku .buku-box a:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FC3;

	text-decoration: none;

}



#container #shadow #wrapper #bodyarea #bd-left #buku h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #000;

	background-color: #CCC;

	width: 295px;

	padding-left: 5px;

	line-height: 30px;

}



.buku-box {

	float: left;

	width: 290px;

	padding-top: 5px;

	padding-bottom: 5px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #CCC;

}

.buku-box img {

	float: left;

	height: 70px;

	width: 65px;

	margin: 5px;

}









#container #shadow #wrapper #bodyarea #bd-right {

	float: left;

	width: 285px;

	margin-left:10px;

	padding-bottom:10px;

	-moz-box-shadow: 0px -2px 7px #e6e6e6;

	box-shadow: -10px 0px 10px -10px #e6e6e6;

	padding-left: 10px;

}

.register-online-btn {

	height: 180px;

	width: 240px;

	position: fixed;

	right: 1px;

	bottom: 1px;

}



.register-online-btn  img {

	position: absolute;

	top:auto;

	z-index:3000;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;		

}



#container #shadow #wrapper #bodyarea #bd-right #info {

	background-color: #CCC;

	float: left;

	width: 275px;

}

#container #shadow #wrapper #bodyarea #bd-right #info ul {

	display: block;

	width: 275px;

	padding-left: 20px;

}

#container #shadow #wrapper #bodyarea #bd-right #info ul li {

	padding-left: 20px;

	list-style-type: circle;

}

#container #shadow #wrapper #bodyarea #bd-right #info ul li a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333;

	text-decoration: none;

}

#container #shadow #wrapper #bodyarea #bd-right h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	color: #903;

	margin-bottom: 5px;

}

#container #shadow #wrapper #bodyarea #bd-right #sambutan {

	width: 260px;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: dotted;

	border-bottom-style: dotted;

	border-top-color: #CCC;

	border-bottom-color: #CCC;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333;

	padding-right: 10px;

	padding-bottom: 20px;

	padding-left: 10px;

	text-align: justify;

}

.header-right {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	line-height: 30px;

	font-weight: bold;

	color: #FFF;

	background-color: #666;

	float: left;

	height: 30px;

	width: 250px;

	margin-bottom: 10px;

	padding-left: 10px;

}

#container #shadow #wrapper #bodyarea #bd-right #promo-right {

	float: left;

	height: 265px;

	width: 260px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCC;

	margin-bottom: 10px;

	padding: 2px;

	border-top-width: 1px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-left-style: solid;

	border-top-color: #CCC;

	border-right-color: #CCC;

	border-left-color: #CCC;

}

#container #shadow #wrapper #bodyarea #bd-right #promo-right ul {

	float: left;

	width: 240px;

	padding-right: 10px;

	padding-left: 30px;

	margin-top: 10px;

}

#container #shadow #wrapper #bodyarea #bd-right #promo-right  ul li {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000;

	margin-bottom: 10px;

	font-weight: bold;

}





#container #shadow #wrapper #bodyarea #bd-right #sambutan img {

	float: left;

	height: 150px;

	width: 130px;

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 0px;

}



#container #shadow #wrapper #bodyarea #bd-right #jam {

	width: 279px;

	padding-top: 10px;

	padding-right: 10px;

	padding-bottom: 0px;

	padding-left: 60px;

}



#container #shadow #wrapper #bodyarea #bd-right #kalender {

	width: 279px;

	padding-right: 5px;

	padding-left: 5px;

}

/* kalender */

#background {

	width: 254px;

	height: 250px;

	margin: 30px auto;

	padding: 69px 0 0 11px;

	background-color: transparent;

	background-image: url(../images/calendar.png);

	background-repeat: no-repeat;

	background-position: 0 0;

}

#calendar {

	width: 241px;

}

/* end kalender */

#container #shadow #wrapper #footer {

	width: 880px;

	padding-right: 5px;

	padding-left: 10px;

	border-top-width: 1px;

	border-top-style: dotted;

	border-top-color: #999;

	height: 60px;

	margin-right: auto;

	margin-left: auto;

	padding-bottom: 20px;

	margin-top: 10px;

}



.logo-bottom img {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;	

}



.logo-bottom {

	float: right;

	height: 50px;

	width: 150px;

	margin-right: 5px;

	margin-top: 5px;

}







.ftr-left {

	width:620px;

	height:50px;

	float:left;

	font-family: "Arial Black", Gadget, sans-serif;

	color: #333;

	margin-top: 10px;

}

.ftr-left a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #333;

	text-decoration: none;

}

.ftr-left a:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #F60;

	text-decoration: none;

}















/* ------------------- berita -----*/

.berita-front{

	width:290px;

	border:1px solid #000;

	background:#0000FF;

}

.berita{

	width:285px;

	padding-right:10px;

	border:1px solid #a1b1bc;

	float:left;

	text-align:left;

}

.berita a {

	color : #7C0000;

	text-decoration:none;	

}

.berita a:hover{

	color:#FF9900;

}

.head-berita{

	font:Arial, Helvetica, sans-serif 16px;

	padding-left:10px;

	font-weight:bold;

	line-height: 30px;

	color:#FFFFFF;

	width:285px;

	height:30px;

	background-image: url(../images/bg_head-news.jpg);

	background-repeat: repeat-x;

	

}

.gjl {

	background-color: #fff; /* baris ganjil berwarna hijau muda */

	width:295px;

	height:74px;

	float:left;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #a1b1bc;

	padding-bottom:5px;

		

}

.gnp {

	background-color: #fff4f4;

	width:295px;

	height: 74px;

	float:left;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #a1b1bc;

	padding-bottom:5px;

	

}   

.img-berita{

	width:54px;

	height:54px;

	border:solid 1px #999999;

	margin-right:10px;

	margin-left:2px;

	float:left;

	padding-top:5px;

	padding-bottom:5px;

}



.title-berita{

	width: 265px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	font-weight:bold;

	color:#000066;

	padding-left:10px;

	padding-right:10px;

	padding-top:5px;

	float:left;

}



.header-berita{

	width: 275px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	color:#7C0000;

	padding-left:10px;

	padding-right:10px;

	float:left;

	line-height: 10px;

}





.btm-berita{

	background-color: #fff4f4;

	width:295px;

	height:30px;

	float:left;

	font:Arial, Helvetica, sans-serif 12px;

	color:#000099;

	text-align:right;

	line-height:30px;

}



.banner-berita{

	width: 200px;

	float:left;

	padding-left:20px;

}



.index-berita{

	width:590px;

	border-bottom:#CCC solid 1px;

	padding-bottom:15px;

	margin-bottom: 15px;

}

.box-berita{

	width:920px;

	float:left;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #a1b1bc;

	padding-bottom:5px;

	margin-top:10px;

	margin-bottom:10px;

}

.text-berita {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 15px;

	text-align:25px;

	color: #333;

	text-align: left;

	float: left;

	height: 120px;

	width: 600px;

	margin-right: 10px;

	margin-top: 5px;

}



.text-berita a{

	font-size:13px;

	font-weight:bold;

	color:#333;

	font-family: Arial, Helvetica, sans-serif;

	text-decoration: none;

	text-align: left;

	line-height: 30px;

	margin-bottom: 10px;

}

.text-berita a:hover{

	font-size:13px;

	font-weight:bold;

	color:#C00;

	font-family: Arial, Helvetica, sans-serif;

	text-decoration: none;

	text-align: left;

	line-height: 30px;

	margin-bottom: 10px;

}

.img-berita {

	float: right;

	height: 100px;

	width: 150px;

	padding:5px;

}



.img-berita img{

	float: right;

	height: 100px;

	width: 150px;

}



.berita-detail{
	width:900px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	size:11px;
	color:#333;
	text-align:justify;
	padding-top: 10px;
	border-top-width: 2px;
	border-top-style: double;
	border-top-color: #C00;

}



.berita-detail img {
	width: 420px;
	height:350px;
	margin-right:10px;
	margin-bottom: 10px;
	float:left;

}



.index-img{

	width:90px;

	height:70px;

	margin-right:20px;

	margin-top:10px;

	border:#CCC solid 1px;

	float:left;

}

.index-title{

	width:530px;

	float:left;

	margin-bottom:5px;

	font:Arial, Helvetica, sans-serif 12px;

	color:#036;

}

.a-index{

	font-family:Arial, Helvetica, sans-serif;

	font-size:15px;

	color:#009;

	margin-bottom:20px;

}

.index-header{

	width: 530px;

	margin-left:20px;

	margin-top:10px;

}



.berita-title{

	color:#333;

	font-family:Arial, Helvetica, sans-serif;

	font-size:20px;

	width:290px;

	height:30px;

	float:left;

	margin-bottom:20px;

}

.berita-img{

	float: left;

	margin-right: 20px;

	margin-bottom: 20px;

	width:300px;

	height:350px;

	

}

.berita-decription{

	color:#666;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	

}

.berita-description img{

	float: left;

	margin-right: 20px;

	margin-bottom: 20px;

	margin-top: 12px;

	width:100px;

	height:150px;



}







/*** statistik */

#statistik {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333333;

	float: left;

	width: 240px;

	padding-right: 4px;

	padding-bottom: 2px;

	padding-left: 12px;

	height: 155px;

	margin-bottom: 12px;

}

.statistik {

	float: left;

	width: 258px;

	margin-left: 10px;

	height: 175px;

	border: 1px solid #CCC;

}





.header-mn-left {

	font-family: Arial, Helvetica, sans-serif;

	height: 30px;

	width: 270px;

	margin-top: 5px;

	padding-top: 5px;

	padding-bottom: 5px;

	padding-left: 10px;

	border: 1px solid #333333;

	font-size: 14px;

	font-weight: bold;

	color: #FFF;

	line-height: 30px;

	margin-bottom: 5px;

	background-color: #933;

}

.livezilla {

	position: fixed;

	left: 1px;

	top: 150px;

}

.register-form {

	margin: 10px;

	float: left;

	width: 600px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333;

	padding-left: 10px;

}

.fasilitas-box {

	margin: 10px;

	width: 900px;

	height: 130px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #CCC;

}

.fasilitas-gambar {

	height: 110px;

	width: 120px;

	margin-right: 100px;

	border: 1px solid #CCC;

	float:left;

}

.fasilitas-gambar  img {

	width:100px;

	height:90px;

	padding:10px; 

}

.fasilitas-title {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	color: #333;

	height: 30px;

	width: 650px;

	margin-bottom: 10px;

	float:right;

}

.fasilitas-header {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #333;

	width: 650px;

	margin-bottom: 10px;

	float:right;

}



.fasilitas-header a {

	color:#039;

}

.fasilitas-header a:hover {

	color:#06F;

	text-decoration:underline;

}



.fasilitas-foto {

	width:400px;

	height:320px;

	margin:20px;

	border:1px solid #CCC;

	float:left;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#333;

	text-align:center;

}

.fasilitas-foto img {

	width:380px;

	height:280px;

	padding:10px;

}

.fasilitas-detail {

	width:900px;

	float:left;

	margin:10px;

}

/***** spmb ***/

.spmb {

	width:900px;

	margin:10px;

	padding-left: 10px;

}

.smpb img {

	width:300px;

	height:270px;

	float:left;

}



.spmb ol {

	margin-left:50px;

}

.spmb ol li {

	padding:10px;

}

.title-jurnal {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	color: #333;

	text-align: center;

	width: 900px;

}