body 					{ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#FFF; font-size:62.5%;  background:#f3f4f4; line-height:2; text-align:left;}
h3						{ color:#fff; font-size:1.1em;}
h4						{  color:#606060; font-size:1.1em; margin:0; padding:0;}
h5						{  color:#606060; font-size:0.8em; margin:0; padding:0; font-style:italic;}
ul 						{list-style: none;}
p						{ margin-bottom:20px; }
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}



/* --- MAIN LAYOUT ---*/
#main-container	 		{ width:960px; height:100%; margin:0 auto; }
#main-holder			{ width:100%; height:100%; }

/*--- HEADER ---*/
#header					{ width:100%; height:100px; clear:both; background:url(../images/menu-bg-repeat.png) repeat-x; position:relative}
	#header-holder			{ width:960px; height:80px; position:relative ; margin:0 auto; background:url(../images/menu-bg1.png) no-repeat  }
		#header-menu			{ width:825px; height:25px; margin-top:70px; float:right; font-size:1.2em; }
			ul.main-menu a 			{ color:#FFF; text-decoration:none;float:left; padding-left: 15px;}
			ul.main-menu a:hover	{ color:#999 }	
			ul.main-menu li			{ display:inline; }	
		#header-logo			{ width:110px; height:120px; position:absolute; top:0; left:25px; background:url(../images/logo.jpg) no-repeat }
		#header-login			{ width: 242px; height:62px; background:url(../images/login-bg.png) no-repeat; font-size:0.8em; float:right;position:absolute; top:0; left:690px; }
		    
			 .login					{ display:block; min-height:12px; width:100%; text-align:center; margin-top:16px; }
			.logut					{ display:block; min-height:12px; width:100%; text-align:center; }
			.welcomeAnggota			{ display:block; min-height:12px; width:100%; font-size:1.2em; color:#fff; text-align:center;}
			a.login,a.logut 		{ color:#FFF; text-decoration:none;float:left;}
		    a:hover.login,a:hover.logut			{ color:#999 }	
		.header-persagi-text	{ margin-left:120px; margin-top:20px; }
						
/*--- CONTENT ---*/	
#content				{ width:940px; min-height:450px;clear:both;  }
    #content-holder			{ width:940px; min-height:450px; padding:20px 10px 20px 0px; }
		#breadcrumb				{ width:940px; height:20px; clear:both; border-bottom:solid 1px #435c76; margin:20px 0 10px 0; color:#606060;  }
			#breadcrumb	a			{ color:#606060; text-decoration:none;}
			#breadcrumb	a:hover		{ color:#CCC; text-decoration:none; }
		#content-left			{ width:180px; min-height:500px;  float:left; }
			.content-submenu		{ width:180px; min-height:50px;  float:right; }
				.content-submenu-heading	{ width:153px; height:25px; background: url(../images/submenu-heading-bullet.gif) no-repeat  #6092d4; display:block; padding:0 0 0 25px; font-size:1.3em; }
					ul#browser					{ background:#fff; color:#606060; font-size:14px; width:165px; padding-left:15px; padding-top:5px;}
					.submenu					{ width:180px; min-height:10px; margin-bottom:20px; }
					.submenu li					{ background:url(../images/submenu-bullet.gif) 5px 12px no-repeat; }	
					.submenu a					{ padding:5px 0 0 25px;text-decoration:none; color:#606060; display:block; width:153px; border-bottom:solid 1px #435c76; font-size:1.3em; font-weight:bold; }
					.submenu a:hover			{ padding:5px 0 0 25px;text-decoration:none; color:#606060; display:block; width:153px; border-bottom:solid 1px #435c76; background-color:#fff }
			
		#content-middle			{ width:730px; min-height:500px;  float:left; margin:0 0 0 25px; color:#606060; line-height:2; font-size:1.2em}
			#content-middle-heading	{ width:100%; height:40px; background: #6092d4; display:block; font-size:1.6em; letter-spacing:1.2px; padding:5px 0 0 10px; color:#fff  }
			
		#content-right			{ width:260px; min-height:800px; float:right}
			#content-ads			{ width:280px; height:337px; margin-top:-12px; color:#606060; font-size:1.2em; }
			#content-news			{ width:280px; min-height:200px; margin-top:-12px; color:#606060;}
				.news-holder			{ width:260px; height:90px; display:block; padding:0 0 10px 0; font-size:1.2em;}
					.news-holder a			{ color:#606060; text-decoration:none; }
					.news-holder a:hover	{ color:#606060; text-decoration:underline; }
				.head					{ font-size:1.3em }
		#content-partner		{ width:640px; height:80px;float:left; margin:10px 0 10px 0; }
		.subheading-bg			{ width:100%; height:60px; background: url(../images/subheading-bg-repeat.png) repeat-x; position:absolute; top:435px; left:0}
		.subheading-text		{ width:960px; height:10px; margin:0 auto;}
		.break					{ width:100%; height:20px; clear:both; }
							
/*--- FOOTER ---*/	
#footer					{ width:960px; height:100px;clear:both;}
	#footer-holder			{  width:960px; height:100px;clear:both; font-size:1em; margin:0 auto; text-align:center  }
		
			  #footer-menu				{ width:960px; height:20px;clear:both; margin:0 auto; text-align:center;  }
			ul.menu-bottom				{ width:960px; height:46px; display:block; background:url(../images/footer.png) no-repeat; padding:25px 0 0 0;}	
			ul.menu-bottom li				{ display:inline ;}
			ul.menu-bottom li a				{ padding:0 0 0 10px; color:#fff; text-decoration:none}
			ul.menu-bottom li a:hover		{ padding:0 0 0 10px; color:#999; text-decoration:underline}
			#footer-menu p				{ width:960px; height:20px;clear:both; margin:0 auto; text-align:left;color:#606060;  }

	.break					{ width:100%; height:20px; clear:both; }
/*  ----- FORM ---- */

#formInputKegiatan		{ width:730px; overflow:scroll; }





/*----- PRODUCT ----*/
ul.produk-detail-list li h2.produk-title { background:url(../images/bullet.gif) 0 12px no-repeat; padding-left:25px; margin-top:5px; } 

div.produkList		{ background:#eee; border:#ccc 1px solid; width:433px; min-height:170px; margin:10px 0 10px 0;padding-right:10px;}

span.produkImage	{ display:block; width:120px; height:150px; float:left; background-color:#ddd; padding:10px; }
div.produkKet		{ width:275px; height:170px; float:right;}




/* ----- TABLE GRID ---------*/
.tblluar
{
	border-width:1px; border-color:#C0C0C0; border-style:solid;
}

.tblataskanan
{
	BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #ffffff 0px solid;
	background-color:#7AB1C5;
}
.tblataskiri
{
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-BOTTOM: #ffffff 0px solid;
	background-color:#7AB1C5;
}
.tblitemkanan
{
	BORDER-RIGHT: #F5F5F5 0px solid; BORDER-TOP: #F5F5F5 1px solid; BORDER-LEFT: #F5F5F5 0px solid; BORDER-BOTTOM: #F5F5F5 0px solid;
}
.tblitemkiri
{
	BORDER-RIGHT: #F5F5F5 1px solid; BORDER-TOP: #F5F5F5 1px solid; BORDER-LEFT: #F5F5F5 0px solid; BORDER-BOTTOM: #F5F5F5 0px solid;
}
.tblitemkiriA
{
	BORDER-RIGHT: #F5F5F5 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #F5F5F5 0px solid; BORDER-BOTTOM: #F5F5F5 0px solid;
}