body {

	padding:0;

	text-align:center;

	background-color:#4e4e4e;

	margin:0;

/* font-size:11.5px;

font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif; */

	 font-family:Georgia, "Times New Roman", Times, serif;

	font-size:12px; 

color:#484848;

}



.widgetized {

}









/*#########################################FRAMEWORK######*/

.cleared {clear:both}

.relative {position:relative}

.block {display:block}

.inline {display:inline}

.textrapat {letter-spacing:-1px}

.underline {text-decoration:underline}

.font-arial {font-family:Arial, Helvetica, sans-serif;}

.font-times {font-family:"Times New Roman", Times, serif}

.font-courier{font-family:"Courier New", Courier, monospace}

.font-georgia{font-family:Georgia, "Times New Roman", Times, serif}

.font-verdana {font-family:Verdana, Arial, Helvetica, sans-serif}

.font-geneva {font-family:Geneva, Arial, Helvetica, sans-serif};

.font-trebuchet {font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif}

.fontbig {font-size:36px;}

.fontmedium {font-size:18px;}

.fontnormal {font-size:12px}

.fontsmall {font-size:10px}

.current{font-weight:bold;}

.roundSmall{

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}

.roundMedium{

	-moz-border-radius: 8px;

	-khtml-border-radius: 8px;

	-webkit-border-radius: 8px;

	border-radius: 8px;

}



/*######################################### GLOBAL LINK ######*/

a, a:visited {

	text-decoration:none;

	color:#009386;

}

a:hover {

	color:#003366;

	

}

a img{

	border:none;

}

/*#########################################FRAMING######*/



/*---container--- */

.frames{ 

	background:#e5e5e5 url(images/bg.gif) repeat-x;

	text-align:left;

}



/*---container--- */

.detailpage .frames{ 

	

}



/*---inside container--- */

.detailpage .frames1{ 

	

}

	/*---header--- */

	.detailpage .frames1-1, .archive .frames1-1, .homepage .frames1-1{

		width:890px;

		margin:0 auto; 

		height:50px;

		background:url(images/logo.jpg) no-repeat left top;

		position:relative;

	}

	.homepage .frames1-1{

		height:48px

	}

	/*---content--- */

	.detailpage .frames1-2{ 

		width:840px;

		margin:0 auto;

		padding:20px 0;

	}

	.archive .frames1-2{ 

		width:800px;

		margin:0 auto;

		padding:40px 0;

	}

		.detailpage .frames1-2-1, .archive .frames1-2-1{

		}

			/*---content left--- */

			.detailpage .frames1-2-1-1{ 

				float:left;

				width:193px;

			}

				

			/*---content center--- */

			.detailpage .frames1-2-1-2{ 

				float:left;

				width:414px;

				padding:0 6px;

			}

			.archive .frames1-2-1-2{ 

				float:left;

				width:530px;

			}

			

			/*---content center--- */

			.detailpage .frames1-2-1-3{ 

				float:right;

				width:210px;

				line-height:18px

			}

			.archive .frames1-2-1-3 { 

				float:right;

				width:245px;

				line-height:18px

			}

	/*---footer--- */

	.detailpage .frames1-3, .archive .frames1-3, .homepage .frames1-3{ 

		background:#4f4f4f url(images/bg-footer.gif) repeat-x;

		height:100px;

		text-align:center;

		color:#FFF;

		line-height:18px;

		font-size:11px

	}

	.detailpage .frames1-3 a, .archive .frames1-3 a, .homepage .frames1-3 a{ 

		color:#CCCCCC;

		

	}

	.detailpage .frames1-3 .widgetized, .archive .frames1-3 .widgetized, .homepage .frames1-3 .widgetized{ 

		color:#FFFFFF;

		padding:15px;

		background:url(images/bg-footer2.jpg) no-repeat center 2px;

		height:100px;

		

	}

	

.homepage .frames1{ 

}

	/*---header--- */

	.homepage .frames1-1{ 

	}

	/*---content--- */

	.homepage .frames1-2{ 

		

	}

		.homepage .frames1-2-1{

		}

			/*---content left--- */

			.homepage .frames1-2-1-1 { 

				float:left;

				width:200px;

			}	

			/*---content center--- */

			.homepage .frames1-2-1-2 { 

				float:left;

				width:400px;

			}

			/*---content center--- */

			.homepage .frames1-2-1-3 { 

				float:right;

				width:200px;

			}

	/*---footer--- */

	.homepage .frames1-3{ 

		

	}

	

	

/*##########WIDGET START HERE #############*/

#widgetMenuHor1 {

	width:500px;

	position:absolute;

	top:10px;

	right:0;

}

	#widgetMenuHor1 .item{

		display:inline;

		padding:5px;

		float:left;

		width:auto;

	}

	#widgetMenuHor1 .item a, #widgetMenuHor1 .item a:visited{

		display:block;

		padding:10px 10px 10px 10px;

		text-align:center;

		float:left;

		width:auto;

		color:#FFFFFF;

	}

	#widgetMenuHor1 .item a:active, #widgetMenuHor1 .item a:hover, #widgetMenuHor1 .active{

		display:block;

		text-align:center;

		float:left;

		width:auto;

		color:#990000 !important;

		padding-top:10px !important;

		padding-bottom:20px !important;

		background:#FFFFFF url(images/bg-menu.gif) repeat-x;

	}







