@charset "utf-8";
/* 
Bayu Fariesta Sakti 
 =- Web Master -=   
Ecomindo Saranacipta 
www.ecomindo.com
*/

body 
	{
	margin				: 0px;
	padding				: 0px;
	background-color	: #FFFFFF;
	}

#out_side 
	{
	line-height			: 130%;
	background-repeat	: repeat-x;
	background-color	: #ffffff;
	}
	
#wrapper_page 
	{
	margin				: auto;
	width				: 784px;
	padding-left		: 4px;
	background-color	: #FFFFFF;
	background			: url(images/bg_wrapper.gif) repeat-y;
	}	
	
/*--------header start------------*/
.header
	{
	height				: 23px;
	width				: 761px;
	background			: url(images/img_header.jpg) no-repeat;
	padding-top			: 126px;
	padding-left		: 19px;
	font-family			: Tahoma;
	font-size			: 11px;
	color				: #FFFFFF;
	}

.path
	{
	height				: 23px;
	width				: 300px;
	float				: left;
	font-family			: Tahoma;
	font-size			: 11px;
	color				: #FFFFFF;
	}
	
.path_01
	{
	width				: 300px;
	font-size			: 11px;
	color				: #FFFFFF;
	font-family			: Tahoma;
	text-decoration		: none;	
	}
	
.path_01 a
	{
	text-decoration		: none;
	color				: #FFFFFF;
	font-weight			: bold;
	font-size			: 11px;
	}	

/*--------header end--------------*/

/*------- Tanggal ---------*/

.tanggal
	{
	width				: 155px;
	float				: right;
	text-align			: left;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 11px;	
	margin				: 0px;
	padding				: 0px 0px 0px 0px;
	color				: #FFFFFF;		
	}

/*--------content start------------*/
#wrapper_content
	{
	width				: 780px;
	background			: url(images/bg_content_wrapper.gif) repeat-y;
	}
	
#wrapper_content_sub
	{
	width				: 780px;
	background			: url(images/bg_content_wrapper_sub.gif) repeat-y;
	}	
	
/*------menu button start---------*/
.content_left
	{
	width				: 156px;
	float				: left;
	}	
.menu_wrapper_out
	{
	width				: 149px;
	margin-left			: 7px;
	margin-top			: 6px;	
	}

.menu_wrapper
	{
	width				: 143px;
	}
	
.button
	{
	width				: 143px;	
	}	
	
.button ul,.button li{
	margin				: 0px;
	padding				: 0px;
	list-style-type		: none;
	}
			
/*-------buttons start--------*/	
.btn_home a
	{
	width				: 143px;	
	height				: 33px;
	background			: url(images/btn_home.gif);
	display				: block;
	margin-bottom		: 2px;
	}
	
.btn_home a:hover
	{
	width				: 143px;	
	height				: 33px;
	background			: url(images/btn_home.gif) 0 -33px no-repeat;
	}	
	
.btn_home_active
	{
	width				: 143px;	
	height				: 33px;
	margin-bottom		: 2px;
	background			: url(images/btn_home.gif) 0 -33px no-repeat;
	}
	
.btn_galeri a
	{
	width				: 143px;	
	height				: 33px;
	background			: url(images/btn_galeri.gif);
	display				: block;
	margin-bottom		: 2px;
	}
	
.btn_galeri a:hover
	{
	width				: 143px;	
	height				: 33px;
	background			: url(images/btn_galeri.gif) 0 -33px no-repeat;
	}	
	
.btn_galeri_active
	{
	width				: 143px;	
	height				: 33px;
	margin-bottom		: 2px;
	background			: url(images/btn_galeri.gif) 0 -33px no-repeat;
	}	
	
.btn_agenda a
	{
	width				: 143px;	
	height				: 33px;
	background			: url(images/btn_agenda.gif);
	display				: block;
	margin-bottom		: 2px;
	}
	
.btn_agenda a:hover
	{
	width				: 143px;	
	height				: 33px;
	background			: url(images/btn_agenda.gif) 0 -33px no-repeat;
	}	
	
.btn_agenda_active
	{
	width				: 143px;	
	height				: 33px;
	margin-bottom		: 2px;
	background			: url(images/btn_agenda.gif) 0 -33px no-repeat;
	}		
		
.btn_artikel a
	{
	width				: 143px;	
	height				: 33px;
	background			: url(images/btn_artikel.gif);
	display				: block;
	margin-bottom		: 2px;
	}
	
