body 					{ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#FFF; font-size:62.5%;  background:#f3f4f4; line-height:1.8; text-align:left;}
h3						{ color:#fff; font-size:1.2em;}
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; font-size:1.1em; line-height:1.8;}

h2.seminar-title a		{ text-decoration:underline; font-size:0.5em; }
h2.seminar-title a:hover{ color:#000; text-decoration:underline; font-size:0.6em; }
ul.kegiatan-detail-list li h2.seminar-title { background:url(../images/bullet.gif) 0 12px no-repeat; padding-left:25px;  } 




/* --- 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-bg-light1.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:960px; min-height:450px;clear:both;  }
    #content-holder			{ width:940px; min-height:450px; padding:20px 10px 20px 0px; position:relative; }
		#breadcrumb				{ width:960px; height:20px; clear:both; border-bottom:solid 1px #435c76; margin:30px 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:155px; height:25px; background: url(../images/submenu-heading-bullet.gif) no-repeat  #435c76; display:block; padding:0 0 0 25px; font-size:1.3em; }
					ul#browser					{ background:#eee; border:#ccc solid 1px; color:#606060; font-size:14px; width:175px; padding-left:3px; 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 }
		
		#galeri-middle			{ width:435px; min-height:500px;  float:left; margin:0 0 0 25px; color:#606060; line-height:2; font-size:1.2em}
			#galeri-middle-heading	{ width:425px; height:40px; background: #435c76; display:block; font-size:1.6em; letter-spacing:1.2px; padding:5px 0 0 10px; color:#fff  }
			
		#content-right			{ width:260px; min-height:450px; float:right}
			#welcomeAnggota			{ width:260px; min-height:12px; font-size:1.2em; color:#606060; text-align:center;}
			#content-ads			{ width:260px; height:330px;  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 }
				ul.news-list li			{ border-bottom:dotted #333 1px; margin-bottom:10px }
				h2.news-title 			{ padding:0; margin:10px 0 0 0; font-size:1.4em; float:left; } 
				h2.news-title a			{ color:#606060; text-decoration:none; color:#000;  } 
				h2.news-title a:hover	{ color:#606060; text-decoration:underline; } 
				h3.news-posted 			{ padding:0; margin:0 0 0 0;color:#606060; font-size:0.8em; clear:both; font-family:Verdana, Geneva, sans-serif}
				
				p.news-content			{ padding:0; margin:10px 0 10px 0; clear:both; font-size:1.2em}
				p.news-detail-content	{ padding:0; margin:10px 0 10px 0; clear:both; font-size:1.2em}
				span.news-comment		{ padding:1px 0 0 12px; margin:10px 0 0 0; display:block; width:32px; height:32px; background:url(../images/comment-bg.gif) no-repeat; float:right;} 
				a.comment-number		{ color:#fff; text-decoration:none}
				a.comment-number:hover	{ color:#fff; text-decoration:underline}
				
				#news-comment-holder	{ display:block; width:435px; min-height:200px;  }
				ul.news-detail li		{ display:block; width:415px; min-height:100px; background:#eee; margin-bottom:20px; padding:0 10px 0 10px; border:#ccc solid 1px; margin-bottom:20px; }
				h2.news-detail-title	{ color:#000; padding:0; margin:0;}
				
				h4.comment-text					{ border-bottom:#ccc solid 1px; margin-bottom:5px; width:435px; display:block; margin-top:80px }
				h2.news-detail-comment-title    { padding:0; margin:0; }
				h2.news-detail-comment-title a	{ color:#000; padding:0; margin:0; font-size:1em; font-style:italic; text-decoration:none;}
				h2.news-detail-comment-title:hover	{ text-decoration:underline;}
				p.news-detail-comment-posted	{ color:#606060; padding:-10px; margin:0; font-size:0.8em;}
				p.news-detail-comment-comment	{ color:#606060; padding:0; margin:0; font-size:0.8em; clear:both; font-size:1.2em}
				h3.news-detail-posted 			{ padding:0; margin:0 0 0 0;color:#606060; font-size:0.8em; clear:both; font-family:Verdana, Geneva, sans-serif; border-bottom:#000 dotted 1px;}
				
				ul.kegiatan-list li				{ background:url(../images/bullet.gif) 5px 5px no-repeat; padding-left:30px; margin-bottom:5px; }
				h3.kegiatan-title				{ color:#606060; border-bottom:#ccc solid 1px; }
				ul.kegiatan-list li a			{ text-decoration:none; color:#000; font-size:1.1em }		
				ul.kegiatan-list li a:hover		{ text-decoration:underline; color:#606060; font-size:1.1em }
				
				ul.kegiatan-detail-list			{ padding:0; margin:0; }
				
		#content-partner		{ width:640px; height:80px;float:left; margin:10px 0 10px 0; font-style:normal; font-weight:lighter }
		.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;}
							
/*--- 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; }


/* --------- UNTUK LOGIN ANGGOTA ----*/
#formInput { color:#606060; font-size:1.2em; width:640px; min-height:100px; display:block; float:left; background:#eee; border:#ccc solid 1px;  }
#formInput-heading	{ width:631px; height:40px; background: #435c76; display:block; font-size:1.6em; letter-spacing:1.2px; padding:5px 0 0 10px; color:#fff;  }
table { margin: 0 0 20px 20px }







/*--- TAB MENU UNTUK --- GALERI*/

#tabMenu 		{ margin-bottom:10px; display:block; width:100%; min-height:30px; border-bottom:solid 1px #000 }
ul.galeriTab li { float:left; display:inline; margin-right:4px; }
ul.galeriTab li a { display:block; background-color:#333; color:#FFF; padding:0 5px 0 5px; text-decoration:none }
ul.galeriTab li a:hover { display:block; background-color:#eee; color:#000; padding:0 5px 0 5px; text-decoration:none }










table
{
	font-size: 11px;
}
.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;
}