@charset "utf-8";
/* CSS Document */

body {
	background: #000;
	color: #b39359;
	font-size: 13px;
	padding: 0px 0 0px;
	font-family: Arial, Helvetica, sans-serif;
}

form {
    margin:0px;
    padding: 0px;
}

a {
	color: #64583e;
	text-decoration: none;
}

a:hover {
	/* color: #a59073; */
	color: #fff;
	text-decoration: underline;
}

h1 {
	font-family: Georgia, serif;
	font-weight: normal;
	text-align: center;
}

h2 {
	padding: 20px 0 0;
	text-align: center;
}

p {
	padding: 10px 0;
}

.container_12 {
	background: #000;
	margin-bottom: 10px;
}
#content {
	background: #000000 url(../img/bg-1.gif) no-repeat bottom center;
	padding-bottom: 50px;
}
.content_data {
	padding-left: 100px;
	padding-top: 10px;
}
#header {
	background: #000000 url(../img/bg-3.gif) no-repeat top center;
	margin-bottom: 0;
	padding-bottom: 0;
}
#top_head {
	background: url(../img/bg-4.gif) repeat-x #000000;
	display: block;
	text-transform: uppercase;
	font-size: 20px;
	text-align: center;
	width: 730px;
}
#top_head .teks {
	background-color: #000000;
	color: #b39359;
}
#img_header {
	margin-top: 10px;
	padding-left: 100px;
	z-index: 0;
}
.topmenu {
	margin-top: 110px;
	width: 940px;
}

.news_box {
	width: 360px;
	float: left;
	height: 170px;
	background: #463a24 url(../img/ornament-1.gif) bottom right no-repeat;
	margin-right: 10px;
	margin-bottom: 10px;
}
.news_box .pic {
	margin: 10px;
	float: left;
}
.news_box .des {
	float: right;
	width: 180px;
	padding: 10px;
	padding-right: 20px;
	font-size:11px;
}


