/*defaults*/
body 	{
	background:#fff;
	color:#000000;
	padding:0;
	font-family:"Trebuchet MS", verdana, arial, "Times New Roman", serif;
	font-size:90%;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
p		{
	margin:0;
	padding:0 0 15px 0;
	text-align: justify;
}
a		{color:#458023; text-decoration:none; }
a:hover	{color:#aac838; text-decoration:none;}


/*structural elements*/
#container	{
	margin:auto;
	text-align:center;
	width:800px;
	background-color: #fff;
	background-image: url(../images/bg1.jpg);
	background-repeat: repeat-y;
	background-position: center;
	padding-right: 10px;
	padding-left: 10px;
}
#holder		{
	width:780px;
	background:#FFFFFF;
	text-align:left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#logo		{
	background:#FFFFFF;
	background-image: url(../images/logo-natoya.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height:100px;
	border-bottom:1px solid #DADADA;
	padding:5px 0px 0px 0px;
	text-align:right;
}
#navigation	{padding:10px 0; }
#header		{background:#DADADA no-repeat 10px 10px; padding:10px; height:200px; }
#content	{
	float:left;
	width:520px;
	line-height:110%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
}
#image2 {
	width: auto;
	float: right;
	z-index: 0;
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	border:1px solid #DADADA;
	background-color: #fff;
}
#news		{
	float:right;
	width:240px;
	background:#DADADA;
	line-height:140%;
	text-align:justify;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	margin-top: 0px;
}
.newsItem	{
	padding:5px 5px 5px 5px;
	border:1px solid #999999;
	font-size:90%;
	margin-bottom:10px;
	background-color: #DADADA;
	background-image: url(../images/kinoy_nongol_kecil.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#muka1		{
	float:left;
	width:240px;
	background:#e0eab6;
	line-height:140%;
	text-align:justify;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	margin-top: 0px;
}
.muka1isi	{
	padding:5px 5px 5px 5px;
	border:1px solid #999999;
	font-size:90%;
	margin-bottom:0px;
	background-color: #e0eab6;
	background-image: url(../images/kinoy_nongol_kecil1.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#muka2		{
	float:right;
	width:240px;
	background:#fff2d2;
	line-height:140%;
	text-align:justify;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	margin-top: 0px;
}
.muka2isi	{
	padding:5px 5px 5px 5px;
	border:1px solid #999999;
	font-size:90%;
	margin-bottom:0px;
	background-color: #fff2d2;
	background-image: url(../images/kinoy_nongol_kecil2.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#footer		{
	clear:both;
	width:780px;
	font-size:80%;
	text-align:center;
	border-top:1px solid #999999;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	background-color: #DADADA;
	background-image: url(../images/kinoy_nongol_footer.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#tambahan {
	background:#aac838 no-repeat 10px 10px;
	padding:10px;
	height:auto;
}
#powbar {
	top: 0px;
	left: 0px;
	float: left;
	padding-top: 5px;
	padding-left: 5px;
}
#image {
	width: auto;
	float: left;
	background-color: #ffffff;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	border:1px solid #999999;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#thumbnail {
	width: 100px;
	float: left;
	z-index: 0;
	margin: 10px;
}
#copyright	{float:right; }


/*headings*/
.newsItem h1	{color:#458023; margin:0 0 10px 0; padding:0; font-size:130%; font-weight:normal; }
#content h1		{font-size:170%; font-weight:normal; line-height:130%; margin:0; padding:0 0 20px 0; }
#content h3		{
	font-size:120%;
	font-weight:bold;
	line-height:120%;
	margin:0;
	padding:0 0 0px 0;
	text-transform: none;
}
#logo h1		{
	font-weight:bold;
	font-size:170%;
	padding:0;
	color:#458023;
	text-align: left;
	vertical-align: middle;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 195px;
}


/*navigation*/
#navigation ul 		{margin:0; padding:0; }
#navigation li 		{margin:0; padding:0; list-style:none; display:inline; }
#navigation a		{color:#458023; padding:0 20px 0 0; text-decoration:none; }
#navigation a:hover	{color:#aac838; }

#footer ul 		{margin:0; padding:0; }
#footer li 		{margin:0; padding:0; list-style:none; display:inline; }
#footer a		{color:#000000; font-weight:bold; padding:0 5px 0 0; text-decoration:none; }
#footer a:hover	{color:#458023; text-decoration:underline; }



.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block; }

* html .clearfix {height:1%; }
.clearfix {display:block; }