#menuleft {

	background-color:#ebebeb;

	padding:5px;

	border:1px solid #d0d0d0;

}

	#menuleft1 {

		text-align:center;

		padding:10px 0;

		border-bottom:1px solid #b3b3b3;

	}

		#menuleft1 img{

			padding:5px;

			border:1px solid #999999;

			background-color:#FFFFFF;

		}

		#menuleft1 h1{

			display:block;

			padding::1px 0;

			margin:0;

			font-size:16px;

			text-align:left;

			padding-left:5px;

		}



	#menuleft2 {

		padding:15px 0;

		border-top:1px solid #FFFFFF;

		border-bottom:1px solid #b3b3b3;

	}

		#menuleft2 ul{

			display:block;

			padding:0;

			margin:0;

		}

		#menuleft2 ul li{

			list-style:none;

			padding:1px 0;

			margin:0;

			display:block;

		}

		#menuleft2 ul li a{

			display:block;

			padding:4px 0 4px 30px;

			font-size:11px;

		}

		#menuleft2 ul li a span{

			display:block;

			color:#474747;

			font-size:12px;

			font-weight:bold;

		}

		#menuleft2 .facebook{

			background:url(images/facebook.gif) no-repeat 5px 50%;

		}

		#menuleft2 .email{

			background:url(images/email.gif) no-repeat 5px 50%;

		}

		#menuleft2 .website{

			background:url(images/website.gif) no-repeat 5px 50%;

		}

		#menuleft2 .address{

			background:url(images/address.gif) no-repeat 5px 50%;

		}

		

	#menuleft3 {

		padding:5px 0;

		border-top:1px solid #FFFFFF;

		position:relative;

	}

		#menuleft3 .hosttitle{

			position:absolute;

			width:auto;

			padding:5px;

			top:-15px;

			left:5px;

			background-color:#ebebeb;

		}

		#menuleft3 .host{

			padding-top:10px;

			text-align:center;

		}

		#menuleft3 .host img{

			border:1px solid #CDCDCD;

			background-color:#FFFFFF;

			margin-bottom:3px;

		}

		

.logo-besar{

	width:770px;

	height:360px;

	margin:0 auto;

	background:url(images/menjadi-indonesia.jpg) no-repeat center top;

}

.iconic{

	padding:40px 0;

}

.iconitem {

	width:212px;

	padding-bottom:20px;

	float:left;

}

.iconitem a, .iconitem a:visited{

	display:block;

	padding:20px;

	padding-right:5px;

	color:#666666;

	height:100px;

}

.iconitem a:hover{

	background: #FFFFFF url(images/panah.gif) no-repeat center top;

	-moz-box-shadow: rgba(200,200,200,1) 0 4px 18px;

	-webkit-box-shadow: rgba(200,200,200,1) 0 4px 18px;

	-khtml-box-shadow: rgba(200,200,200,1) 0 4px 18px;

	box-shadow: rgba(200,200,200,1) 0 4px 18px;

}

.iconitem a span{

	display:block;

	font-size:24px;

	padding-bottom:12px

}

.iconitem a:hover span{

	color:#990000

}

.detailpage #contentcenter1 {

	background-color:#FFFFFF;

	padding:20px;

	border:1px solid #d7d7d7;

	margin-bottom:6px;



}

.detailpage #contentcenter2 {

	background-color:#f7f7f7;

	padding:20px;

	border:1px solid #d1d1d1;

	margin-bottom:6px;

        margin-top:5px;

}

	.detailpage #contentcenter1 .excerpt1{

		color:#96ae73;

		font-size:16px;

		font-weight:bold;

		line-height:20px;

		padding:10px 0;	

		border-bottom:1px solid #e8e8e8;	

	}

	.detailpage #contentcenter1 .isi{

		padding:10px 0;

		font-size:11px;

		line-height:18px;

		color:#53859c;

	}

	.detailpage #contentcenter1 .moretoggle{

		text-align:right;

		font-size:14px;

		font-weight:bold;

	}

	

.detailpage #pendapat .tokoh{

	border-top:1px solid #CCCCCC;

	padding-top:10px;

	padding-bottom:30px;

}

.detailpage #pendapat .tokoh span{

	font-size:18px;

	font-weight:bold;

	padding-top:5px;

	display:block;

}

.detailpage #pendapat .tokoh img{

	float:left;

	margin:0px 5px 5px 0;

	border:1px solid #999999;

	background-color:#FFFFFF;

	padding:2px;

}



