/* umum */
*{
	padding:0px;
	margin:0px;
	font-size:14px;
	font-family:verdana;
}
iframe {
	border:0px;
}
body {
	background-color:white;
}
table{
	border-collapse:collapse;	
	width:100%;
	border-width:0px;
}
table tr td, table tr th{
	border:1px solid #555;
	padding:0.2em;
	vertical-align:top;
}
table tr th{
	background:#c48a8a;
	font-size:0.9em;
}
table tr:nth-child(odd){
	background:#eebebe;
}
table tr:nth-child(even){
	background:white;
}
table tr:hover{
	background:#beffb1;
}
table tr td a:link{color:#888;text-decoration:none;}
table tr td a:visited{color:#888;text-decoration:none;}
table tr td a:hover{color:black;text-decoration:underline;}
table tr td a:active{color:black;text-decoration:none;}

table.normal tr td.head{
	background:#eebebe;
	padding:0.2em;
	text-align:center;
}
table.normal tr.middle td{
	vertical-align:middle;
}
table.normal{
	width:auto;
}
table.normal tr td{
	padding:0px;
	border-width:0px;	
}
table.normal tr{
	background-color:inherit;
}
div.inputan{
	margin:1em 0px;
}
div.inputan label{
	text-align:right;
}

div.inputan input, div.inputan textarea, div.inputan select{
	padding:0.3em;
	width:97.5%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	border:1px solid #888;
}
div.inputan input[type=checkbox]{
	width:auto;
}
div.inputan select{
	width:auto;
}
input[type=text], input[type=password] {
	padding:3px 6px;
	border-radius:4px;
	border:1px solid #888;

}
input[type=button], input[type=submit] {
	padding:2px 4px;
}
/*menu atas*/
#top {
	background-image:url('top.png');
	margin:5px auto 0px auto;	
	width:947px;
	height:130px;
}
#top #loginPlace{
	position:absolute;
	margin-top:60px;
	right:50%;
	margin-right:-473px;
}
#top #loginPlace a:link{color:#828282;text-decoration:none;}
#top #loginPlace a:visited{color:#828282;text-decoration:none;}
#top #loginPlace a:hover{color:black;text-decoration:underline;}
#top #loginPlace a:active{color:black;text-decoration:underline;}
#top ul {	
	margin-top:90px;
	float:right;
	list-style-type:none;
	display:inline;
}
#top ul li {
	float:left;
}
#top ul ul{
	margin-top:0px;
	position:absolute;	
	display:none;
	background:white;	
	border:1px solid #ccc;
}
#top ul ul li{
	float:none;
	padding:1em 1em 1em 0px;
}
#top ul li:hover ul, #top ul ul li:hover{
	display:block;
}
#top ul li.active a:link, #top ul li.active a:visited{color:black;}
#top ul li a:link{
	font-weight:bold;
	text-shadow: rgba(0,0,0,0.15) 0 4px 4px;	
	margin-left:0.4em;
	font-family:arial;
	color:#828282;
	text-decoration:none;
}
#top ul li a:visited{color:#828282;}
#top ul li a:hover{text-decoration:underline;color:black;}


#banner, #berita, 
#galleri, #anggota,
#visi, #flashMessage, 
#edit, #sejarah,
#detailBerita, #forum, 
#video, .heading {
	width:947px;
	margin:0px auto;
}
#video #videoKiri, #video #videoKanan{
	float:left;
}
#video #videoKiri{
	width:260px;
	padding:1em;
	padding-right:0px;
	height:530px;
}
#video #videoKiri #listVideo{
	overflow-y:scroll;
	height:510px;
	background:#ffe6b4;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #ccc;
	padding:1em;
	-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
}
#video #videoKanan{
	padding:1em;
}
#video #videoKanan #videoPlace{
	width:640px;
	height:480px;
}
#video #videoKanan #videoInfo{
	margin-top:1em;
	background:#ffe6b4;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #ccc;
	padding:1em;
	height:36px;
	-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
}
.heading a:link,#edit a:link{color:#897958;font-weight:bold;text-decoration:none;}
.heading a:visited,#edit a:visited{color:#897958;text-decoration:none;}
.heading a:hover,#edit a:hover{color:#897958;text-decoration:underline;}
.heading a:active,#edit a:active{color:#897958;text-decoration:none;}
#flashMessage {
	margin-bottom:0.6em;
	background:#d2ffd7;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #ccc;
	padding:0.6em;
	font-weight:bold;
}

.heading {
	margin-bottom:0.6em;
}
#visi img.none{
	-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.25);
}
#visi table tr{
	background-color:inherit;
}
#visi table tr td img{
	-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	margin:0px 1em;
}
#visi table tr td{
	border-width:0px;
	text-align:center;
	vertical-align:middle;
}
#visi table tr td h4{
	font-size:1.425em;
	text-shadow: rgba(0,0,0,0.15) 0 4px 4px;	
}
#visi table tr td p{
	font-size:1em;
	text-shadow: rgba(0,0,0,0.15) 0 4px 4px;	
}
#edit, #anggota, #sejarah, #forum {
	width:916px;
	background:#ffe6b4;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #ccc;
	padding:1em;
	-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
}
#anggota table tr td,#anggota table tr th{
	background-color:inherit;
	border-width:0px;
}
#anggota table tr{
	background-color:inherit;
	border-width:0px;
}

