body,td,th {	
	font: 12px/150% Arial, Verdana, sans-serif;	
	color: #333333;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.spasi1 {
	display:block;
	padding: 6px 0px 0px 0px;
}

.spasi2a {
	display:block;
	padding: 12px 0px 0px 0px;
}

.spasi2b {
	display:block;
	padding: 6px 0px 6px 0px;
}

.spasi { display:block; padding: 0px 0px 6px 0px; }
.spasi2 { display:block; padding: 5px 0px 0px 0px; }
.spasi3 { display:block; padding: 2px 0px 0px 0px; }
.spasi4 { display:block; padding: 2px 0px 0px 13px; }


.bodytext {
	padding: 10px 20px 0px 25px;
}

.titleTable { 
	font-size:14px;
	font-weight:bold;
	color:#ccff66;
}

.title2 { 
	font-size:15px;
	font-weight:bold;
}

.titlenews { 
	font-size:16px;
	font-weight:bold;
	color: #333333; 
}

.titleputih { 
	font-size:16px;
	font-weight:bold;
	color: #FFFFFF; 
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

.menubar {
	font-weight: bold;
	color: #000000;
	float:left;
	padding: 12px 5px;
	background-color: #f9d8d9;
}

	.menubar a{
		padding: 7px 10px;
		background-color: #f7b8ba;
		border-right: solid 1px #a94649;
		border-bottom: solid 1px #a94649;
	}

	.menubar a.aa{
		padding: 7px 102px;
	}

	.menubar a:link,
	.menubar a:visited { color: #000;}
	.menubar a:hover { 
		color: #FF6600; background-color: #f9d8d9; 
		border-right: solid 1px #f8cdcf;
		border-bottom: solid 1px #f8cdcf;
	}
	.menubar a#active { 
		color: #FF0000; background-color: #f9d8d9; 
		border-right: solid 1px #f8cdcf;
		border-bottom: solid 1px #f8cdcf;
	}


.menubar1 {
	font-weight: bold;
	color: #000000;
	float:left;
	padding: 7px 10px 12px;
	position:relative;
}

	.menubar1 a{
		background-color: #b3ddd7;
		padding: 7px 10px;
	}

	.menubar1 a:link,
	.menubar1 a:visited { color: #000;}
	.menubar1 a:hover { color: #034c42; background-color: #d8e9e7; }
	.menubar1 a#active { color: #034c42; background-color: #d8e9e7; }



	#imageSlideshowHolder{

		/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

		*/
		/* CSS HACK */
		width: 686px;	/* IE 5.x */
		width/* */:/**/680px;	/* Other browsers */
		width: /**/680px;
		
		/* CSS HACK */
		height: 188px;	/* IE 5.x */
		height/* */:/**/188px;	/* Other browsers */
		height: /**/188px;
		
		background-color:#FFF;
		border:1px solid #FFF;
		position:relative;	/* Never change this value */
		
	}
	.imageInGallery{		
		width:680px;
		height:180px;
		background-color:#FFF;
		
		/* Never change these 3 value */
		left:0px;
		top:0px;
		position:absolute;	
	}
	#imageSlideshowHolder img{
		position:absolute;
	}
	
	/*chris - description overlay*/
	#the_captions{
		display:none;
		}
	.imageInGallery_DESC{
		position:absolute;
		color:#FFFFFF;
		padding:30px;
		padding-top:25px;
		margin-left:30px;
		margin-top:5px;
		z-index:100;
		/*height:200px;*/
		width:240px;
		background:url("images/bg.png");
		font-size:80%;
		}
	.imageInGallery_DESC h1{
		color:#99cc33;
		font-size:140%;
		margin:0px;
		padding:0px 0px 5px 0px;
		}


.lcdstyle{ /*Example CSS to create LCD countdown look*/
	/* background-color:black; */
	color:yellow;
	font-size:20px;
	padding: 0 0 0 0;
	position:relative;
}

.lcdstyle sup{ /*Example CSS to create LCD countdown look*/
	font-size: 80%
}