.btn_artikel a:hover
	{
	width				: 143px;	
	height				: 33px;
	background			: url(images/btn_artikel.gif) 0 -33px no-repeat;
	}	
	
.btn_artikel_active
	{
	width				: 143px;	
	height				: 33px;
	margin-bottom		: 2px;
	background			: url(images/btn_artikel.gif) 0 -33px no-repeat;
	}	
		
.btn_pidato a
	{
	width				: 143px;	
	height				: 33px;
	background			: url(images/btn_pidato.gif);
	display				: block;
	margin-bottom		: 2px;
	}
	
.btn_pidato a:hover
	{
	width				: 143px;	
	height				: 33px;
	background			: url(images/btn_pidato.gif) 0 -33px no-repeat;
	}	
	
.btn_pidato_active
	{
	width				: 143px;	
	height				: 33px;
	margin-bottom		: 2px;
	background			: url(images/btn_pidato.gif) 0 -33px no-repeat;
	}		
		
.btn_opini a
	{
	width				: 143px;	
	height				: 33px;
	background			: url(images/btn_opini.gif);
	display				: block;
	margin-bottom		: 2px;
	}
	
.btn_opini a:hover
	{
	width				: 143px;	
	height				: 33px;
	background			: url(images/btn_opini.gif) 0 -33px no-repeat;
	}	
	
.btn_opini_active
	{
	width				: 143px;	
	height				: 33px;
	margin-bottom		: 2px;
	background			: url(images/btn_opini.gif) 0 -33px no-repeat;
	}		
	
.btn_komentar a
	{
	width				: 143px;	
	height				: 33px;
	background			: url(images/btn_komentar.gif);
	display				: block;
	margin-bottom		: 2px;
	}
	
.btn_komentar a:hover
	{
	width				: 143px;	
	height				: 33px;
	background			: url(images/btn_komentar.gif) 0 -33px no-repeat;
	}	
	
.btn_komentar_active
	{
	width				: 143px;	
	height				: 33px;
	margin-bottom		: 2px;
	background			: url(images/btn_komentar.gif) 0 -33px no-repeat;
	}		
	
.btn_kontak a
	{
	width				: 143px;	
	height				: 33px;
	background			: url(images/btn_kontak.gif);
	display				: block;
	margin-bottom		: 2px;
	}
	
.btn_kontak a:hover
	{
	width				: 143px;	
	height				: 33px;
	background			: url(images/btn_kontak.gif) 0 -33px no-repeat;
	}	
	
.btn_kontak_active
	{
	width				: 143px;	
	height				: 33px;
	margin-bottom		: 2px;
	background			: url(images/btn_kontak.gif) 0 -33px no-repeat;
	}								
/*-------buttons end--------*/	


/*------- link lain ------*/

.wrapper_linklain
	{
	width				: 156px;	
	height				: 70px;
	margin-top			: 30px;
	}

.link_terkait
	{
	width				: 146px;	
	margin				: auto auto 8px auto;
	font-family			: Tahoma;
	font-size			: 11px;
	font-weight			: bold;
	line-height			: 160%;
	color				: #ffffff;
	text-align			: center;
	}
	
.link_terkait_list
	{
	width				: 146px;	
	height				: 18px;
	margin				: auto auto 4px auto;
	font-family			: Tahoma;
	font-size			: 11px;
	line-height			: 160%;
	color				: #336699;
	text-align			: center;
	}
	
.link_terkait_list a
	{
	width				: 146px;	
	height				: 18px;
	margin				: auto auto 4px auto;
	font-family			: Tahoma;
	font-size			: 11px;
	line-height			: 160%;
	color				: #336699;
	text-align			:center;
	text-decoration		: none;
	}

.link_terkait_list a:hover
	{
	text-decoration		: none;
	color				: #000000;
	}

.link_terkait_garis
	{
	width				:146px;	
	height				:1px;
	margin				:auto auto 2px auto;
	font-family			:Tahoma;
	font-size			:11px;
	line-height			:160%;
	color				:#cccccc;
	text-align			:center;
	}
	
.counter
	{
	width				:146px;	
	height				:1px;
	margin				:15px auto 2px auto;
	font-family			:Tahoma;
	font-size			:11px;
	line-height			:160%;
	color				:#cccccc;
	text-align			:center;
	}

