/* 		JogjaCamp Standard CSS 				*/

/* Body Style */
body {
	font-size: 12px;
	color: #15261c;
	margin: 8px 0px 7px 0px;
	text-align: center;
	background: url(../images/bg.jpg) top left repeat-x #e7eae1;
}


body, p, h1,h2,h3,h4,h5,h6,div,ol,li,td,th,a,form,input,select,textarea,option,label {
	font-family: Arial, Helvetica, sans-serif;
}

/* Hyperlink */
a {
	text-decoration: none;
	color: #057e3b;
}

a:hover {
	text-decoration: underline;
	color: #005626;
}

/* Form */
form {
	margin: 0px;
}
input,select,textarea,option,label {
}

select{
}

textarea {
}

/* Image and object  */
img, object {
	border: none;
}
.floatRight{
 	float: right;
}
.floatLeft{
 	float: left;
}

/* Text Alignment  */
.center{
	text-align: center;
}
.left{
	text-align:left;
}
.right{
	text-align: right;
}
.justify{
	text-align:justify;
}

/* Float Clearance  */
.clear{
	clear: both;
	padding: 0px;
	margin: 0px;
	height: 1px;
	overflow: hidden;
}

/* --------- page layout -------- */
.body{
	width: 862px;
	margin: 0px auto;
	padding: 0px;
	overflow: hidden;
	background: url(../images/bgShadow.gif) top repeat-y #fff;
}
.container{
	background: url(../images/shadowTop.gif) top no-repeat;
	padding-top: 2px;
	text-align: left !important;
}

/* --------------------- HEADER --------------------- */
.headerContainer {
	padding: 28px 31px 0px 31px;
	overflow: hidden;
	background: url(../images/shadowHeader.gif) top no-repeat #fff;
}
.header {
	height: 355px;
	padding: 0px 15px;
	overflow: hidden;
	background: url(../images/bgHeader.jpg) top no-repeat #189f53;
}
.headerTop {
	height: 109px;
	padding: 0px;
	overflow: hidden;
}
a.sitename {
	width: 300px;
	height: 109px;
	padding: 0px;
	float: left;
	display: block;
	overflow: hidden;
}
.headerBottom {
	padding: 8px;
	background: url(../images/bgHeaderBlock.gif) no-repeat #015426;
}
.headerBlock {
	height: 230px;
	padding: 0px;
	overflow: hidden;
}
.headerImg {
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	width: 754px;
	height: 230px;
}
.headerNav {
	position: absolute;
	margin-top: -35px;
	margin-left: 0px;
	width: 754px;
	height: 40px;
	text-align: right;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
}
.headerNav a{
	color: #1ec73b;
	padding: 0px 10px;
}
.headerNav a:hover{
	color: #fff;
	text-decoration: none;
}

/* --------------------- MAIN --------------------- */
.mainPageContainer {
	padding: 0px 31px;
	overflow: hidden;
	background: url(../images/shadowMain.gif) top no-repeat;
}
.mainPage {
	padding: 0px;
	overflow: hidden;
	background: url(../images/bgMain.jpg) top no-repeat #17a052;
}
.wrapper {
	min-height: 303px;
	padding: 15px 10px 15px 15px;
	background: url(../images/bgSidebar.gif) bottom left no-repeat;
}
*html .wrapper {
	height: 303px;
	overflow: visible;
}
.sidebar {
	width: 185px;
	padding: 0px 0px 30px 0px;
	float: left;
	display: block;
	overflow: hidden;
}
.page {
	width: 585px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	float: right;
	display: block;
}
.main {
	width: 390px;
	float: left;
	display: block;
	padding: 0px;
	overflow: hidden;
}
.main2 {
	width: 580px;
	padding: 0px;
	overflow: hidden;
}
.mainTop {
	height: 10px;
	padding: 0px;
	overflow: hidden;
	background: url(../images/mainTop.gif) top no-repeat;
}
.main2 .mainTop {
	background: url(../images/mainTop2.gif) top no-repeat;
}
.mainCell{
	padding: 5px 15px;
	overflow: hidden;
	background: url(../images/mainBg.gif) top repeat-y #eaedc2;
}
*html .mainCell{
	height: 200px;
	overflow: visible !important;
}
.main2 .mainCell{
	padding: 5px 15px;
	overflow: hidden;
	background: url(../images/mainBg2.gif) top repeat-y #eaedc2;
}
.mainBot {
	height: 10px;
	padding: 0px;
	overflow: hidden;
	background: url(../images/mainBot.gif) top no-repeat;
}
.main2 .mainBot {
	background: url(../images/mainBot2.gif) top no-repeat;
}
.sidebar2 {
	width: 185px;
	float: right;
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	overflow: hidden;
}

