body{font:normal 12px Arial,Helvetica,sans-serif;margin:0 auto;padding:0;background:#ddd;}
a {color:#333;outline:none;}
a:hover{text-decoration:none;}
#main{width:940px;margin:10px auto;padding:0 5px;}
#header{height:60px;padding:10px 0;color:#5c5b5b;background:#fff;}
#header a{color:#5c5b5b;text-decoration:none;}
#header .logo{float:left;width:auto;	padding-left:20px;margin-top:10px;font: bold 30px Arial Rounded MT Bold;}
#header .logo .text{display:block;font-size:13px;margin-top:-5px;color:#aaa;}
#header .logo .text a{color:#aaa;}
#header .right{float:right;width:180px;text-align:right; font-size:12px;line-height:1.5em;margin-top:10px;padding-right:20px;}
#menu{margin-bottom:5px;}
#mid{width:100%;height:250px;}
#mid .slider{float:left; width:940px;}
#content {background:#fff;margin-top:5px;color:#363636;padding-bottom:50px;}
#content .atas{padding:10px 0;margin:0 20px 20px 20px;border-bottom:1px solid #ddd;}
#content .atas .breadcrumb{font-size:90%;color:#666;}
#content .kiri{float:left;width:615px;padding:0 20px;border-right:1px solid #ddd;}
#content .kiri .home{float:left;width:285px;margin-right:20px;}
#content .kiri .home ul li{list-style-image: url('../images/postbullets.png');padding-left:0;margin-left:15px;}
#content .kiri .home a{color:#666;text-decoration:none;}
#content .kiri .home a:hover{color:#333;}
#content .kiri p{margin:10px 0;}
#content .kiri li{padding:5px; list-style:none;}
#content .headtitle h3{color:#FD9500;}
#content p{line-height:1.8em;}
#content a{color:#345475;}
#content p img{padding:5px;margin:5px;}
#content h3{padding-top:10px;font-size:25px;color:#666;margin-bottom:20px;}
#content a {color:#FD9500;outline:none;text-decoration:none;}
#content a:hover{color:#FFBE64;text-decoration:none;}
#content .news{padding-bottom:20px;line-height:1.6em;}
#content .date{font-size:90%;color:#666;}
#content .box-galeri{width:70%;}
#content .box-galeri .box-image{float:left;margin-right:10px;}
#content .box-galeri img{float:left;padding:4px;border: 1px solid #0066B3;border-radius:4px;-moz-border-radius:4px;	-webkit-border-radius:4px;}
#content .list-download {margin:0 20px 20px 0;}
#content .list-download h4{font-size:20px;margin:10px 0;}
#content .list-download li {padding:0 0 5px 20px;}
#content .list-download .label{float:left;width:130px;}
#content .kanan{float:right;	width:262px;padding:0 10px;}
#content .kanan ul li{list-style-image: url('../images/postbullets.png');padding:5px;margin-left:15px;}
#content .kanan a{color:#666;text-decoration:none;}
#content .kanan a:hover{color:#333;}
#footer{text-align:center;padding-bottom:10px;margin-bottom:20px;background: #fff;}
#footersection{margin:0 20px;position:relative;font:11px "Segoe UI", Tahoma, Helvetica, "Helvetica Neue", Arial, sans-serif;line-height: 1.5em;color:#333;border-top:1px solid #363636;}
#footersection span.copyright{margin: 15px 0;}
#footersection a{color:#FD9500;font-weight:bold;padding:5px;}
.Comment {border-bottom:1px dotted #888;}
#CommentList {width:80%;}
.totalComment {margin:10px 0 10px 0;font-weight:bold;}
.cssform p{width: 300px;clear: left;margin: 0;padding: 5px 0 8px 0; padding-left: 50px;}
.cssform label{font-weight: bold;float: left; margin-left: -50px; width: 80px;}
.cssform input[type="text"]{width: 220px; border:1px solid #3686b8;}
.cssform textarea{width: 220px;height: 120px; border:1px solid #3686b8;}
.cssform input[type="submit"]{margin-left: 30px;}
.SenderName{float:left;font:bold 12px arial; padding: 3px;}
.CommentDate{padding: 3px; font-size:11px;font-style:italic}
.CommentContent{padding: 3px;}
.Remove{float:right;padding:3px;}
/*==========================================*/
/*----- forms -----*/
#fieldset-form{margin-bottom:10px;margin-top:10px;padding:10px;border:0;}
#fieldset-form .field {clear:both;}
#fieldset-form .fieldkanan{clear:both;margin-left:100px;padding-bottom:40px;}
#fieldset-form label{float:left;width:100px;line-height:18px;padding-bottom:10px;}
#fieldset-form img{float:left;padding-right:20px;}
#fieldset-form input:invalid{border-color:red;}
#fieldset-form textarea{width:330px;height:100px;padding:1px 0 1px 3px;background:#fff;border:1px solid #ACE;color:#616161;margin-bottom:12px;overflow:auto;float:left;}
#agenda{margin-bottom:20px;}
#agenda h4{padding-bottom:10px;}
#agenda .field{clear:both;}
#agenda label{float:left;width:80px;line-height:1em;padding-bottom:10px;}
.txtField{display:block;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border:1px solid #ACE;margin:0 10px 5px;padding:3px;}
.errorMsg{padding:5px 0 6px 20px;background:#FBE3E4;border:1px solid #FBC2C4;color:#860006;font-weight:bold;}
.successMsg{padding:3px 0 3px 20px;background:#4DE634;border:1px solid #1CC900;color:#fff;font-weight:bold;}
.button_submit {border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background:#FD9300;border:1px solid #FD9300;color:#fff;padding:4px 10px 5px;font-size:13px;margin:0 5px 0 0;font-weight:bold;}
.button_submit:hover{border:1px solid #FD9300;}
/*CSS table*/
.tblData {font-size:90%;border-collapse: collapse;width: 100%;margin-top: 10px;}
.tblData thead{background:#777;color:#fff;font-weight:bold;text-align:center;}
.tblData tbody{background:#efefef;color:#333;}
.tblData td,th {padding:5px 8px;border:1px solid #999;}
.tblData td a,a:visited{color:#265180;}
.tblData td a:hover{color:#000;}
/*CSS pagination*/
#paginate{margin-top:20px;font-size:90%;}
#paginate a{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:4px;text-decoration:none;color:#39d;text-shadow:0 -1px 0 #39d;font-weight:bold;}
#paginate a:hover{color:#fff;text-shadow:0 -1px 0 #369;background:#39d;}
#paginate a, #paginate span{padding:4px 10px 5px;margin-right:2px;}
#paginate a.current{background:#ddd;color:#444;}
#paginate a.current:hover{background:#ccc;color:#555;}
.prev, .next{color:#999;border-color:#222;background:#fff;}
#alert{color:#FE201F;}

/* Tabel e hover */
table.hovertable {
	font-family: verdana,arial,sans-serif;
	font-size:12px;
	color:#333333;
	border-width: 1px;
	border-color: #999999;
	border-collapse: collapse;
}
table.hovertable th {
	background-color:#c3dde0;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
}
table.hovertable tr {
	/* background-color:#d4e3e5;*/
}
table.hovertable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
}

ol .list1 {list-style-type:decimal;}