body 					{ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#FFF; font-size:62.5%;  background:url(../images/content-bg.png) no-repeat top center #f3f4f4; line-height:2; text-align:left;}

ul 						{ list-style: none;}
p						{ font-family:Verdana, Geneva, sans-serif;}

a.linkto				{ padding:3px;  background-color:#606060; color:#FFF; text-decoration:none; }
a.linkto:hover			{  padding:3px;  background-color:#000; color:#FFF; text-decoration:none; }

p a.linktonews				{ color:#000; text-decoration:none; }


h3						{ color:#fff; font-size:1.1em;}



/* --- 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:15px; }
			.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:700px; padding:20px 10px 20px 0px; position:relative; }
		#content-left			{ width:640px; min-height:300px;  float:left; margin:0 0 0 0;}
			#content-mainbanner		{ width:665px; height:310px; background:url(../images/content-mainbanner-bg.png) no-repeat; padding:15px 0 0 15px;}
			#content-profile		{ width:330px; height:200px; margin-top:-12px; color:#606060; font-size:1.2em; float:left; padding-right:20px; }
			#content-jurnal			{ width:280px; min-height:200px; margin-top:-12px; color:#606060; font-size:1.2em; float:right; padding-right:10px; }
					ul.jurnal li 	{ padding-left: 25px;background: url(../images/jurnal-bullet.gif) no-repeat; background-position: 5px 6px; text-align:left; font-size:1.1em; margin-bottom:10px; border:solid 1px #ccc; background-color:#eee;}
					
					.jurnal a 				{ color:#606060; text-decoration:none;}
					.jurnal a:hover	{ color:#606060; text-decoration:underline; }
			
		#content-right			{ width:260px; min-height:200px; float:right; }
			#content-ads			{ width:260px; height:300px; color:#606060;margin-top:15px; padding:0 0 0 15px;}
			#content-news			{ width:280px; min-height:200px; color:#606060; }
                            
                            div#content-news h3		{ color:#fff; font-size:1.4em; margin:10px 0 0 0; padding:0; }
                            ul.news                     { margin:10px 0 0 0; }
                                ul.news li span.news-holder h4                    { font-size:1.3em; margin:0; padding:0; }
                                ul.news li span.news-holder h5                    { font-size:1em; margin:0; padding:0; }
                                ul.news li span.news-holder p                     { font-size:1.2em; margin:0; padding:0; }


				.news-holder			{ width:260px; min-height:90px; display:block; padding:15px 0 10px 0; border-bottom:dotted #606060 1px}
                                .news-holder p			{ font-size:1.1em }

					.news-holder a			{ color:#606060; text-decoration:none; }
					.news-holder a:hover	{ color:#606060; text-decoration:underline; }
			
		#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;}
							
/*--- 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; }