.bg-main { background: #FFF url(images/bg-main.jpg) repeat-x;; margin: 0 0 0 0; }
.bg { background: #FFF url(images/bg.jpg) repeat-x;; margin: 0 0 0 0; }
.bg2 { background: #FFF url(images/bg2.jpg) no-repeat; margin: 0 0 0 0; }
.bg3 { background: #FFF url(images/bg3.jpg) no-repeat; margin: 0 0 0 0; }
.timer { background: #525f6c url(images/count.jpg) no-repeat; margin: 0 0 0 0; }
.bgbawah { background: #FFF url(images/bg_bawah.jpg) no-repeat; margin: 0 0 0 0; }
.bg_menu { background: #FFF url(images/bg_menu.jpg) no-repeat; margin: 0 0 0 0; }
.tengah { background: #FFF url(images/bg_tengah.jpg) no-repeat; margin: 0 0 0 0; }
.bg_about { background: #FFF url(images/bg_about.jpg) no-repeat; margin: 0 0 0 0; }
.bg_attend { background: #FFF url(images/bg_attend.jpg) no-repeat; margin: 0 0 0 0; }
.bg_contact { background: #FFF url(images/bg_contact.jpg) no-repeat; margin: 0 0 0 0; }


#putihjdl { 
	font-size:12px;
	color:#FFFFFF;
}

.judule { 
	font-size:14px;
	color:#990000;
}
.isine { 
	display:block; 
	padding: 3px 0px 20px 0px; 
}

.menu1 {
	display:block;
	color:#000000;
	padding:0 0 6px 0;
}

	.menu1 a, .menu1 a:link, .menu1 a:visited {
		display:block;
		padding: 0 0 3px 0;
		border-bottom:1px solid #CCCCCC;
	}

	.menu1 a:hover, .menu1 a#active {
		display:block;
		color:#CC6600;
		background-color:#e9e9e9;
		padding: 0 0 3px 0;
		border-bottom:1px solid #CCCCCC;
	}
	
.menu2 {
	display:block;
	padding: 6px 0px 5px 0px;
}

	.menu2 a, .menu2 a:link, .menu2 a:visited {
		display:block;
		padding: 6px 0px 5px 0px;
		border-bottom:1px solid #ededed;
	}

	.menu2 a:hover, .menu2 a#active {
		display:block;
		background-color:#f5f2f2;
		padding: 6px 0px 5px 0px;
	}


.menu3 {
	display:block;
	padding: 6px 0px 5px 6px;
	margin: 0px 0px 6px 0px ;
	background-color:#f6fbfb;
	border-bottom:1px solid #cbdcdb;
	border-left:1px solid #cbdcdb;
}

	.menu5 {
		display:block;
		padding: 5px 2px 2px 28px;
		margin: 0px 0px 2px 0px;
		background-position: 10px 9px;
		background-image:url(images/jempol.gif);
		background-repeat:no-repeat;
		border-bottom:1px solid #eeeeee;
	}
	.menu5a {
		display:block;
		padding: 5px 2px 2px 23px;
		margin: 0px 0px 2px 0px;
		background-position: 8px 5px;
		background-image:url(images/jempol_ov.jpg);
		background-repeat:no-repeat;
		border-bottom:1px solid #eeeeee;
	}



a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #993300;
	text-decoration: none;
}
a#active {
	color: #993300;	
	text-decoration: none;
}

.title { 
	font-size:18px;
	color: #000000; 
}

.title2 { 
	font-size:16px;
	font-weight:bold;
}

.titlenews { 
	font-size:16px;
	font-weight:bold;
	color: #333333; 
}

.titleputih { 
	font-size:16px;
	font-weight:bold;
	color: #FFFFFF; 
}

.big { 
	display:block;
	font-size: 15px; 
	font-weight:bold;
	color: #666666; 
	padding: 15px 0 5px 0;
}

.big2 { 
	display:block;
	font-size: 14px; 
	font-weight:bold;
	color: #666666; 
	padding: 6px 0 3px 0;
}


.small { 
	font-size: 11px; text-align:right;
	padding: 5px 5px 5px 0px;
}

.temp {
	background-color:#FFFFFF;
}

#footer {
	color: #EEEEEE;
	font-size:10px;
	text-decoration: none;
}

#biru {
	color: #CC3300;
	text-decoration: none;
}
#biru a:link {
	color: #CC3300;
	text-decoration: none;
}
#biru a:visited {
	color: #CC3300;
	text-decoration: none;
}
#biru a:hover {
	color: #006633;
	text-decoration: underline;
}
#biru a:active {
	color: #CC3300;
	text-decoration: none;
}


#kuning {
	color: #FFFF33;
	text-decoration: none;
	font-size:14px;
	font-weight:bold;
}
#kuning a:link {
	color: #FFFF33;
	text-decoration: none;
}
#kuning a:visited {
	color: #FFFF33;
	text-decoration: none;
}
#kuning a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#kuning a:active {
	color: #CC9900;
	text-decoration: none;
}

#putih {
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
}
#putih a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
}
#putih a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;	
}
#putih a:hover {
	color: #FFFF00;
	text-decoration: none;
	font-weight:bold;
}
#putih a#active {
	color: #FFFF00;
	text-decoration: none;
}