/* CSS Document */
*
{
	padding: 0px;
	margin: 0px;
}

body
{
	font-family:Arial, Helvetica, sans-serif;
	color:white;
	background-color:black;
}

#outter
{
	position:relative;
	width:900px;
	margin:10px auto;
}

#header
{
	position:relative;
	float:left;
	width:900px;
}

#header h1
{
	color:rgb(9,141,66);
	font-size:18px;
	margin:0;
	padding:0;
	float:left;
	position:relative;
	letter-spacing:2px;
}

#header h2
{
	font-size:14px;
	font-weight:normal;
	margin:3px 0;
	padding:0;
	float:right;
	letter-spacing:1px;
	position:relative;
}

#banner
{
	float:left;
	background-image:url(../image/banner.jpg);
	background-repeat:no-repeat;
	width:190px;
	height:150px;
	padding:100px 0 0 710px;
	text-align:center;
}

#banner .input
{
	width:170px;
	margin-bottom:5px;
}

#banner h1
{
	font-size:14px;
	font-weight:normal;
	margin:0;
	padding:0;
}

#banner a
{
	font-size:14px;
	color:yellow;
	text-decoration:none;
}

#banner a:hover
{
	color:white;
}

#scrolling
{
	position:relative;
	float:left;
	width:900px;
	height:15px;
	padding:10px 0;
	font-size:12px;
	letter-spacing:1px;
}

#inner
{
	position:relative;
	float:left;
	width:900px;
	background:url(../image/back.jpg);
	font-size:12px;
}

#left
{
	float:left;
	width:200px;
	text-transform:uppercase;
	font-size:14px;
	margin:0 0 50px 0;
}

#left a
{
	text-decoration:none;	
	color:white;
	background-color:rgb(0,146,63);
	border-bottom:solid 5px rgb(57,172,51);
	display:block;
	padding:3px 0 0 20px;
	height:20px;
	letter-spacing:2px;
}

#left a:hover
{
	color:yellow;
}

#tengah
{
	padding:10px;
	float:left;
	width:475px;
	line-height:18px;
	margin:0 0 20px 0;
}

#tengah p
{
	margin:5px 0 10px 0;
	text-align:justify;
}

#tengah a
{
	color:white;
}

#tengah a:hover
{
	color:yellow;
}

#tengah h1
{
	text-transform:capitalize;
	text-align:justify;
	line-height:30px;
}

#tengah h2
{
	text-transform:uppercase;
	font-size:12px;
	letter-spacing:1px;
	padding:0 0 0 10px;
	background-color:rgb(57,172,51);
}

#tengah h3
{
	text-transform:uppercase;
	text-align:justify;
	font-size:16px;
}

#tengah ul
{
	margin:0;
	padding:0 0 0 20px;
}

#gallery-wrapper
{
	width:500px;
	text-align:center;
}

#gallery
{
	float:left;
	width:115px;
	margin:0 0 10px 0;
}

#bannerbottom
{
	float:left;
	width:475px;
	padding:50px 0 0 0;
	text-align:center;
}

#col1
{
	border:black 1px solid;
	width:475px;
}

#col1 p
{
	padding:0 10px;
	text-align:justify;
}

#kiri
{
	float:left;
	width:234px;
}

#kanan
{
	float:left;
	width:234px;
	margin:0 0 0 5px;
}

#col2-left
{
	border:black 1px solid;
	width:232px;
	float:left;
	margin:10px 1px 0 0;
	position:relative;
}

#col2-right
{
	border:black 1px solid;
	width:232px;
	float:left;
	margin:10px 0 0 1px;
	position:relative;
}

#col2-left p
{
	padding:0 10px;
}

#col2-right p
{
	padding:0 10px;
}

#right
{
	float:right;
	width:200px;
	margin:0 0 50px 0;
}

#right a
{
	color:white;
}

#right a:hover
{
	color:yellow;
}

#right-content
{
	border-bottom:solid 5px rgb(57,172,51);
	background-color:rgb(0,146,63);
	font-size:12px;
}

#right-content p
{
	margin:10px;
	padding:0 0 10px 0;
	border-bottom:white 1px dashed;
	line-height:18px;
	letter-spacing:0.1px;
}

#right-content2
{
	border-bottom:solid 5px rgb(57,172,51);
	background-color:rgb(0,146,63);
	font-size:12px;
}

#right-content2 p
{
	margin:10px;
	line-height:20px;
	letter-spacing:0.1px;
}

#right-content3 p
{
	text-align:center;
	margin:10px 0 0 0;
}

#footer
{
	float:right;
	padding:5px 0 5px 0;
	font-size:14px;
	letter-spacing:1px;
}

#footer a
{	
	color:white;
	text-decoration:none;	
}

#footer a:hover
{
	color:yellow;
}