.archive .contentcenter1 {

	background-color:#FFFFFF;

	padding:10px;

	border:1px solid #d7d7d7;

	width:222px;

	float:left;

	margin:0 20px 20px 0;

}

	.archive .contentcenter1 .excerpt1{

		color:#4e0304;

		font-size:12px;

		font-weight:bold;

		text-transform:uppercase;

		

	}

	.archive .contentcenter1 .isi{

		padding:4px 0;

		font-size:11px;

		line-height:18px;

		color:#53859c;

	}

	.archive .contentcenter1 .isi .thumbnail{

		height:90px;

	}

	.archive .contentcenter1 .moretoggle{

		text-align:left;

		font-size:11px;

		border-top:1px solid #e8e8e8;

	}

	.archive .contentcenter1 .moretoggle a{

		color:#4e0304;

	}

	.archive .contentcenter1 .moretoggle span{

		float:right;

		display:inline;

		width:auto;

	}

	

.archive #pendapat .tokoh{

	border-top:1px solid #CCCCCC;

	padding-top:10px;

	padding-bottom:30px;

	

}

.archive #pendapat .tokoh span{

	font-size:18px;

	font-weight:bold;

	padding-top:5px;

	display:block;

}

.archive #pendapat .tokoh img{

	float:left;

	margin:0px 5px 5px 0;

	border:1px solid #999999;

	background-color:#FFFFFF;

	padding:2px;

}





ol.commentlist {

	margin:0;

	padding:0;

	}



.commentlist li {

	list-style:none;

	margin-bottom:14px;

	}



.commentlist cite {

	padding: 7px;

	display:block;

	font-style:normal;

	color:#596e3b;

	}	



.commentlist a:link, .commentlist a:visited {

	color:#596e3b;

	}



.commentlist a:hover, .commentlist a:active {

	color:#8ec343;

	}



.commentlist cite img {

	padding:1px;

	border:1px solid #aab59a;

	float:left;

	margin-right:9px;

	}



.commentlist .author {

	font: small-caps bold 1.2em Georgia, "Times New Roman", Times, serif;

	text-decoration:underline;

	}



.commentlist .time {

	}



.commenttext {

	background:#9bc561 url(images/talk.gif) no-repeat 30px top;

-moz-border-radius: 8px;

	-khtml-border-radius: 8px;

	-webkit-border-radius: 8px;

	border-radius: 8px;

	padding:10px 20px;

	color:#fafcf6;

	}













/*image slider*/

#top {

position:relative;

height:450px;

}

#featured{

height:410px;

clear: both;

position: absolute;

top:0;

left:-100px;

}



.featured_item{

position:absolute;

width:292px;

top:100px;

left:318px;

z-index: 1;

overflow: hidden;

cursor: pointer;

padding:10px 20px 20px 10px;

}



#top .featured_item_active{

position:absolute;

width:612px;

padding:10px 20px 20px 10px;

top:25px;

left:174px;

z-index: 3;



}



#top .featured_item_active img{

width:600px;

}



#top .featured_item_last, #top .featured_item_upcoming{

width:392px;

left:0px;

top:50px;

z-index: 2;

}







#top #featured .featured_item_upcoming{

left:500px;

}



#top #featured .featured3{

left:647px;

}



#top #featured .featured4{

left:0px;

}



.featured_item img{

width:280px;

}



#top .featured_item_last img, #top .featured_item_upcoming img{

width:380px;

}



.item, .wrapper img{

padding: 5px;

}



.item_shadow{

margin: 0 auto;

}



.featured_item img{

display:block;

position: relative;

}

#featured .item{

background-color:#fff;

padding:7px;

border:1px solid #cdcdcd;

-moz-border-radius: 4px;

	-khtml-border-radius: 4px;

	-webkit-border-radius: 4px;

	border-radius: 4px;

-moz-box-shadow: #9d9d9d 0 4px 18px;

	-webkit-box-shadow: #9d9d9d 0 4px 18px;

	-khtml-box-shadow: #9d9d9d 0 4px 18px;

	box-shadow: #9d9d9d 0 4px 18px;

}

.message, .tool-tip {

background-color:#000;

-moz-border-radius: 8px;

	-khtml-border-radius: 8px;

	-webkit-border-radius: 8px;

	border-radius: 8px;

-moz-box-shadow: #9d9d9d 0 4px 18px;

	-webkit-box-shadow: #9d9d9d 0 4px 18px;

	-khtml-box-shadow: #9d9d9d 0 4px 18px;

	box-shadow: #9d9d9d 0 4px 18px;

border:1px solid #FFF;

padding:5px;

color:#fff;

font-family:arial;

}

.message {

background-color:#FFF;

border:1px solid #cdcdcd;

}

.ToolTips .top {

background-color:#00FFFF;

top:-10px;

right:-10px;

position:absolute;

}

.sticky_close {

display:block;

width:24px !important;

height:24px  !important;



background:url(images/close.gif) no-repeat;

}



.tool-title {

display:none;

}



input, textarea {

width:370px;

border:1px solid #cdcdcd;

}