BODY {
	margin: 0;
}

#main .maintable {
	border: 1px solid #006400;
	border-width: 1px 1px 1px 1px;
}

#lang {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #696969;
	padding-right: 15px;
	font-weight: bold;
}

#lang a {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #696969;
	text-decoration: none;
	font-weight: normal;
}

#linkatas {
	padding-left: 70px;
	margin-top: 7px;
}

#linkatas a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #006400;
}

#frontcontent table {
	margin-top: 3px;
}




#package {
	margin-top: 5px;
}

#navbottom {
	background: #E7FED3;
	border-top: 1px solid #556B2F;
	border-bottom: 1px solid #556B2F;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #006400;
	font-weight: bold;
}

#navbottom a {
	text-decoration: none;
	color: #006400;
	font-weight: normal;
}

#navbottom a:hover {
	text-decoration: none;
	color: #00C802;
	font-weight: normal;
}

#copy {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006400;
	padding-top: 2px;
	padding-bottom: 2px;
}

/*#### Marquee start ####*/

#marqueecontainer{
	width: 211px; /*marquee width */
	height: 143px; /*marquee height */
	overflow: hidden;
	border: 0px solid;
}

#vmarquee .isi_testi {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	margin-bottom: -20px;
	text-align: justify;
}

#vmarquee .nama {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #A7D34E;
}

/*#### Marquee End ####*/

/*####### gallery css ###########*/

#gallery {
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#gallery td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	padding-bottom: 12px;
}

#pagination {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


/*####### gallery css end ###########*/



/*##################################################*/
/*             Suckerfish DROPDOWN START            */ 
/*##################################################*/

#nav { 
	background: url(menu-bg.gif) repeat-x;
	margin: 0px;
	padding: 0px;
	height: 26px;
	list-style: none;
	line-height: 1;
	clear: both;
	}
#nav li {
	float: left;
}
#nav a {
	display: block;
	margin: 0px;
	padding: 7px;
	border-right: 1px solid #006400;
	border-left: 1px solid #B4EFB9;
	font-weight: bold;
	color: #4F0000;
	font-family: Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
}
#nav a:hover, #nav a.current, #nav .current a {
	color: #D9F4DC;
	text-decoration: none;
	border-right: 1px solid #CCC;
	border-left: 1px solid #888;
	background: #8DBD2B;
}
#nav li ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	position: absolute;
	left: -999em;
	border-top: 1px solid #96C831;
	border-right: 1px solid #96C831;
	border-bottom: none;
	border-left: 1px solid #96C831;
	width: 120px;

}
#nav ul li {
	width: 180px;
	float: left;
	border-bottom: 1px solid #96C831;
}
#nav ul a {
	background: #FFF;
	border: none;
	font-weight: normal;
	padding: 4px 4px 4px 4px;
	width: 180px;
	background: #D0F0D2;
	color: #6A0000;
	}
#nav ul a:hover {
	border-right: none;
	border-left: none;
	color: #A6FFA6;
}
#nav li:hover ul, #nav li.sfhover ul { 
	left: auto;
}

/*##################################################*/
/*              Suckerfish DROPDOWN                 */ 
/*##################################################*/

#bingkai{
border: 1px solid #000;
	}
.bingkai1{
	border: 1px solid #000;
}
#content {
		margin-right:10%;
		margin-left:10%;
		margin-top:5%;
		padding-bottom:10px;
		background:#9AD368;
		border:0px solid #000;
		width: 680px;
		
		text-align:left;
		min-width:500px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #212D09;
		/* font-size: x-small; */
		}
		
	#menufooter  {
		margin-bottom:20px;
		}
		
	#menusitelinks {
		font-size:12px;
		}
	
	.menus {
		border-left:1px solid #212D09; 
		border-bottom:1px solid #212D09;
		border-top:1px solid #212D09;
		border-right:10px solid #212D09;
		background:#9AD368;
		color:#000;
		padding:10px;
		margin-bottom:10px;
		text-align:left;
		font-size:10px;
		}
	
	#menu {
		width:240px;
		padding:0px;
		margin-left:20px;
		margin-right:-3px;
		float:right;
		/*
		IE5x PC mis-implements the box model. Because of that we sometimes have
		to perform a little CSS trickery to get pixel-perfect display across browsers.
		The following bit of code was proposed by Tantek Celik, and it preys upon a CSS
		parsing bug in IE5x PC that will prematurly close a style rule when it runs
		into the string "\"}\"". After that string appears in a rule, then, we can override
		previously set attribute values and only browsers without the parse bug will
		recognize the new values. So any of the name-value pairs above this comment
		that we need to override for browsers with correct box-model implementations
		will be listed below.
		
		We use the voice-family property because it is likely to be used very infrequently,
		and where it is used it will be set on the body tag. So the second voice-family value 
		of "inherit" will override out bogus "\"}\"" value and allow the proper value to
		cascade down from the body tag.

		The style rule immediately following this voice-family: "\"}\"";
		voice-family: inherit;
		}
	html>body #menu {
		margin-right:-6px;
		}
		
	p,h1,h2 {
		margin-top:0px;
		margin-bottom:10px;padding:0px 20px 0px 20px;
		}
		
	h2 {
		font-size:16px;
		padding-top:0px;
		margin-bottom:0px;
		}
		
	#title h1 {
		font-size:18px;
		border-top:1px solid #000;
		border-bottom:1px solid #000;
		border-right:10px solid #000;
		border-left:10px solid #000;
		margin-top:10px;
		padding-left:10px;
		padding-right:10px;
		padding-top:5px;
		padding-bottom:5px;
		}
		
	#title {
		padding:0px;
		margin-right:-6px;
		margin-left:-6px;
		width:100%; /* I have to specify a width for IE5 PC, or else it ignores the top-margin of the H1 element therein. But 100% is different in browsers without IE5x PC's broken box model, so I have to use the CSS2 selector trick to set the width to auto for those browsers*/
		voice-family: "\"}\"";
		voice-family: inherit;
		width:auto;
		}
	html>body #title {
		width:auto;
		}
			
	a.sitelinksred { color:#c00; }
	a.sitelinksredorange { color:#f60; }
	a.sitelinksorange { color:#f90; }
	a.sitelinksyellow { color:#fc0; }
		
	a.anchor {
		font-size:10px;
		font-weight:normal;
		}
		
	p.anchor {
		text-align:right;
		}
	
	.links {
		margin-left:50px;
		margin-right:30px;
		}
	
	#layouts {
		font-size:10px;
		margin-left:10px;
		}