/* ------------------------------- FLOWNAV ------------------------------- */
.flowNav {

}
.flowNav p {
	margin: 0px !important;
	padding: 0px !important;
	font-size: 11px;
	font-weight: bold;
	color: #015426;
}
.flowNav p a{
	color: #015426;
}
.flowNav p a:hover{
	color: #ce1302;
	text-decoration: none;
}

/* ------------------------------- CONTENT ------------------------------- */
.content {
	margin-bottom: 15px;
}
.content h1{
	margin: 0px !important;
	padding: 10px 0px !important;
	font-size: 1.4em;
	text-align: center;
	color: #00270f;
	background: url(../images/bgTitle.gif) center no-repeat;
}
.content h2{
	margin: 0px !important;
	padding: 5px 10px !important;
	font-size: 1.0em;
	color: #057e3b;
}
.content p{
	margin: 10px 0px !important;
	padding: 0px !important;
}

/* ------------------------------- WELCOME ------------------------------- */
.welcome {
	margin-bottom: 15px;
}
.welcome p{
	text-align: justify;
}

/* ------------------------------- PICTURE ------------------------------- */
.pic {
	background-color: #000;
	padding: 15px 0px 10px 10px;
	text-align: center;
	margin-bottom: 15px;
}
.pic p{
	margin: 0px 10px 0px 0px !important;
	padding: 0px !important;
	display: inline;
}
.pic p img{
	margin: 5px 0px !important;
}


/* ------------------------------- MENU ------------------------------- */
.menu {
	padding: 0px;
	margin-bottom: 15px;
}
.menuTop {
	height: 7px;
	padding: 0px;
	overflow: hidden;
	background: url(../images/menuTop.gif) top no-repeat;
}
.menuCell {
	padding: 0px 7px;
	margin-bottom: -2px;
	background-color: #13743f;
}
.menuCell p{
	margin: 0px !important;
	padding: 0px !important;
	font-size: 12px;
}
.menuCell p a{
	padding: 13px 22px 14px 26px !important;
	color: #010000;
	display: block;
	font-weight: bold;
	background: url(../images/bgMenu2.gif) no-repeat;
}
.menuCell p a:hover{
	color: #fff;
	text-decoration: none;
	background: url(../images/bgMenu.gif) no-repeat;
}
.menuBot {
	height: 7px;
	padding: 0px;
	overflow: hidden;
	background: url(../images/menuBot.gif) top no-repeat;
}

/* ------------------------------- ADDRESS ------------------------------- */
.address {
	text-align: center;
	margin-bottom: 15px;
}
.address h2 {
	margin: 0px 0px 5px 0px !important;
	padding: 0px 0px 30px 0px !important;
	font-size: 1.2em;
	color: #fef400;
	background: url(../images/addressFloral.gif) bottom no-repeat;
}
.address p {
	margin: 0px !important;
	padding: 0px !important;
	line-height: 150%;
}

