@charset "utf-8";
/* CSS Document */
body{ background:url(images/bg.jpg) repeat-x; padding:0; margin:0; font-family: Arial, Helvetica, sans-serif; font-size:12px; height:1024px; color:#fff; background-color:#863605}
.clr{ clear:both;}

h1, h2, h3, h4, h5{ margin:0 0 10px 0;color:#666; font-weight:bold;}
h1{font-size:18px; color:#6d2b03;} 
h2{font-size:16px;} 
h3{font-size:14px; color:#00a2ff;} 
h4{font-size:12px;}
h5{font-size:10px;}
.tanggal{color:#FFCC33; font-size:11px;}
/*--------------------------------------------------------------------------------------*/
.container{ margin:0 auto; padding:0; width:823px;}


/*-------------------------------------HEAD------------------------------------*/
.head{ background:url(images/head.jpg) top left no-repeat; width:759; height:96px;}
.datetab{ text-align:right; color:#6d2b03; margin:0 0 0 0;width:820px;}

/*-------------------------------------Menu Top------------------------------------*/
.menutop{background:url(images/bg-menu.jpg) top center no-repeat; width:823px; }
.menutop ul{ margin:0; padding:0;}
.menutop li{display:inline; line-height:37px; padding:0 10px; background: url(images/sekat-menu.png) center left no-repeat; }
.menutop li a{ color:#FFFFFF; text-decoration:none}
.menutop li a:hover{ color:#FFCC33;}


/*-------------------------------------Conten------------------------------------*/
.conten{margin:10px 0 0 0;}
.kiri{float:left; width:171px; padding: 0px;}
.kanan{float:right; width:638px;}

/*-------------------------------------Block Samping------------------------------------*/
.ceak1{margin:0 0 10px 0; padding:0;}
.headbloksamping{ background:url(images/head-blok.png) top no-repeat; height:36px;width:171px;}
.bloksamping{ background:#9d420a; height:260px; width:161px; padding: 0 5px;}
.botomblok{background:url(images/bottomblok.png) top no-repeat; height:10px;width:171px; padding:0;}

/*-------------------------------------Menu Samping------------------------------------*/
.headmenusamping{background: url(images/bg-top-samping.png) top no-repeat; height:6px; width:171px;}
.menusamping{background:#9d420a; width:151px;height:400px; padding:0 10px ; color:#fff;} 
.menusamping ul{ margin:0; padding:0px; list-style:none;}
.menusamping li{border-bottom:#fff 1px dashed; display:block; font-size:12px; font-weight:bold; padding:2px 0;}
.menusamping li a{color:#FFF; text-decoration:none; }
.menusamping li a:hover{color:#FFCC33; text-decoration:none;}
ul.treeMenu{ padding:0 0 0 15px; margin:0;}
ul.treeMenu li{border:none;font-weight:normal; font-size:11px; display:block; list-style:none;}

/*-------------------------------------Block center------------------------------------*/
.headblokcenter{ background:url(images/head-blok-center-admin.png) repeat; height:36px; width:455px;}
.botomblokcenter{background:url(images/fooetr-bloc-center.png) repeat; height:10px;width:455px;}
.blokcenterup{ background:#ffffff; width:435px; height:390px; padding: 10px 10px 0 10px; font-family: Verdana, Tahoma, Georgia, Helvetica, Garamond, Sans-serif; font-size:12px; color:#6d2b03;}
.blokcenterup a{color:#FF9900; text-decoration:none;}
.blokcenterup a:hover{color:#FFCC99; text-decoration:underline;}
.blokcenterdown{ background:#9d420a; height:250px; width:435px; padding: 10px 10px 0 10px; color:#fff;}
.headblokevent{ background:url(images/head-blok-center-admin.png) repeat; height:36px; width:455px;}
.blokevent{ height:705px; width:435px; background:#ffffff; padding: 10px 10px 0 10px; font-family: Verdana, Tahoma, Georgia, Helvetica, Garamond, Sans-serif; font-size:12px; color:#6d2b03;}
.blokevent a{color:#FF9900; text-decoration:none;}
.blokevent a:hover{color:#FFCC99; text-decoration:underline;}
.botomblokevent{background:url(images/fooetr-bloc-center.jpg) repeat; height:10px;width:455px;}
.headblokadmin{ background:url(images/head-blok-center-admin.png) repeat; height:36px;width:635px;}
.blokadmin{ background:#9d420a; width:320px; height:100px; padding: 10px 125px 0 10px}
.blokmanipulate{ background:#9d420a; width:500px; padding: 10px 125px 0 10px; color:#fff;}
.botomblokadmin{background:url(images/fooetr-bloc-center-admin.png) repeat; height:10px;width:635px;}

.kananKanan{ float:left; width:435px;} 
.kananKiri{ float:right; width:171px;} 

/*-------------------------------------Event Calender------------------------------------*/
.listevent{ border-bottom:#9d420a 1px solid; padding:3px 0;}
.listImages img{ padding:3px ; border:#9d420a 1px solid;}
.listText{float:right; width:380px;}
.listText a {color:#FF9900; text-decoration:none;}
.listText a:hover {color:#FFCC33; text-decoration:underline;}

.eventNext{width:135px; margin: 0px auto; padding: 10px 10px; background:#fff; font-family: Verdana, Tahoma, Georgia, Helvetica, Garamond, Sans-serif; font-size:10px; color:#6d2b03;}
.eventNext img{ width:135px;}
.eventNext a{color:#FF9900; text-decoration:none;}
.eventNext a:hover{color:#FFCC33; text-decoration:none;}
.ceak2{padding:10px 0 0 0;}
/*-------------------------------------Navigasi Calender------------------------------------*/
.navCelender{}
.prevMonth{ float:left;width:150px; margin:0  0  0 15px;}
.prevMonth img{ border:none; margin:0 5px 0 0;}
.nextMonth{ float:right;width:150px; text-align:right; margin:0 15px 0 0;}
.nextMonth img{border:none; margin:0  0 0 5px;}
.nextMonth a,.prevMonth a{color:#FFF; font-size:11px; text-decoration:none;}
.nextMonth a:hover,.prevMonth a:hover{color:#FFCC33; }
 
.moonName{text-align:center; font-size:14px; margin:0 0 5px 0; padding:0 0 5px 0; border-bottom:#9d420a 1px solid;  }

/*-------------------------------------Banner------------------------------------*/
.banner{ width:155px; margin: 0px auto; padding: 10px 0; border-bottom:#c0e5ff 1px solid; }
.banner img{ border:none;}

/*-------------------------------------News------------------------------------*/
.news{border-bottom:#fff 1px solid; padding:5px 0 5px 22px;background:url(images/list-news.jpg) left no-repeat; }
.news a{color:#FFF; font-size:12px; text-decoration:none;}
.news a:hover{color:#FFCC33; }
/*-------------------------------------footer------------------------------------*/
.footer{ text-align:center; font-size:11px; color:#ffffff;}
.footer a {color:#FFF; font-size:12px; text-decoration:none;}
.footer a:hover{color:#FFCC33; }

/*-------------------SIFR--------------------------*/
.Sifr_Titlt{color:#FFF; font-size:20px; font-family: Verdana, Tahoma, Georgia, Helvetica, Garamond, Sans-serif; margin-left:5px;}
.Sifr_Titlt2{color:#FFF; font-size:18px; font-family: Verdana, Tahoma, Georgia, Helvetica, Garamond, Sans-serif; margin-left:5px; padding-top:8px}
.alt{visibility:hidden;}
.Sifr_Titlt embed{position:relative; left: 5px; top: 5px; }
.Sifr_Titlt object{position:relative; left: 5px; top: 5px;   }

.moonTitle{ font-size:14; text-align:center; padding:0; margin:0; text-align:left;}
.altmoonTitle{visibility:hidden; font-size:20px;}
.moonTitle embed{position:absolute; left: 0px; top: 0px; padding-bottom:0px; }
.moonTitle object{position:absolute; left: 0px; top: 0px; padding-bottom:0px; }

/*------------------------------Javascript/pop up box-----------------------------------------------*/
#testdiv {width:600px; margin:0 auto; border:1px solid #ccc; padding:20px 25px; background:#fff}
#tinybox {position:absolute; display:none; padding:10px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}

/*--------------------------------the form-------------------------------------*/
.userform a {color:#FFCC33; font-size:12px; text-decoration:none;}
.userform a:hover{color:#FFF; }
input{border:1px solid #c7ced5;}
textarea{border:1px solid #c7ced5;}