.ent_box {
	width: 360px;
	float: left;
	height: 150px;
	background: #463a24 url(../img/ornament-1.gif) bottom right no-repeat;
	margin-right: 10px;
	margin-bottom: 10px;
}
.ent_box-big {
	width: 730px;
	float: left;
	background: #463a24 url(../img/ornament-2.gif) top center no-repeat;
	margin-right: 10px;
	margin-bottom: 10px;
}
.ent_box-big-foot {
	height: 73px;
	display: block;
	width: 730px;
	background: #463a24 url(../img/ornament-3.gif) bottom center no-repeat;
	margin-right: 0px;
}
.ent_box .pic {
	margin: 10px;
	float: left;
}
.ent_box .des {
	float: right;
	width: 180px;
	padding: 10px;
	padding-right: 20px;
	font-size:11px;
}
.ent_box-big .pic {
	margin: 10px;
	margin-right: -10px;
	padding-top: 50px;
	padding-left: 50px;
	float: left;
}
.ent_box-big .des-big {
	float: right;
	width: 325px;
	padding: 10px;
	padding-top: 60px;
	padding-right: 50px;
}
.menugrp_box {
	width: 280px;
	float: left;
	margin-left: 50px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.mer_box {
	width: 360px;
	float: left;
	height: 150px;
	background: #463a24 url(../img/ornament-1.gif) bottom right no-repeat;
	margin-right: 10px;
	margin-bottom: 10px;
}
.mer_box .pic {
	margin: 10px;
	float: left;
}
.mer_box .mer_title {
	float: right;
	width: 180px;
	padding: 0px;
	padding-right: 20px;
	margin-top: 5px;
}
.mer_box .mer_des {
	float: right;
	width: 180px;
	padding: 10px;
	padding-right: 20px;
	margin-top: 0px;
	font-size: 11px
}
.mer_des_title {
	border-bottom:  #5e523c 1px solid;
	display: block;
	margin-bottom: 10px;
	padding-bottom: 0px;
	font-size: 16px;
}
.pic1 {
	margin-right: 5px;
}
.thumb_2 {
	margin-top: 0; /* to clean up, just in case IE later supports valign! */
	vertical-align: middle;
}
.thumb_box{
	border: #a59073 1px solid;
	width: 100px;
	height: 100px;
	float:left;
	margin: 2px;
	text-align:center;
	vertical-align:bottom;
}
.big_evt_box{
	width: 300px;
	margin: 2px;
	text-align:center;
}
.des_title {
	border-bottom:  #5e523c 1px solid;
	display: block;
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-size: 18px;
}
.agn_box-big {
	width: 730px;
	float: left;
	background: #463a24 url(../img/ornament-2.gif) top center no-repeat;
	margin-right: 10px;
	margin-bottom: 10px;

}
.agn_box-big-foot {
	height: 73px;
	display: block;
	width: 730px;
	background: #463a24 url(../img/ornament-3.gif) bottom center no-repeat;
	margin-right: 0px;
}
.agenda-box {
	float: right;
	width: 490px;
	margin-left: 0px;
}
.calendar-container {
	float: right;
	background: #625231;
	width: 150px;
	margin-left: 45px;
	margin-top: 23px;
	margin-right: 15px;
	margin-bottom: 10px;
	padding: 10px;
}
.agenda-calendar {
	background: #625231;
	padding: 5px 10px;
}
.agenda-calendar-h {
	background: #625231;
}
.calendar-header {
	display: block;
	background: #5a492b;
	padding: 2px 0px;
	text-align: center;
}
.calendar-month {
	color: #9f8d5d;
	text-decoration: none;
}
.calendar-month:hover {
	color: #FFF;
	text-decoration: none;
}
.agenda-calendar .item1 {
	color: #FFF;
	padding: 2px;
	font-size: 10px;
	display: inline-block;
	width: 12px;
	float: left;
	margin: 1px;
	text-align: right;
}

.agenda-calendar .item2 a {
	color: #7c6b4d;
	text-decoration: line-through;
	padding: 2px;
	font-size: 10px;
	display: inline-block;
	width: 12px;
	float: left;
	margin: 1px;
	text-align: right;
}
.agenda-calendar .item2 a:hover {
	color: #fff;	
	text-decoration: none;
}
.agenda-calendar .item3 a {
	color: #d3b56f;
	padding: 2px;
	font-size: 10px;
	display: inline-block;
	width: 12px;
	float: left;
	margin: 1px;
	text-align: right;
}
.agenda-calendar .item3 a:hover {
	background: #bc9e55;
	color: #fff;	
	text-decoration: none;
}
.agenda-calendar .item3 a.act {
	background: #bc9e55;
	color: #fff;	
	text-decoration: none;
}

.agenda-calendar .separatorCal {
	border-bottom: #827251 1px solid;
	display: block;
	clear: both;
}

.agenda-box .pic {
	margin: 10px;
	margin-right: 0px;
	padding-top: 13px;
	padding-left: 0px;
	float: left;
}
.agenda-box .des-big {
	float: right;
	width: 300px;
	padding: 10px;
	padding-top: 20px;
	padding-right: 50px;
	text-align: justify;
}
.agenda-img {
	background: #463a24;
	float: left;
	margin: 0px 10px;
}
.agenda-separator {
	clear: both;
	display: block;
	border-bottom: 1px solid #6c5c42;
	margin-right: 50px;
	margin-left: 10px;
}
.agenda-des {
	background: #463a24;
	float: left;
	width: 350px;
	margin: 0px 10px;
	border: 1px solid #CCC;
}
.agenda-des-tgl {
	float: left;
	display: inline-block;
}
.agenda-des-link {
	float: right;
	display: inline-block;
}
.agenda-des-link a{
	color: #75674c;
	text-decoration: none;
}
.agenda-des-link a:hover{
	color: #FFF;
}
.agenda_des_title {
	font-size: 20px;
	display: block;
	margin-bottom: 0px;
	margin-top: -5px;
}
.agenda_mn {
	width: 450px;
	border: 1px solid #CCCCCC;
	text-align: center;
}
.agenda_menu {
	font-size: 20px;
	margin-bottom: 0px;
	margin-right: 30px;
}
.agenda_menu_visit {
	font-size: 20px;
	margin-bottom: 0px;
	margin-right: 30px;
}
.bread {
	/*display: block;
	margin-right: 110px;*/
	z-index: 1000;
	margin-bottom: 5px;
	margin-right: 120px;
	float:right;
}
.bread select {
	background: #4a3e24;
	border: none;
	text-transform: uppercase;
	color: #9e8b6a
}
.frontpage {
	height: 100px;
	overflow: auto;
	white-space: nowrap;
	width: 680px;
	float: left;
	padding: 10px 20px;
	margin-bottom: 0px;
	overflow-y: hidden;
}
.frontpage_intro {
	width: 680px;
	float: left;
	padding: 10px 20px;
}
.pFrontPage {
	text-align: justify;
}

.btnFrontPage {
	margin-right: 5px;
	background: url(../img/btnFront-Page.gif) no-repeat center;
	width: 168px;
	height: 60px;
	text-align: center;
	padding-top: 40px;
	text-transform: uppercase;
	display: inline-block;
}
table.grid td {
	padding: 5px;
	text-align:left;
	vertical-align:top;
}
.menu-previous, .menu-previous-off, .menu-next, .menu-next-off {
	font-size:14px;
	font-weight:bold;
	width: 100px;
	float:left;
	margin: 2px;
	text-align:center;
	vertical-align:middle;
	margin-top:140px;
}
.rollover-left { background-image:url(../img/calendar-arrow-left.gif); height: 15px; width:15px; display:inline-block }
.rollover-left:hover { background-image:url(../img/calendar-arrow-left-white.gif); }
.rollover-right { background-image:url(../img/calendar-arrow-right.gif); height: 15px; width:15px; display:inline-block }
.rollover-right:hover { background-image:url(../img/calendar-arrow-right-white.gif); }

.event-facebook {
	margin-left: 158px;
}

.footer {
	width: 680px;
	float: left;
	padding: 10px 10px;
	text-align:center;
}

.rollover-batugunung { background-image:url(../img/batugunung1.jpg); height: 96px; width:224px; display:inline-block }
.rollover-batugunung:hover { background-image:url(../img/batugunung2.jpg); }
.rollover-puridamai { background-image:url(../img/puridamai1.jpg); height: 96px; width:224px; display:inline-block }
.rollover-puridamai:hover { background-image:url(../img/puridamai2.jpg); }	
.rollover-facebook { background-image:url(../img/facebook1.gif); height: 25px; width:67px; display:inline-block }
.rollover-facebook:hover { background-image:url(../img/facebook2.gif); }	

.page-nav, .bottom-page-nav {
	font-size: 12px;
	font-weight: bold;
}
.bottom-page-nav {
	position:relative;
	left:30px;
	top: 30px;
	text-align:center;
	width: 680px;
}

.bottom-page-nav a {
	color: #64583e;
	text-decoration: none;
}

.bottom-page-nav a:hover {
	/* color: #a59073; */
	color: #fff;
	text-decoration: underline;
}

.video-box {
	float: right;
	width: 600px;
	margin-left: 0px;
	margin-top: 30px;
}
.video-box .pic {
	margin: 10px;
	margin-right: 0px;
	padding-top: 10px;
	padding-left: 0px;
	float: left;
}
.video-box .des-big {
	float: right;
	width: 410px;
	padding: 10px;
	padding-top: 20px;
	padding-right: 50px;
}
.video-box .title {
	font-size: 14px;
	font-weight:bold;
	display: block;
	margin-bottom: 5px;
	margin-top: -5px;
}

.video-box-single {
	width: 425px;
	margin-left: 150px;
	margin-top: 30px;
	background-color:#75674c;
}

.title_header {
	font-size: 20px;
	margin-bottom: 0px;
	margin-right: 30px;
	margin-top: 10px;
}


.newsletter_box {
	width: 730px;
	float: left;
	background: #463a24 url(../img/ornament-2.gif) top center no-repeat;
	margin-right: 10px;
	margin-bottom: 10px;
}
.newsletter_box .title {
	width: 600px;
	border-bottom:  #5e523c 1px solid;
	display: block;
	margin-left: 60px;
	padding-top: 50px;
	font-size: 16px;
	font-weight: bold;
}
.newsletter_box .error {
	width: 600px;
	display: block;
	margin-left: 60px;
	margin-top: 10px;
}
.newsletter_box .left {
	width: 250px;
	margin-right: -10px;
	padding-top: 10px;
	padding-left: 60px;
	float: left;
	text-align:justify;
}
.newsletter_box .right {
	float: right;
	width: 325px;
	padding: 10px;
	padding-top: 10px;
	padding-right: 50px;
}
.newsletter_box-foot {
	height: 73px;
	display: block;
	width: 730px;
	background: #463a24 url(../img/ornament-3.gif) bottom center no-repeat;
	margin-right: 0px;
}

/* Notice */

.success {
	font-size: 11px;
	margin: 0 0 25px;
	padding: 10px 15px;
	background: #d3f2bf;
	border: 1px solid #a7c394;	
}

.message {
	font-size: 11px;
	margin: 0 0 25px;
	padding: 10px 15px;
	background: #ffffe0;
	border: 1px solid #e6db55;
}

.error_message {
	font-size: 11px;
	margin: 0 0 25px;
	padding: 10px 15px;
	background: #ffebe8;
	border: 1px solid #b39359;
}

#slideshow {
    position:relative;
    height:489px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}