/* ------------------------------- CALENDAR ------------------------------- */
.calendar {
	margin-bottom: 15px;
}
.calendarTop {
	height: 10px;
	padding: 0px;
	overflow: hidden;
	background: url(../images/calendarTop.gif) top no-repeat;
}
.calendarCell {
	padding: 0px 2px;
	overflow: hidden;
	background: url(../images/calendarBg.gif) top repeat-y #1a914f;
}
.calendarCell table {
	border: 1px #1a914f;
	width: 99%;
}
*html .calendarCell table {
	border: 1px #1a914f !important;
	width: 100%;
}
.calendarCell tr th {
	background: url(../images/bgCalth2.gif) bottom left repeat-x #015426;
	border: 1px solid #015426;
	border-bottom: none !important;
	padding: 8px 3px;
	color: #fef305;
	text-align: center;
	font-size: 11px;
}
*html .calendarCell tr th {
	background: url(../images/bgCalth.gif) bottom left repeat-x #015426;
}
.calendarCell tr td {
	border-color: #cbcda8 !important;
	padding: 4px;
	font-size: 11px;
}
.calendarCell tr td.days {
	background-color: #cbcda8;
	padding: 0px !important;
}
.calendarBot{
	height: 10px;
	padding: 0px;
	overflow: hidden;
	background: url(../images/calendarBot.gif) top no-repeat;
}

/* ------------------------------- STATISTIC ------------------------------- */
.statistic {
	margin-bottom: 15px;
}
.statisticTop {
	height: 8px;
	padding: 0px;
	overflow: hidden;
	background: url(../images/statTop.gif) top no-repeat;
}
.statisticCell {
	padding: 0px 2px;
	overflow: hidden;
	background: url(../images/statBg.gif) top repeat-y #015426;
}
.statisticCell h2{
	margin: 0px !important;
	padding: 0px 6px 8px 6px !important;
	font-size: 1.1em;
	color: #fef305;
	text-align: center;
}
.statisticCell table{
	width: 100%;
	border: 0px;
	background-color: #00652d;
}
.statisticCell table tr.rowColor{
	background-color: #005a27;
}
.statisticCell table tr td{
	font-size: 11px;
	border-bottom: 1px solid #015426;
	font-weight: lighter;
	color: #51d48b;
	padding: 4px 8px;
}
.statisticCell table tr td.bgColor{
	width: 120px;
}
.statisticCell table tr td.bgCC{
	color: #fff;
	text-align: right;
	background-color: #096a34;
}
.statisticCell table tr.rowColor td.bgCC{
	background-color: #0a6230;
}
.statisticBot{
	height: 8px;
	padding: 0px;
	overflow: hidden;
	background: url(../images/statBot.gif) top no-repeat;
}

/* --------------------- PACKET ------------------------- */
.packet {

}
.packetItem {
	padding: 5px 0px;
}
.packetItem h2 {
	font-size: 1.1em;
	font-family: verdana;
	color: #ce1002;
	margin: 10px !important;
	padding: 0px !important;
}
.packetThumb {
	padding: 12px 5px 10px 5px;
	text-align: center;
	background: url(../images/bgThumb.gif) top no-repeat;
}
.packetThumb img{
	height: 86px;
	border: 0px;
}
.packetThumb p {
	margin: 1px !important;
	padding: 0px !important;
	display: inline;
}
*html .packetThumb p {
	margin: 3px !important;
}
.packetDesc {
	padding: 0px 10px;
}
.packetDesc p{
	padding: 10px 5px !important;
	background-color: #e3e5bd;
	border: 1px solid #d3d5b6;
}

.packet02 {
	margin: 20px 0px 10px 0px;
}
.packet02Top {
	height: 10px;
	padding: 0px;
	overflow: hidden;
	background: url(../images/bgPacket2Top.gif) top no-repeat;
}
.packet02Cell {
	padding: 0px;
	margin-bottom: -1px;
	overflow: hidden;
	background: url(../images/bgPacket2.gif) top repeat-y;
}
.packet02Bot {
	height: 10px;
	padding: 0px;
	overflow: hidden;
	background: url(../images/bgPacket2Bot.gif) top no-repeat;
}

