/* ## CSS IMPORT ## */
@import url("stylenav.css");
@import url("stylecal.css");
/* ## CSS DOCUMENT ## */
body {
	padding:0;
	text-align:center;
	/*background:#e0d9b5 url(../images/bg.jpg) no-repeat 50% 40px;*/
	background:#e0d9b5 url(../images/ornamen-batik.jpg);
	margin:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
}
/*#########################################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;}
.none {display:none;}
/*######################################### GLOBAL LINK ######*/
a, a:visited {
	text-decoration:none;
	color:#009386;
}
a:hover {
	color:#003366;
}
/*#########################################FRAMING######*/
/*---container--- */
.frames{
	width:946px;
	margin:0px auto 20px auto;
	text-align:left;
}
/*---container--- */
.frames{ 
}
/*---inside container--- */
.frames1{ 
	background:#116583 url(../images/bg-container.gif) repeat-y;
}
	/*---header--- */
	.frames1-1{ 
		background:#116583 url(../images/bg-top.gif) no-repeat top;
	}
		.frames1-1-1{ 
			position:relative;
			height:32px;
		}
		.frames1-1-2{ 
			text-align:center;
		}
		.frames1-1-3{
			background:url(../images/bg-content-top.gif) no-repeat bottom;
			height:50px;
			padding:0 20px;
		}
	/*---content--- */
	.frames1-2{ 
		padding:20px 40px;
	}
		.homepage .frames1-2-1{
			padding-bottom:40px;
		}
			/*---content right--- */
			.homepage .frames1-2-1-1 { 
				float:right;
				width:315px;
			}	
			/*---content left--- */
			.homepage .frames1-2-1-2 { 
				float:left;
				width:520px;
			}
		.homepage .frames1-2-2{
		}
			/*---content right--- */
			.homepage .frames1-2-2-1 { 
				float:left;
				width:200px;
			}	
			/*---content left--- */
			.homepage .frames1-2-2-2 {
				float:right;
				width:300px;
				padding: 0 10px;
			}	
			.homepage .frames1-2-2-3 { 
				float:left;
				width:260px;
			}	
		.detail .frames1-2-1{
			padding-bottom:40px;
		}
			/*---content right--- */
			.detail .frames1-2-1-1 { 
				float:left;
				width:215px;
			}	
			/*---content left--- */
			.detail .frames1-2-1-2 { 
				float:right;
				width:580px;
				padding:25px;
				padding-top:10px;
			}
	/*---footer--- */
	.frames1-3{ 
		background:url(../images/bg-bottom.gif) no-repeat bottom center;
		height:115px;
		position:relative;
	}
		.frames1-3 .widgetized{ 
			padding:0 40px;
		}
/*######################################### NAVIGATION ######*/
.contentarea {
	line-height:20px;
}
.contentarea .title h1 {
	display:block;
	padding:1px;
	margin:0;
	font-size:18px;
	color:#006699;
}
.contentarea p {
	display:block;
	margin:0;
	padding:20px 0;
}
.contentarea img {
	/*
	float:left;
	padding:5px;
	background-color:#FFFFFF;
	border:1px solid #666666;
	margin:0 10px 4px 0;
	margin-top:25px;
	*/
}
.contentleft p {
	padding-bottom:0px;
}
.navigation-horizontal {
}
.navigation-horizontal .left {
	float:left;
}
.navigation-horizontal .right {
	float:right;
}
.navigation-horizontal .clear {
	clear:both;
}
/*######################################### BOX ######*/
.box-tanggal {
	position:absolute;
	width:200px;
	height:21px;
	top:42px;
	left:15px;
	color:#FFFFFF;
}
.box-menubantu {
/*
	position:absolute;
	width:328px;
	height:22px;
	top:8px;
	left:605px;
	text-align:right;
*/
	position:absolute;
	width:100%;
	height:22px;
	top:0px;
        padding-top:7px;
        background:#e0d9b5 url(../images/ornamen-batik.jpg);
}
	.box-menubantu a {
		color:#000;
	}
	.box-menubantu .left {
		float:left;
		padding-left:20px;
	}
	.box-menubantu .right {
		float:right;
		padding-right:20px;
	}
	.box-menubantu .clear {
		clear:both;
	}