.link_lain
	{
	width				:70px;	
	height				:70px;
	background			:url(images/logo_inco.gif);
	display				:block;
	margin				:auto;
	}
	
.link_lain a
	{
	width				:70px;	
	height				:70px;
	background			:url(images/logo_inco.gif);
	display				:block;
	margin				:auto;
	}

	
/*------menu button end  ---------*/	
.content_wrap
	{
	width				:624px;
	float				:right;
	}	
.main_content	
	{
	width				:457px;
	float				:left;
	}
.content_right
	{
	width				:167px;
	float				:right;
	}
.content_right ul,.content_right li
	{
	margin				:0px;
	padding				:0px;
	list-style-type		:none;
	}	
.content_right_up
	{
	width				:167px;		
	background			:url(images/content_right_upper.gif) no-repeat;
	height				:44px;
	
	}
.content_right_mid
	{
	width				:167px;		
	}	
.profil
	{
	width				:153px;
	height				:38px;
	background:url(images/img_profil.gif) no-repeat;
	margin-top			:6px;
	margin-left			:9px;
	margin-bottom		:9px;
	}	
.content_profil_text01
	{
	padding-top			:19px;
	width				:153px;
	padding-left		:13px;
	font-family			:Verdana, Arial, Helvetica, sans-serif;
	font-size			:12px;
	margin-bottom		:18px;
	color				: #666666;
	}
			
.box
	{
	height				:179px;
	width				:148px;
	border				:#C4C4C1 1px solid;
	margin-left			:9px;
	margin-bottom		:12px;
	padding-bottom		:18px;
	}
.box_title
	{
	width				:138px;
	height				:14px;
	margin-bottom		:11px;
	padding-left		:4px;
	}	
.content_box_text00
	{
	width				:145px;
	padding-left		:3px;
	padding-right		:3px;
	font-family			:Verdana, Arial, Helvetica, sans-serif;
	font-size			:11px;
	margin-bottom		:5px;
	color				: #333333;
	}
	
.content_box_text_img
	{
	padding-left		:3px;
	padding-right		:3px;
	font-family			:Verdana, Arial, Helvetica, sans-serif;
	font-size			:11px;
	margin-bottom		:3px;
	color				: #333333;
	line-height			:120%;
	}
	
.content_box_text01
	{
	width				:145px;
	padding-left		:3px;
	padding-right		:3px;
	font-family			:Verdana, Arial, Helvetica, sans-serif;
	font-size			:11px;
	margin-bottom		:18px;
	color				:#333333;
	line-height			:120%;
	}	
	
.content_cv
	{
	padding-left		:3px;
	padding-right		:3px;
	font-family			:Verdana, Arial, Helvetica, sans-serif;
	font-size			:11px;
	margin-bottom		:0px;
	color				:#333333;
	line-height			:120%;
	}	
			
.content_komentar
	{
	padding-left		:3px;
	padding-right		:3px;
	font-family			:Verdana, Arial, Helvetica, sans-serif;
	font-size			:11px;
	margin-bottom		:0px;
	color				:#336699;
	line-height			:120%;
	}

.pic
	{
	width				:142px;
	height				:68px;
	margin-top			:4px;
	margin-left			:4px;
	margin-bottom		:8px;
	}
.pic_a a
	{
	width				:142px;
	height				:68px;
	margin-top			:4px;
	margin-left			:4px;
	margin-bottom		:8px;
	background			:url(images/img_01.jpg);
	display				:block;
	}
	
.pic_a a:hover
	{
	width				:142px;
	height				:68px;
	margin-top			:4px;
	margin-left			:4px;
	margin-bottom		:8px;
	background			:url(images/img_01_hov.jpg);
	display				:block
	}	
	
.pic_b a
	{
	width				:142px;
	height				:68px;
	margin-top			:4px;
	margin-left			:4px;
	margin-bottom		:8px;
	background			:url(images/img_02.jpg);
	display				:block;
	}
	
.pic_b a:hover
	{
	width				:142px;
	height				:68px;
	margin-top			:4px;
	margin-left			:4px;
	margin-bottom		:8px;
	background			:url(images/img_02_hov.jpg);
	display				:block;
	}
	
.pic_c a
	{
	width				:142px;
	height				:68px;
	margin-top			:4px;
	margin-left			:4px;
	margin-bottom		:8px;
	background			:url(images/img_03.jpg);
	display				:block;
	}	
	