.packet03 {
	margin: 20px 0px 10px 0px;
}
.packet03Top {
	height: 10px;
	padding: 0px;
	overflow: hidden;
	background: url(../images/bgPacket2Top.gif) top no-repeat;
}
.packet03Cell {
	padding: 0px;
	margin-bottom: -1px;
	overflow: hidden;
	background: url(../images/bgPacket3.gif) top repeat-y;
}
.packet03Bot {
	height: 10px;
	padding: 0px;
	overflow: hidden;
	background: url(../images/bgPacket2Bot.gif) top no-repeat;
}

ul.packetUl {
	margin: 0px !important;
	padding: 0px 0px 0px 15px !important;
	list-style: none;
	border-bottom: 1px solid #e6e7cb;
}
*html ul.packetUl {
	height: 100px;
	overflow: visible;
}
ul.packetUl li{
	float: left;
	display: block;
	width: 240px;
	padding: 20px 10px 10px 10px;
	overflow: hidden;
	text-align: center;
}
ul.packetUl li img {
	border: 3px solid #189f54;
}
ul.packetUl li a img {
	border: 3px solid #189f54;
}
ul.packetUl li a:hover img{
	border: 3px solid #edb151;
}
ul.packetUl li p{
	margin: 10px 0px !important;
}


ul.galleryUl {
	clear: both;
	margin: 0px !important;
	padding: 0px 0px 0px 5px !important;
	list-style: none;
	border-bottom: 1px solid #e6e7cb;
}
*html ul.galleryUl {
	height: 100px;
	overflow: visible;
}
ul.galleryUl li{
	float: left;
	display: block;
	width: 160px;
	padding: 20px 10px 10px 10px;
	overflow: hidden;
	text-align: center;
}
ul.galleryUl li img {
	border: 3px solid #189f54;
}
ul.galleryUl li a img {
	border: 3px solid #189f54;
}
ul.galleryUl li a:hover img{
	border: 3px solid #edb151;
}
ul.galleryUl li p{
	margin: 5px 0px !important;
}

/* --------------------- SUB CONTENT ------------------------- */
.subContent {
	margin: 20px 0px 10px 0px;
}
.subContentTop {
	height: 10px;
	padding: 0px;
	overflow: hidden;
	background: url(../images/subContentTop.gif) top no-repeat;
}
.subContentCell {
	padding: 10px 20px;
	background: url(../images/subContentBg.gif) top repeat-y;
}
.subContentCell h2 {
	margin: 0px !important;
	padding: 0px 0px 10px 0px !important;
	font-family: verdana;
	font-size: 1.1em;
	color: #cd1203;
	border-bottom: 1px solid #ccdba3;
}
.subContentCell p{
	margin: 0px !important;
	padding: 0px !important;
	border-bottom: 1px solid #ccdba3;
}
.subContentCell p a{
	display: block;
	padding: 6px 20px;
	background: url(../images/subContentList.gif) left no-repeat;
}
.subContentCell p a:hover{
	background: url(../images/subContentList2.gif) left no-repeat #ccdba3;
	text-decoration: none;
}
.subContentBot {
	height: 10px;
	padding: 0px;
	overflow: hidden;
	background: url(../images/subContentBot.gif) top no-repeat;
}

/* --------------------- LIST ------------------------- */
.list {
	margin-bottom: 10px;
}
.list ul {
	margin: 5px 0px !important;
	padding: 0px !important;
	list-style: none;
}
.list ul li{
	margin: 0px !important;
	padding: 3px 25px;
	background: url(../images/bgPacket2clear.gif) top repeat-y;
}
.list ul li.top{
	height: 10px;
	padding: 0px !important;
	overflow: hidden;
	background: url(../images/bgPacket2Top.gif) top no-repeat;
}
.list ul li.bottom {
	height: 10px;
	margin: 0px !important;
	padding: 0px !important;
	overflow: hidden;
	background: url(../images/bgPacket2Bot.gif) top no-repeat;
}
*html .list ul li.bottom {
	margin-top: -5px !important;
}
.list ul li a{
	color: #057e3b;
}
.list ul li a:hover{
	color: #cc1910;
	text-decoration: none;
}