.box-search {
	width:187px;
	height:30px;
	color:#333333;
}
	.box-search .item{
		position:relative;
	}
	.box-search .item .title{
		position:absolute;
		top:13px;
		left:-107px;
		width:100px;
		color:#FFFFFF;
		text-align:right;
	}
	.box-search .item .inputbox{
		position:absolute;
		top:8px;
		left:0;
		width:130px;
	}
		.box-search .item .inputbox input{
			width:140px;
			padding:2px 4px;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:11px;
			border:1px solid #4591ac;
			background-color:#eeeeee;
			color:#333333;
		}
	.box-search .item .button{
		position:absolute;
		top:12px;
		right:0px;
		width:24px;
		height:21px;
	}
		.box-search .item .button input{
			border:none;
			background: url(../images/searchbtn.gif) no-repeat;;
			color:#FFFFFF;
			font-weight:bold;
			cursor:pointer;
			width:16px;
			height:16px;
		}
	.box-search .item .text{
		position:absolute;
		top:41px;
		left:3px;
		width:116px;
		display:none;
	}
.box-useronline {
	position:absolute;
	width:430px;
	height:21px;
	top:122px;
	left:16px;
	color:#CCCCCC;
	font-size:10px;
}
	.box-useronline a, .box-useronline a:visited{
		color:#FFFFFF;
	}
.box-copyright {
	position:absolute;
	width:430px;
	height:21px;
	top:122px;
	left:500px;
	color:#CCCCCC;
	font-size:10px;
	text-align:right;
}
	.box-copyright a, .box-copyright a:visited{
		color:#FFFFFF;
	}
/*######################################### WIDGET ######*/
.widgetlist {
}
	.widgetlist .title h2{
		display:block;
		padding:1px 0;
		margin:0;
		font-size:18px;
		color:#537ea8;
	}
	.widgetlist ul{
		display:block;
		padding:0;
		margin:0;
	}
	.widgetlist ul li{
		display:block;
		list-style:none;
		padding:10px 0;
		font-size:11px;
	}
		.widgetlist ul li a, .widgetlist ul li a:visited{
			font-size:12px;
			display:block;
			font-weight:bold;
			color:#666666;
		}
.widgetlist-image {
}
	.widgetlist-image .title h2{
		display:none;
	}
	.widgetlist-image ul{
		display:block;
		padding:0;
		margin:0;
	}
	.widgetlist-image ul li{
		display:block;
		list-style:none;
		padding:2px 0;
	}
		.widgetlist-image ul li a img{
			border:none;
		}
.widget-slideshow {
	padding:10px 0 10px 10px;
	/*background-color:#F0F0F0;
	border:1px solid #999999;*/
}
	.widget-slideshow .title {
		display:none;
	}
	.widget-slideshow #thumbnails a{
		display:inline;
		float:left;
		overflow:hidden;
		margin:2px;
	}
	.widget-slideshow #thumbnails a img{
		width:50px;
		height:50px;
		padding:1px;
		background-color:#FFFFFF;
		border:1px solid #999999;
	}
	.widget-slideshow #layar img {
		padding:1px;
		background-color:#FFFFFF;
		border:1px solid #999999;
	}
.widgetlist-centerImg{
		border-top:1px dotted #999999;
}
	.widgetlist-centerImg .bracket  {
	  padding:0; 
	  margin:0 auto; 
	  list-style-type:none;
	  float:left;
	  position:relative; 
	  left:50%;
	  }
	.widgetlist-centerImg .bracket  li {
	  float:left; position:relative; right:50%;
	  list-style:none;
	  }
	.widgetlist-centerImg .bracket  a {
	  width:auto;
	  display:block;
	  border:none;
	  padding:3px;
	  }
	  .widgetlist-centerImg .bracket  a  img{
	  border:none;
	  }
          #runtxt {
              margin:0px auto;
              width:860px;
          }
          #ticker {
          }