.pic_c a:hover
	{
	width				:142px;
	height				:68px;
	margin-top			:4px;
	margin-left			:4px;
	margin-bottom		:8px;
	background			:url(images/img_03_hov.jpg);
	display				:block;
	}		
	
.information_title
	{
	width:442px;
	height:35px;
	background:url(images/img_informasi.gif) no-repeat;
	margin-left:8px;
	margin-top:6px;
	margin-bottom:3px;
	}	
.ttg_saya_title
	{
	width:442px;
	height:35px;
	background:url(images/img_ttg_saya.gif) no-repeat;
	margin-left:8px;
	}	
.berita_title
	{
	width				:442px;
	height				:35px;
	background			:url(images/img_berita.gif) no-repeat;
	margin-left			:8px;
	}		
	
.wrapper_ttg_saya
	{
	width		 		:457px;
	padding-top			:18px;
	}
.wrapper_berita
	{
	width		 		:457px;
	}	
.wrapper_main_img
	{
	width				:457px;
	}	
.ttg_saya_text
	{
	width				:409px;
	height				:44px;
	margin-left			:13px;
	padding-top			:16px;
	padding-left		:14px;
	padding-right		:14px;
	font-family			:Verdana, Arial, Helvetica, sans-serif;
	font-size			:11px;
	color				:#333333;
	line-height			:120%;
	}				
.main_image
	{
	width				:390px;
	height				:53px;
	background			:url(images/img_main.jpg) no-repeat;
	margin-left			:13px;
	padding-top			:172px;
	padding-left		:22px;
	padding-right		:29px;
	padding-bottom		:0px;
	}	
.text_main_image00
	{
	width				:382px;
	font-family			:Tahoma;
	font-size			:11px;
	line-height			:130%;
	color				:#000000;	
	}	
	
.text_main_image02
	{
	font-family			:Tahoma;
	font-size			:14px;
	line-height			:120%;
	color				:#006699;
	font-weight			:bold;
	}	
	
.text_main_galeri
	{
	font-family			:Tahoma;
	font-size			:12px;
	line-height			:120%;
	color				:#FFFFFF;
	font-weight			:bold;
	}

.text_pidato_small
	{
	font-family			:Tahoma;
	font-size			:10px;
	line-height			:120%;
	color				:#006699;
	text-decoration		: none;
	list-style			: none;
	padding-bottom		:2px;
	padding-left		:4px;
	}
	
.text_pidato
	{
	font-family			:Tahoma;
	font-size			:13px;
	line-height			:120%;
	color				:#006699;
	font-weight			:bold;
	text-decoration		: none;
	list-style			: none;
	padding-top			:2px;
	padding-bottom		:2px;
	padding-left		:4px;
	}	
	
.text_pidato a
	{
	font-family			:Tahoma;
	font-size			:13px;
	line-height			:120%;
	color				:#006699;
	font-weight			:bold;
	text-decoration		: none;
	}
	
.text_pidato a:hover
	{
	text-decoration		:none;
	color				:#006699;
	}	
	
.sub_content_wrapper
	{
	width				:605px;
	margin-left			:8px;
	margin-top			:11px;
	margin-bottom		:11px;
	}	
.sub_title
	{
	width				:562px;
	height				:25px;
	font-family			:Verdana, Arial, Helvetica, sans-serif;
	font-weight			:bold;
	color				:#444444;
	font-size			:14px;
	padding				:10px 0px 0px 43px;
	background			:url(images/img_sub_title.gif) no-repeat;
	}
.sub_box
	{	
	width				:598px;
	border				:#bbbbbb 1px solid;
	margin-top			:6px;
	margin-left			:5px;
	padding-bottom		:18px;
	}		
	
/*--------------berita-----------*/
.content_main0
	{
	width				:435px;
	padding-bottom		:	10px;
	
	}

.contents_main1
	{
	width				:435px;
	text-align			:left;
	font-family			:Tahoma;
	color				:#333333;
	font-size			:8pt;
	margin-left			:13px;
	border-left			:1px solid #E1E1E1;
	border-bottom		:1px solid #E1E1E1;
	border-right		:1px solid #E1E1E1;
	}

.contents_main1a
	{
	width				: 421px;
	text-align			: left;
	font-size			: 11px;
	text-decoration		: none;
	list-style			: none;
	margin				: 0px;
	padding				: 4px 0px 0px 14px;
	}

.contents_artikel
	{
	width				:535px;
	text-align			:left;
	font-family			:Tahoma;
	color				:#336699;
	font-size			:8pt;
	margin-left			:13px;
	}	
