body{
	background-image:url('images/bg.gif');
	background-repeat:repeat-x repeat-y;
	width: 1024px;

	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:auto;

	}
#konten_atas{
width:80%;
height:auto;
margin:auto;
padding:0px;
border:black;
/*background:white;*/

}
/* header */

#header{
		/*background : white;*/
        text-align : center;
		height : 200px;
		}
#img_header{
		width : 100%;
		height : 100%;

			}

#kontainer{

border:white;

}



/*menubar----------------------------*/
#menubar{
width:663px;
height:51px;
font-family:Arial, Helvetica, sans-serif;
padding:0px;
margin:auto;
background:url(images/menubg.gif) no-repeat center;
}
/*
#listmenu{
		list-style-type:Arial;
		margin: 20px;
		}
#listmenu li {
				display : inline;
				border : 1px solid red;
				padding : 5px;
			}
            */
ul.menu {
list-style-type:none; display:block; width:520px;
margin: auto; padding:0px; background:none;}

ul.menu li {
display:inline;
font-size:13px;
font-weight:bold;
line-height:51px;}

ul.menu li.divider {
display:block;
float:left;
width:1px;
height:51px;
padding:0px ;
margin:0px;
background:url(images/divider.gif) no-repeat center;
}

a.nav:link, a.nav:visited {
display:block; float:left; padding:0px; margin:0;width: auto; margin:0px 14px 0px 14px; text-align:center;
text-decoration:none; background:none; color:#663300;}
a {
text-decoration:none;
}


a.nav:hover {
color: #ffcc99; text-decoration:none;background:url(images/menu_arrow.gif) no-repeat top center;}

/*campur*/
		.box{
				margin : 0 auto;
				width : 80%;
				float: center;
			}
		#sidebar{
                background: #ffcc99;
				float : left;

				width: 30%;
				margin: 10px;
				padding: 10px;
			}



ul.sidebaroke {
list-style-type:none;
margin: 10px 10px 10px 20px; padding:0px; background:none;}
ul.sidebaroke li {

font-size:13px;

line-height:0px;}
a.nav:hover {
color: #ffcc99; }



			#welkomen{
				float : left;

				width: 58%;
				margin: 10px;
				padding: 10px;
				overflow: auto;
			}
			#latartulisan{

			width:310px;
height:70px;

float:left;
margin:5px;
background:url(images/link_more_bg.gif) no-repeat center;
text-align:center;

text-decoration:none;
color:#6c331f;

line-height:29px;

			}

			#latarlink{

			width:200px;
height:40px;

float:left;
margin:15px;
background:url(images/bloknama.gif) no-repeat center;
text-align:center;

text-decoration:none;
color:#6c331f;

line-height:0px;

			}


			#latarlinkkecil{

			width:200px;
			height:40px;

			float:left;
			margin:5px;
			background:url(images/latarlink.gif) no-repeat center;
			text-align:center;

			text-decoration:none;
			color:#6c331f;

			line-height:0px;

			}

			#credit{
				width: 210px;
				float:left;
				text-align:justify;
				margin:5px 15px 10px 15px;
				font-size: 12px;
				color: #8B5A00;



			}
			#boxgambar{

				float : left;
				width: 65%;
				margin: 0px;
				padding: 0px;
				overflow: auto;
			}
			#boxgambar1{

				float : left;
				width: 65%;
				margin: 0px;
				padding: 0px;
				overflow: auto;
			}
			#konten{

				float : left;
				width: 58%;
				margin: 10px;
				padding: 10px;
				font-size: 13px;
				text-align: justify;
				color: #8B5A00;
			}
			#gambarkonten{
			text-align: center;



			}
			#img_berdiri{
				width : 200px;
				height : 280px;

			}
			#img_bobok{
			width: 300px;
			height: 200px;
			}
			#img_uec{
            width: 50%;
            height: 40%;
            }
			#img_uec{
            width: 50%;
            height: 50%;
            }
			#kontengallery{

                background-color: white;
				width: 100%;
                border : 1px solid yellow;
				float : left;

			}
			#komenbox{

                background-color: white;
				width: 55%;border : 1px solid yellow;
				float : left;
				width: 60%;
				margin: 10px;
				padding: 10px;
			}

			}
			#kotakkomentar{
				width: 250px;
				height: 100px;
			}

			.clearboth{
				clear : both;
			}