.list ul li ul {
	margin: 0px 0px !important;
	padding: 0px !important;
	list-style: none;
}
.list ul li ol {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
.list ul li ol li{
	margin: 0px !important;
	padding: 2px 0px;
	font-weight: bold;
	font-size: 11px;
}
.list ul li ul li{
	margin: 0px !important;
	padding: 2px 10px;
	font-weight: lighter;
	font-size: 12px;
}

/* --------------------- MENU DETIL ------------------------- */
.menuDetil {

}
.menuDetil h2 {
	font-size: 1.5em;
	margin: 0px 0px 10px 0px !important;
	padding: 5px 0px 10px 0px !important;
	font-family: 'times new roman';
	text-align: center;
	border-bottom: 1px dotted #d1d3b4;
}
.menuDetil h3 {
	font-size: 1.1em;
	margin: 4px 0px !important;
	padding: 0px !important;
	color: #cc1910;
}
.menuDetil h5 {
	font-size: 1.0em;
	margin: 4px 0px 15px 0px !important;
	padding: 0px !important;
}

/* --------------------- GUESTBOOK ------------------------- */
table.gbTbl {
	margin: 20px auto;
	border: none;
}
table.gbTbl tr td{
	padding: 3px;
	vertical-align: top;
}
input.gbText {
	width: 240px;
	border-top: 1px solid #93948c;
	border-left: 1px solid #93948c;
	border-bottom: 1px solid #dddfbb;
	border-right: 1px solid #dddfbb;
	font-size: 12px;
	padding: 2px;
}
textarea.gbTextarea {
	width: 320px;
	height: 120px;
	overflow: auto;
	border-top: 1px solid #93948c;
	border-left: 1px solid #93948c;
	border-bottom: 1px solid #dddfbb;
	border-right: 1px solid #dddfbb;
	font-size: 12px;
	padding: 2px;
}
input.gbBtn {
	border: 2px solid #dddfbb;
	background-color: #f5f6d8;
	font-size: 11px;
	font-weight: bold;
	color: #37372e;
	padding: 2px 10px;
	cursor: pointer;
}

.date {
	font-size: 11px;
	padding: 4px 0px;
	color: #3b4841;
}
.sender {
	padding: 4px 0px;
}

/* --------------------- PAGE NAV ------------------------- */
.pageNav {
	text-align: center;
	padding: 0px;
	border-top: 1px solid #eee;
}
.pageNav p {
	display: inline;
	margin: 0px !important;
	padding: 0px 6px !important;
	border-left: 1px solid #ccc;
}
.pageNav p.first {
	border: none !important;
}
.pageNav p a{
}
.pageNav p a:hover{
	font-weight: bold;
	text-decoration: none;
}

/* --------------------- FOOTER ------------------------- */
.footerContainer {
	padding: 0px 31px 31px 31px;
	overflow: hidden;
	background: url(../images/shadowFooter.gif) bottom no-repeat;
}
.footer {
	padding: 0px;
	overflow: hidden;
	background: url(../images/bgFooter.gif) top left no-repeat #17261f;
}
.footerCell {
	padding: 20px 20px 20px 75px;
	height: 20px;
	overflow: hidden;
	text-align: right;
	color: #f2f7ab;
	font-size: 0.9em;
	background: url(../images/bgFooter.gif) top left no-repeat #17261f;
}
a.jcamp {
	float: left;
	display: block;
	margin-top: -8px;
	width: 139px;
	height: 33px;
	padding: 0px;
	overflow: hidden;
}
.footerCell a, .footerCell a:hover{
	color: #fdf300;
}