body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ this fixed width container surrounds the other divs ~~ */
.container {
	width: 925px;
	background: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}

/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
	background: #fff;
}
.header2 {
	background: url(../SpryAssets/button.jpg) repeat-x;
	height:35px;
}
.header3 {
	background: #fff;
    padding: 5px;
    color: #f00;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.header3 .link a:link, a:visited {
	background: #fff;
    padding: 0;
    color: #00f;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: none;
}

.header3 .link a:hover {
	background: #fff;
    padding: 0;
    color: #00f;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: underline overline;
}

/* ~~ This is the layout information. ~~ 

1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.

*/

/* Konten Kiri */
.contentkiri {
	padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
    border-top: 5px solid #a2b9e3;
    float: left;
    width: 270px;
    margin-right: 12px;
}

.contentkiri span.judul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #001c59;
    font-weight: bold;
}

.contentkiri div.isi {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #595959;
    height: 260px;
}

.contentkiri div.isi a:link, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #00f;
    text-decoration: none;
    font-weight: bold;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #595959;
    padding: 0;
    margin: 0;
}

.contentkiri div.bawah {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #595959;
    border-top: 2px solid #d9dce3;
    width: 270px;
}

.contentkiri div.bawah a:link, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #00f;
    text-decoration: none;
    font-weight: bold;
}

/*akhir konten kiri*/
 
.contentkanan {
	padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
    border-top: 5px solid #910004;
    float: right;
    width: 270px;
}

.contentkanan span.judul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #800002;
    font-weight: bold;
}

.contentkanan div.isi {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #595959;
    height: 260px;
}

.contentkanan div.bawah {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #595959;
    border-top: 2px solid #d9dce3;
    width: 270px;
}

.contentkanan div.bawah a:link, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #00f;
    text-decoration: none;
    font-weight: bold;
}

.contentbawah {
	padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
    border-top: 5px solid #a2b9e3;
    float: left;
    width: 895px;
    margin-top: 20px;
}

.contentbawah span.judul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #001c59;
    font-weight: bold;
}

.contentbawah div.isi {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #595959;
}

.contentbawah div.bawah {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #595959;
    border-top: 2px solid #d9dce3;
}

.contentbawah div.bawah a:link, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #00f;
    text-decoration: none;
    font-weight: bold;
}

/* ~~ The footer ~~ */
.footer2 {
	padding: 10px;
	background:  url(../images/footer-bg.jpg) repeat-x;
    color: #fff;
    width: 280px;
    float: right;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;    
}

.footer1 {
	padding: 10px;
	background:  url(../images/footer-bg.jpg) repeat-x;
    color: #fff;
    width: 280px;
    float: left;
    margin-right: 9px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

/* untuk slide show */
.clear {
	clear:both
}

#gallery {
    font-family:  Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	position:relative;
	height:270px
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h4 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}

/* untuk form */
input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 5px;
    background-color: #fff;
	border:1px solid #9a9a21;
    border-radius: 5px;
    margin-right: 5px;
    margin-left: 5px;
    outline: none;
    resize: none;
}

input:focus, textarea:focus, select:focus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 5px;
	border:1px solid #9a9a21;
	background-color: #e9f0c5;
    box-shadow: 0 0 3px #424200;
    border-radius: 5px;
    margin-right: 5px;
    margin-left: 5px;
    outline: none;
    resize: none;
}
input:hover, textarea:hover, select:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 5px;
	border:1px solid #9a9a21;
	background-color: #e9f0c5;
    box-shadow: 0 0 3px #424200;
    border-radius: 5px;
    margin-right: 5px;
    margin-left: 5px;
    outline: none;
}

.button, .button:hover, .button:focus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 6px 7px;
    background-color: #828200;
	border:1px solid #9a9a21;
    border-radius: 5px;
	color:#fff;
	cursor:pointer;
	font-weight:bolder;
    outline: none;
}

.button2, .button2:hover, .button2:focus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 6px 7px;
    background-color: #fff;
	border:1px solid #555;
    border-radius: 5px;
	color:#aaa;
	font-weight:bolder;
    outline: none;
}

input.error, textarea.error, select.error { 
    border: 1px solid red; 
    background-color: #ffbcbc;
}
label.error {
	color: #f00;
}
label.valid {
	color:#00f;
}

.merah {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    color:#f00;
    font-weight: lighter;
}

#multi-msg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
    color:#f00;
    font-weight: lighter;
    width: 700px;
    height: 40px;
    display: none;
    padding: 10px;
} /*akhir */


/*popup */
.popup {
     position: fixed;
     width:100%;
     height:100%;
     display:none;
     top:0px;
     left:0px;
     border:1px solid #000;
     background-color: #000;
     z-index:0;
}

.isipopup {
     position:fixed;
     background-color: #fff;
     width:800px;
     padding:10px;
     z-index: 200;
     display:none;
     border-radius: 15px;
     border: 8px solid #aaa;
}

.popup2 {
     position: fixed;
     width:100%;
     height:100%;
     display:none;
     top:0px;
     left:0px;
     border:1px solid #000;
     background-color: #000;
     z-index:0;
}

.isipopup2 {
     position:fixed;
     background-color: #fff;
     width:800px;
     padding:10px;
     z-index: 200;
     display:none;
     border-radius: 15px;
     border: 8px solid #aaa;
}
/* akhir popup */

/* slide show */

	 #divTrigger a:link,#divTrigger a:visited{
	 	text-decoration: none; /* hilangkan garis bawah pada link */
	 	margin:0px 0px; /* memberi jarak antar link */
	 	padding: 0px 4px; /* menjadikan link seperti kotak */
	 	border: 1px solid #CCC;
	    background-color: #FFF;
	    color: #000;
	 }
	 /* link yang dilalui oleh mouse dan element dengan class='selected' akan mempunyai efek yang sama */
	 #divTrigger a:hover,#divTrigger a:active,.selected{
	    background-color: #00A;
	    color: #FFF;
	 }
	 #divContent{
	 	margin-top:4px;
	 	width: 270px;
	 	padding: 0px;
	 }
	 #divContent div{
	 	/* semua div di dalam element dengan id='divContent' akan di sembunyikan sementara */
	 	display:none
	 }
	 .title{
	 	font-size: 16px;
	 	font-weight: bold;
	 	color: #006;
	 	text-decoration: underline;
	 	margin-bottom: 2px;
	 	display:block
	 }
/* akhir */

/*keterangan per bagian bukutamu */
.bktm {
    background: #ddd;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius:5px;
}