/* YUI */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body{text-align:center;}
#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;}
#doc2{width:73.076em;*width:71.25em;}
#doc3{margin:auto 10px;width:auto;}
#doc4{width:74.923em;*width:73.05em;}
.yui-b{position:relative;}
.yui-b{_position:static;}
#yui-main .yui-b{position:static;}
#yui-main,.yui-g .yui-u .yui-g{width:100%;}
.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}
.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}
.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}
.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}
.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}
.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}
.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}
.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}
.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}
.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}
.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}
.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}
.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}
.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}
.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}
#yui-main .yui-b{float:none;width:auto;}
.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}
.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}
.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}
.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}
.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}
.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}
.yui-gc div.first,.yui-gd .yui-u{width:66%;}
.yui-gd div.first{width:32%;}
.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}
.yui-ge .yui-u,.yui-gf div.first{width:24%;}
.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}
.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}
.yui-g .yui-g .yui-u{width:48.1%;}
.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}
.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}
.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}
.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}
.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}
.yui-g .yui-gb .yui-u{_margin-left:1.0%;}
.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}
.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}
.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}
.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}
.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}
.yui-gb .yui-gb .yui-u{_margin-left:.7%;}
.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}
.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}
.yui-gb .yui-gd div.first{width:32%;}
.yui-g .yui-gd div.first{_width:29.9%;}
.yui-ge .yui-g{width:24%;}
.yui-gf .yui-g{width:74.2%;}
.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}
.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}
.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}
.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}
.yui-ge div.first .yui-gd .yui-u{width:65%;}
.yui-ge div.first .yui-gd div.first{width:32%;}
#hd:after,#bd:after,#ft:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#hd,#bd,#ft,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}

h1{font-size:138.5%;}
h2{font-size:123.1%;}
h3{font-size:108%;}
h1,h2,h3{margin:1em 0;}
h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}
optgroup{font-weight:normal;}
abbr,acronym{border-bottom:1px dotted #000;cursor:help;}
em{font-style:italic;}
del{text-decoration:line-through;}
blockquote,ul,ol,dl{margin:1em;}
ol,ul,dl{margin-left:2em;}
ol li{list-style:decimal outside;}
ul li{list-style:disc outside;}
dl dd{margin-left:1em;}
th,td{border:1px solid #000;padding:.5em;}
th{font-weight:bold;text-align:center;}
caption{margin-bottom:.5em;text-align:center;}
sup{vertical-align:super;}
sub{vertical-align:sub;}
p,fieldset,table,pre{margin-bottom:1em;}
button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;}

/* AKU DEWE */
a {color:#167800;}
a:hover {color:#082E00;}

/* begronnya */
body {background:url(body_bg.jpg) repeat-x top left;}
#custom-doc { width:76.85em;*width:74.99em;min-width:999px; text-align:left; margin:auto;}
#container {background:url(content_bg1.jpg) no-repeat top left; padding:20px 40px 0px; min-height:600px;}
#banner {margin:0 0 2em;}

/*garap footer*/
html,body {min-height:100%;}
#gambarbawah {background:url(footer_transparent.gif) no-repeat bottom center; height:60px; bottom:0; }
#ft {margin:30px 0 0 0; text-align:center;}
/*
#custom-doc {min-height:100%; height: auto !important; height:100%; margin:0 auto -60px;}
*/


/* header */
#header {height:252px; position:relative; background:url(header.jpg) no-repeat top left; }
h1#logo {
    font-size:182%;
    font-weight:bold;
    color:#333;
    text-transform:uppercase;
    top:100px;
    left:180px;
    margin:0;
    position:absolute;
    text-indent:-1000px;
}

/* menunya */
#mainmenu {
    bottom:30px;
    right:50px;
    margin:0;
    position:absolute;
    white-space:nowrap;
}
#mainmenu li {display:block;float:left;margin:0;padding:0;list-style:none;}
#mainmenu li a {
    font-size:108%; 
    font-weight:bold; 
    text-decoration:none; 
    text-transform:uppercase; 
    color:#167800;
    background:#f0f597;
    padding:3px 10px;
    margin: 0 2px;
    filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;
}
#mainmenu li a:hover,#mainmenu li a:active { background:#347815; color:#fff; }


