@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0}
body { font-family:Tahoma, Arial; font-size:11px; color:#333333}


a img { border:none}

.tanggal {text-align:center; color: #333333; padding:2px; font-size:9px; line-height:16px; background-color: #999999; margin-right:3px; }
.tanggal-full {text-align:center; color: #FFFFFF; padding:2px;  font-size:9px; background-color: #FF0000; margin-right:3px; }


.title { font-family:Arial; font-size:15px; margin-top:10px; font-weight:bold; color:#003399; margin-bottom:10px}
.title_news { font-family:Arial; font-size:12px; margin-top:10px; font-weight:bold; color:#000000; margin-bottom:0}
.title_other_news { font-family:Arial; font-size:12px; margin:0px; font-weight:bold; color:#000000; padding:0}
#other_news { list-style:circle; margin-left:15px}
#other_news li {margin:0px; padding:0}
#other_news li a{text-decoration:none; color:#0099FF; font-size:11px}

p { margin-bottom:10px;}

.notify{ width:98%; margin:0 auto; margin-bottom:20px; clear:both; height:20px; padding:10px; border-top: #FFCC00 1px solid; border-bottom:#FFCC00 1px solid; background:#FFFF99}

.bread { font-size:10px; margin-top:10px; color:#666666;}
.bread a { color:#666666; text-decoration:none}
.bread a:hover {color:#006699}

#cs ul { margin-left:20px; margin-bottom:20px}

#header { height: 184px; width:100%; clear:right; background: url(images/bg-heaader_01.jpg) repeat-x}
	#headerinner { width:850px; margin:0 auto}
	
	#newsupdate{ display:block; margin-left:10px;padding:5px 10px; height:20px; text-align:center;
				 color: #333333; z-index:200; right:0; border:#c5dbfd 1px solid; 
				 background:#c5dbfd; top:0; position:relative; float:right}	
	#newsupdate a {color: #333333; font-weight:bold;text-decoration:none; height:25px; display:block}
	#newsupdate a:hover { color:#0099CC; }
	
	#topright{ width:600px; float:right}
				 
	#logo { width:223px; height:100px; float:left}
	#logo a img{ border:none}
	#nav { width:600px; height:33px; float:right; font-family:Arial; 
		   font-size:15px; font-weight:bold; color:#333333; margin-top:62px}
	
	#menu  { list-style:none}
	
	#menu li { float:left; height:33px; display:block}
	
	#menu li a { width:108px; padding:6px 5px 5px 5px; 
				height:23px; color: #666666; display:block; text-align:center; text-decoration:none;}
				
	#menu li a:hover {color:#333333; width:108px; padding:6px 5px 5px 5px; height:23px;
					  display:block; text-align:center; background:url(images/bg-hover_03.jpg)}
	
	.fix { color: #CCFF33; font-size:11px}
	.fix a {color:#999999}
	.fix a:hover { color:#999999}

#subnav { clear:both;background:url(images/bg-sub-nave_03.jpg) repeat-x; 
		  height:49px; width:100%}

#content { 
		  background-color:#FFFFFF; 
		  padding-bottom:10px;  clear:both; width:100%}		
	
	
		 
 .item{ clear:both; margin-top:10px; margin-bottom:5px}
 #left ul {  list-style:none;}
 #left ul li { background:url(images/oke.png) no-repeat;padding-left:25px; margin-bottom:5px; padding-bottom:5px; border-bottom:1px dashed #CCCCCC;}
 #left ul li a { text-decoration: none; color: #3399FF}
 #left ul li a:hover { color:#000000}
 
 
 #innercontent{ width:850px; padding:10px 20px 50px 20px; 
 				
				line-height:16px; 
				background:#FFFFFF; margin:0 auto}
	
	 #left { width:200px; float:left; text-align:justify}
	 #middle { width:350px; float:left; text-align:justify; margin-left:25px}
	 	#artikelindex  { list-style:none;}
		#artikelindex h1 { margin-bottom:5px}
	 	#artikelindex h1 a { font-family:tahoma; color:#99CC00; line-height:1.5em; font-size:15px; text-decoration:none}
		#artikelindex li { margin-bottom:20px; clear:both}
		#artikelindex div { float:left; margin-right:10px; margin-bottom:5px; width:150px; height:120px; overflow:hidden;}
	 	#artikelindex img { width:300px}
	 #right { width:250px; float:left; margin-left:25px;}
	 	#right ul { list-style:none}
	 		#jadwal { margin-top:10px; list-style:none}
			#jadwal li { background:url(images/iconlist_03.jpg) left 10px no-repeat; 
						 padding:5px 0 5px 28px; border-bottom:dashed 1px #999999}
			
			
			#jadwal li img { width:24px; height:22px; vertical-align:middle; float:left; margin-right:5px;}
			#jadwal li a {color:#0099CC; display:block; text-decoration:none}
			#jadwal li a:hover { color:#000000; display:block; text-decoration:underline}
			
			.newsindex{ list-style:none; margin-top:10px;}
			.newsindex li { margin-bottom:10px}
			.newsindex li h1 a{ font-size:11px; color: #333333; font-weight:bold; text-decoration:none}
			.newsindex li h1 a:hover { text-decoration:underline;}
			.newsindex li span { color:#999999; font-size:10px;}
			.newsindex a { color: #996600; text-decoration:none}
			.newsindex a:hover {  text-decoration:underline}
 #page-left { width:550px; margin-top:20px; float:left}
 #page-left h3 { font-family:Tahoma, Verdana, Arial; margin-bottom:5px; font-weight:lighter; font-size:16px; color:#0066FF}
 #page-left img { margin-right:10px; margin-bottom:10px;float:left;}
 #page-left p a{ line-height:1.5em}

 #other { padding:0; list-style:none; margin-top:10px}
 #other li { padding-left:25px; background:url(images/oke.png) no-repeat left 2px; margin-bottom:10px;}
 #other li a { color:#3399CC; font-weight:bold; text-decoration:none}
 #other li a:hover { color:#666666}
 
#page-right {width:250px; margin-top:20px; text-align:justify; float:right}
#footer { clear:both; padding-top:10px; color:#CCCCCC; border-top: 1px solid  #CCC; width:850px; height:100px; margin:0 auto}
	.left { width:500px; float:left}
	.right {width:270px; float:right}
		.right a {color:#999999; text-decoration:none}
		.right a:hover{ text-decoration:underline}
		.right span a { color:#99CC00; font-size:10px}
		.right span a:hover { color:#FF9900;}
		.ok { padding:10px; color:#FFFFFF; background:#99CC00}
.date {font-size:10px; }
#containerSlider {
				width:200px;
				height:210px;
				padding:0;
				position:relative;
				}
				#prevBtn, #nextBtn {
				display:block;
				margin:0;
				overflow:hidden;
				padding:0;
				text-indent:-8000px;
				}
				#slider ul, #slider li {
				list-style:none;
				margin:0;
				padding:0;
				text-indent:0;
				}
				#slider, #slider li {
				overflow:hidden;
				width:200px;
				border-top:none;
				
				margin:0 auto;
				}
				#slider {
				
				width:240px;
				 
				}
				
				#slider img {
					width:200px;
				}
	
	
	/* --------- signup form -------- */
			
			.errorlabel { color:#CC6600; font-size:10px}
			
			#signupForm { width: 550px; float:left }
			#signupForm label.error,
			#signupForm input.submit { clear:both;
					width:100px;
					margin-left:160px;
					background:#888888;
					color:#FFFFFF;
					border:solid 1px #666666;
					font-size:11px;
					font-weight:bold;
					padding:4px 6px;}
			#signupForm input,select {padding:4px; font-family:Tahoma, Verdana, Arial;border:1px solid #CCCCCC; margin-right:5px;  font-size:11px;}
			#signupForm option { padding:2px; text-transform:capitalize}
			
			#signupForm textarea {padding:4px; font-family:Tahoma, Verdana, Arial;border:1px solid #CCCCCC;margin-right:5px; font-size:11px;}
			#signupForm p{
					font-size:11px;
					color:#666666;
					margin-bottom:15px;
					
					padding-bottom:10px;
				}
				#signupForm label{
					display:block;
					font-weight:bold;
					text-align:left;
					width:160px;
					float:left;
				}
			#signupForm .small{
					color:#666666;
					display:block;
					font-size:11px;
					font-weight:normal;
					text-align:left;
					width:140px;
				}
			.line{
					font-size:11px;
					color:#666666;
					margin-bottom:20px;
					border-bottom:solid 1px #dedede;
					padding-bottom:10px;
				}
			

#tes { list-style:none; padding:0;}
#tes li { margin-bottom:10px; border-bottom:1px solid #CCC;}