.contents_artikel a
	{
	width				: 421px;
	color				: #336699;
	text-align			: left;
	font-size			: 11px;
	text-decoration		: none;
	list-style			: none;
	margin				: 0px;
	padding				: 4px 0px 0px 3px;
	}
	
.contents_artikel a:hover
	{
	text-decoration		: none;
	color				: #000000;
	}
	
.contents_maindate
	{
	width				: 280px;
	float				:left;
	text-align			: left;
	font-family			:Verdana, Arial, Helvetica, sans-serif;
	font-size			: 11px;	
	margin				: 0px;
	padding				: 0px 0px 0px 0px;
	
	}	
.contents_main2
	{
	width				: 411px;
	text-align			: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size			: 11px;	
	margin				: 0px;
	padding				: 0px 0px 10px 14px;
	line-height			:120%;
	
	}		
.contents_main1a a:hover
	{
	text-decoration		: none;
	color				:#000000;
	}
	
.contents_main1a a
	{
	color				:#336699;
	text-decoration		: none;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-weight			:bold;
	font-size			:12px;
	list-style			: none;
	
	}
	
.contents_pidato a:hover
	{
	text-decoration		: none;
	color				:#000000;
	}
	
.contents_pidato a
	{
	color				:#336699;
	text-decoration		: none;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-weight			:bold;
	font-size			:11px;
	list-style			: none;
	line-height			:110%;	
	}

.gap
	{
	background			:url(images/bg_stripe.gif) repeat-x;
	width				: 435px;
	height				: 1px;
	}
	
.berita_judul
	{
	Padding-left		:3px;
	color				:#336699;
	text-decoration		: none;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-weight			:bold;
	font-size			:12px;
	list-style			: none;
	
	}
	
/*------berita end--------------*/	
	
					
/*--------content end--------------*/
/*--------footer start--------------*/		
.footer
	{
	height				:57px;
	width				:780px;
	padding-top			:15px;
	background			:url(images/bg_footer.gif) repeat-x;
	}
.teks_lower_01
	{
	font-size			:11px;
	color				:#336699;
	font-family			:Verdana, Arial, Helvetica, sans-serif;
	text-align			:center;
	text-decoration		: none;
	list-style			: none;
	}
.teks_lower_01 a
	{
	font-size			:11px;
	color				:#336699;
	font-family			:Verdana, Arial, Helvetica, sans-serif;
	text-align			:center;
	text-decoration		: none;
	}
	
.teks_lower_01 a:hover
	{
	text-decoration		:none;
	color				:#FF0000;
	}
.teks_lower_02
	{
	font-size			:10px;
	margin-top			:4px;
	color				:#333333; 
	font-family			:Verdana, Arial, Helvetica, sans-serif;
	text-align			:center;
	}	
	
.teks_under_img
	{
	font-size			:10px;
	margin-top			:13px;
	color				:#666666; 
	font-family			:Verdana, Arial, Helvetica, sans-serif;
	}	
	
.signal_bottom {
	clear				: both;
	color				: #ff00ff;
	padding-top			: 0.1px;
	
}	


/*-------- Paging   --------------*/

.virtualpage, .virtualpage2, .virtualpage3{display: none;}
.border{border:#cccccc 1px solid}
.redtitle{color:#000000;font-size:12px;font-weight:bold}
.style2{color:#CC0000;font-weight:bold;font-size:11px;font-style:italic}
.abu{font-size:9px;color:#666666}
.paginationstyle{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:2px;MARGIN:10px 0px;WIDTH:100%;PADDING-TOP:2px;TEXT-ALIGN:center; }
.paginationstyle SELECT{BORDER:#b15630 1px solid;MARGIN:0px 15px;}
.paginationstyle A{BORDER:#b15630 1px solid;PADDING-RIGHT:5px;PADDING-LEFT:5px;PADDING-BOTTOM:0px;COLOR:navy;PADDING-TOP:0px;BACKGROUND-COLOR:white;TEXT-DECORATION:none; font-size: 11px;}
.paginationstyle A:hover{COLOR:#FFFFFF;BACKGROUND-COLOR:#b15630; font-size: 11px;}
.paginationstyle A.selected{COLOR:#FFFFFF;BACKGROUND-COLOR:#b15630;font-weight:bold; font-size: 11px;}



/*--------footer end   --------------*/