@charset "utf-8";
/* CSS Document */
body, html { margin: 0 0 20px 0; padding: 0; background: #E7E6DC url(../images/bg_body.jpg) repeat-x; font-family: Arial; font-size: 12px; color: #666; }

#container { width: 780px; margin: 0px auto; }

#header { width: 780px; height: 100px; display: block; position: relative; }
	#header img { position: absolute; top: 27px; left: 15px; }
	#header ul { float: right; margin: 35px 4px 0 0; padding: 0; list-style: none; }
	html>body #container #header ul { margin-right: 0px; }
	#header ul li { float: left; margin: 0 0 0 7px; padding: 0; font-size: 14px; }
	#header ul li a { color: #4B5921; text-decoration: none; padding: 7px; display: block; font-weight: bold; }
	#header ul li a:hover { color: #A3A98C; }
	#header ul li a#active { color: #FFF; background-color: #4B5921; }
	
#content { width: 780px; display: block; background-color: #FFFFFF; }
	#left a, #right p a { color: #ff9900; text-decoration: underline; font-weight: bold; }
	#left a:hover, #right p a:hover { color: #4B5921; }
	
	sup { font-size: 7px; margin: 0; padding: 0; }
	
	#content-header { float: left; width: 750px; height: 170px; display: block; margin: 15px 0 5px 8px; padding: 0; border-bottom: 1px solid #F1ECE2; }
	html>body #container #content #content-header { margin-left: 15px; }
		#content-header h1 { float: left; color: #4B5921; margin: 0; padding: 10px 0 0 0; font-size: 24px; font-weight: normal; }
		#content-header ul { float: right; margin: 17px 0 0 0; padding: 0; list-style: none; }
		#content-header ul li { float: left; margin: 0 0 0 20px; padding: 0; font-size: 14px; }
		#content-header ul li a { color: #B4BAA2; text-decoration: none; font-weight: normal; }
		#content-header ul li a:hover { color: #4B5921; } #content-header ul li a#current { color: #4B5921; }
	
	#left { float: left; width: 500px; margin: 15px 0 0 8px; padding: 0; }
	html>body #container #content #left { margin-left: 15px; }
		#left p, #center p { line-height: 180%; margin: 0 0 10px 0; padding: 0; }
		#qlist { margin: 0 0 0 30px; padding: 0; color: #FF9900; }
		html>body #container #content #left #qlist { margin-left: 25px; }
			#qlist li { margin: 0 0 7px 0; padding: 0; line-height: 140%; }
		#alist { margin: 30px 0 0 0; padding: 30px 0 0 0; list-style: none; border-top: 1px solid #F1ECE2; }
		html>body #container #content #left #alist { padding-top: 25px; }
			#alist li { margin: 0 0 15px 30px; padding: 0; line-height: 140%; }
			html>body #container #content #left #alist li { margin-left: 25px; }
			#alist li strong { color: #4B5921; }
	
	.portfolio_item { padding: 0 0 5px 0; margin: 0 0 15px 0; border-bottom: 1px solid #f1f1f1; display: block; }
		.portfolio_item h1 { font-size: 16px; color: #FF9900; margin: 0; padding: 0; }
	.polaroid { margin: 0 0 10px 0; padding: 5px; background-color: #F1ECE2; display: block; position: relative; }
	.polaroid2 { margin: 0 10px 10px 0; padding: 5px; background-color: #F1ECE2; width: 140px; height: 140px; float: left; }
		.polaroid h1 { margin: 0; padding: 15px 0 15px 15px; font-size: 16px; color: #4B5921; }
		.polaroid p { margin: 0; padding: 0 15px 15px 15px; line-height: 160%; color: #999; }
		.polaroid strong { color: #FF9900; }
		.polaroid span { font-size: 24px; font-weight: bold; position: absolute; top: 305px; left: 0px; width: 470px; padding: 10px 0 10px 20px; display: block; color: #FFFFFF; }
		html>body #container #content .polaroid span { left: 5px; }
		.polaroid ul { margin: 0 15px 15px 15px; padding: 0; list-style: none; }
		.polaroid ul li { margin: 0; padding: 7px 0 7px 0; border-bottom: 1px solid #E9E6DF; }
		.polaroid ul li a { color: #999; text-decoration: none; }
		.polaroid ul li a:hover { color: #4B5921; }
		.polaroid ul li a#aktif { color: #FF9900; font-weight: bold; }
	
	.pdflink { padding: 0 0 2px 25px; background: url(../images/icon_pdf.gif) no-repeat; }
	
	.pitem { padding: 0 0 10px 0; margin: 0 0 20px 0; border-bottom: 1px solid #f1f1f1; position: relative; }
		.pitem h2 { color: #4B5921; margin: 0 0 5px 0; padding: 0; font-size: 14px; line-height: 150%; }
		.clear { clear: both; }
	
	form { margin: 0; padding: 10px 0 0 20px; }
		form ul {	margin: 0; padding: 0; }
		form li {	position: relative;	list-style: none;	padding: 5px 5px 10px 0; margin: 0; }
		form label { display: block; line-height: 1.8; vertical-align: top;	width: 120px;	float: left; color: #4B5921; font-weight: bold;	}	
		form em { color: #FF9900; }
		form .input-text { color: #FF9900; border: 1px solid #CCC; background-color: #F1F1F1; width: 300px; font-family: Arial; font-size: 12px; padding: 2px; }
		form .input-submit { color: #FFF; border: 1px solid #F1ECE2; width: 307px; font-family: Arial; font-size: 12px; background-color: #4B5921; padding: 2px; cursor: pointer; }

	.answer { padding: 15px 15px 5px 50px; background-color: #F7F5EF; display: block; margin: 0 0 10px 0; }
		.answer h1 { font-size: 14px; color: #4B5921; margin: 0 0 5px 0; padding: 0; line-height: 140%; }
	
	#right { float: right; width: 240px; margin: 15px 7px 0 0; padding: 0; }
	html>body #container #content #right { margin-right: 15px; }
		#quotebox { width: 240px; height: 220px; display: block; background: #4B5921 url(../images/bg_quote.jpg) center center no-repeat; }
		#newsbox { width: 240px; height: 270px; display: block; background-color: #F1ECE2; margin-top: 10px; }
			#newsbox h1 { margin: 0; padding: 15px 0 0 15px; font-size: 16px; color: #4B5921; }
			#newsbox ul { margin: 0; padding: 10px 15px 0 15px; list-style: none; }
			#newsbox li { margin: 0 0 10px 0; padding: 0; font-size: 11px; line-height: 140%; color: #999; }
			#newsbox p { margin: 0; padding: 10px 15px 0 15px; font-size: 11px; line-height: 140%; color: #999; }
			#newsbox strong { color: #FF9900; font-size: 12px; }
	
	#center { float: left; width: 750px; margin: 15px 0 0 8px; padding: 0; }
	html>body #container #content #center { margin-left: 15px; }
		#center a.item { float: left; padding: 5px; background-color: #F1ECE2; display: block; color: #FFF; text-decoration: none; position: relative; margin: 0 0 15px 9px; }
		.first { margin-left: 0 !important; }
		#center a.item:hover { background-color: #4B5921; }
		#center a.item span { font-size: 11px; font-weight: bold; position: absolute; top: 145px; left: 5px; width: 160px; padding: 8px 0 8px 10px; display: block; }
	
	table th { color: #FFF; text-align: left; background-color: #4B5921; padding: 5px; text-align: center; }
	table td { padding: 5px; text-align: center; }
	table tr.zebra td { background-color: #F1F1F1; }
	#clear { clear: both; margin-bottom: 15px; }

#footer { width: 780px; height: 35px; display: block; background-color: #F4F4F4; border-top: 1px solid #E7E6DC; }
	#footer p { text-align: right; margin: 0; padding: 9px 15px 0 0; color: #CCC; font-size: 11px; }
	#footer a { color: #CCC; text-decoration: none; border-bottom: 1px solid #CCC; }
	#footer a:hover { color: #999; border-bottom: 1px solid #FFCC00; }
	#footer h1 { font-size: 11px; color: #CCC; margin: -12px 0 0 0; padding: 0 0 0 15px; font-weight: normal; }