/* ini box2 nya, yg di halaman muka */
.feat { padding:0; margin:0; position:relative; height:200px; }
.feat-title { background:#000000; bottom:0; display:block; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; position:absolute; width:100%; z-index:2; color:#fff;}
.feat-title-head { background:#000000; bottom:0; display:block; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; position:absolute; width:294px; z-index:2; color:#fff;}
.feat-image { position:absolute; z-index:1; }
.feat-image img {width:294px; height:200px;}
.feat-title h2 {border-bottom:none;line-height:1.4em;margin:8px 10px 7px;padding-bottom:0;text-transform:none;}
.feat-title-head h2 {border-bottom:none;line-height:1.4em;margin:8px 10px 7px;padding-bottom:0;text-transform:none;}
.feat-title h2 a, .feat-title h4 a {border-bottom:none; color:#0B96D0; display:block;text-decoration:none;}
.feat-content { padding:5px; font-size:93%; color:#444; }
.feat-title h4 {border-bottom:none;line-height:1em;margin:4px;padding-bottom:0;text-transform:none;}
.feat-small {width:160px !important; height:111px !important;}
.feat-small .feat-image img { width:160px !important; height:111px  !important; }
.boxr .feat-title { right:0; }
.boxr .feat-image { right:0; }
.contentbox {float:left; width:25%; }
.contentbox .feat-content {padding:5px 5px 0 0;}

.story-image {float:left; margin-right:5px; }


/*
10   77
11  85
12  93 (was 93)
13  100
14  108 (was 107)
15  116 (was 114)
16  123.1 (was 122)
17  131 (was 129)
18  138.5 (was 136)
19  146.5 (was 144)
20  153.9 (was 152)
21  161.6 (was 159)
22  167
23  174
24  182
25  189
26  197 */

h2 {border-bottom:4px solid #222;color:#222;margin-bottom:5px;margin-top:28px;text-transform:uppercase;}
h2 a {text-decoration:none;}

/* ngefek sidebarnya */
.sidebar ul , .sidebar ol { margin:0; padding:0; }
.sidebar ul li, .sidebar ol li {list-style:none;}
.sidebar h2 {text-align:right;}
.sidebar li {margin-bottom:5px;}
.sidebar li a {font-size:100%; display:block; padding:5px 5px 2px; margin:0; text-decoration:none; text-transform:uppercase;}
.sidebar li a:hover {background:#eee;}
.sidebar li span { color:#777; }
/*.sidebar li span { color:#167800; }*/

.report {width:92%; }
.report {margin-left:25px;} 
.report td, .report th { font-size:85%; border:0; border-bottom:1px solid #fff; background:#DAFFB3; text-align:center; font-family:Tahoma;}
.report th {text-align:left;background:#347815; color:#fff;padding:5px; text-align:center;}

h3 {font-weight:normal;}
h3 u {font-weight:bold;}
h3 span {color:#666;font-size:93% !important;}

/* SLIDER HEADER */

/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
a											{ outline: none; }

/*
	TYPOGRAPHY
*/
ul											{ list-style: square inside; }
a, a:visited								{ color: #729dff; text-decoration: none; }
a:hover, a:active							{ color: #1A9900; }
blockquote									{ padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; 
									  		  font-family: Georgia, serif; font-style: italic; margin-top: 10px;}

/*
	SLIDER
*/
.stripViewer .panelContainer
.panel ul									{ text-align: left; margin: 0 15px 0 30px; right:10;}
.stripViewer								{ position: relative; overflow: hidden; width: 912px; height: 210px; }
.stripViewer .panelContainer				{ position: relative; right: 20; width: 304px; }
.stripViewer .panelContainer .panel		{ float: left; height: 100%; position: relative; width: 304px; right:10;}
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: -43px 0 0 62px; }
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(images/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat; }