#sejarah {
	-moz-column-count:4; /* Firefox */
	-webkit-column-count:4; /* Safari and Chrome */
	column-count:4;
	column-fill:balance;
}

#anggota #photo{
	max-width:914px;
}
#galleri {
	width:900px;
}
#galleri img {
	width:137px;
	cursor:pointer;	
	margin-left:0.6em;
	margin-top:0.6em;
	-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
#imagePlace #black {
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(0,0,0, 0.80);
}
#imagePlace #gambarBesar{
	max-height:90%;
	max-width:70%;
	top:50%;
	left:50%;
	margin-top:0px;
	margin-left:0px;
}
#imagePlace #prev,#imagePlace #next,
#imagePlace #gambarBesar,#imagePlace #infoGambar{
	position:fixed;
}
#imagePlace #prev, #imagePlace #next {
	cursor:pointer;
	left:50%;
	top:50%;
	margin-top:-100px;
	width:100px;
	height:100px;
}
#imagePlace #infoGambar{
	top:0px;
	margin-top:0px;
	left:50%;
	width:300px;
	margin-left:-150px;
	text-align:center;
	color:white;
}
#imagePlace #prev{background-image:url('prev.png');}
#imagePlace #next{background-image:url('next.png');}
/*
#imagePlace #gambarBesar {
	
	position:fixed;
	top:5%;
	left:0px;
	right:0px;	
	margin:0px auto;
	min-height:20%;
	min-width:20%;
	max-height:80%;
	max-width:80%;
}
*/
#banner #boxBannerUtama {
	margin-top:0.6em;
	text-align:center;
}
#banner #boxBannerUtama #bannerUtama{
	max-width:947px;
	max-height:550px;
}

#banner #boxBanner .utama, #banner #boxBannerUtama #bannerUtama{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
#banner #boxBanner #sliding{
	width:947px;
	height:500px;
}
#banner #boxBanner #sliding img{
	display:none;
}
#banner #boxBanner #slider{
	position:absolute;
	top:560px;
	left:50%;
	margin-left:336px;
}
#banner #boxBanner #slider img{
	border:1px solid white;
	cursor:pointer;
	margin-left:0.3em;
}
#banner #boxBanner #slider img.active{
	border:1px solid #555;
}
#berita{
	height:160px;
}
#berita .boxBerita{
	background:#ffe6b4;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #ccc;
	padding:1em;
	-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
	float:left;
	margin-right:0.6em;
}
#berita .boxBerita#kiri{
	width:600px;
}
#berita .boxBerita#kanan{
	margin-right:0px;
	width:278px;
}
#berita .boxBerita#kanan .beritaTerakhir{
	border-top:1px solid gray;
	padding-bottom:0.6em;
}
#berita .boxBerita#kanan .beritaTerakhir img{
	width:120px;
	max-height:120px;
}
#berita .boxBerita#kanan .beritaTerakhir table tr td{
	padding:0px;
	margin:0px;
	border-width:0px;
	font-size:0.75em;
}
#berita .boxBerita#kanan .beritaTerakhir table tr td a{
	font-size:1em;
}
#berita .boxBerita#kanan .beritaTerakhir table tr{
	background-color:inherit;
}
#berita .box{
	background:#ffe6b4;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
	margin-top:0.6em;
	border:1px solid #ccc;
	padding:10px;
	height:130px;
	float:left;
	margin-right:0.6em;
}
#KalenderEvent {
	overflow-y:scroll;
}
#KalenderEvent p a:link{color:#828282;text-decoration:none;}
#KalenderEvent p a:visited{color:#828282;text-decoration:none;}
#KalenderEvent p a:hover{color:black;text-decoration:underline;}
#KalenderEvent p a:active{color:black;text-decoration:none;}
#berita .singkat {
	width:198px;
}
#berita .event {
	width:198px;
}
#berita .berita {
	width:468px;
}
h4 {
	font-family:arial;
	font-size:1.2em;
	color:#323740;
	font-weight:bold;
	text-shadow:rgba(0,0,0,0.15) 0 4px 4px;
}
h6{
	font-size:0.75em;
	font-weight:normal;
	text-shadow:rgba(0,0,0,0.15) 0 4px 4px;
	color:rgba(0,0,0,.6);
}
p{
	text-shadow: rgba(0,0,0,0.15) 0 1px 1px;
	color:#404741;
}
#footer{
	float:left;
	width:947px;
	margin:1em auto 0px auto;
	font-size:0.75em;
	text-align:center;
	color:rgba(0,0,0,0.4);
}

.right{
	text-align:right;
}
.bold{
	font-weight:bold;
}
.center{
	text-align:center;
}
td#starPlace img{
	max-width:25px;
}