.top_bar{background:#fff;border-bottom:1px solid #ddd;position:fixed;z-index:100;width:100%;}
.top_bar_isi1{border-right:1px solid #ddd;padding:5px;color:#808080;font-family: arial;font-size: 11px;}
.top_bar_isi3{border-right:1px solid #ddd;padding:5px;color:#4F7300;font-family: arial;font-size: 13px; width:600px;}
.top_bar_isi4{color:#1170a0;font-family: arial;font-size: 11px;}
.top_bar_isi2{padding:5px;color:#808080;font-family: arial;font-size: 11px;}
#top_bar_isi1 a {color: #808080;text-decoration: none;}
#top_bar_isi1 a:hover {color: #1170a0;text-decoration: underline;}

body {

	font-size: 11px;

	color: #666;

	margin: 0px;

	background: url(../images/bg.gif) top left repeat-x #070c01;

}



body, p, h1,h2,h3,h4,h5,h6,div,ol,li,td,th,a,form,input,select,textarea,option,label {

	font-family: Tahoma, Verdana, Helvetica;

}



a {

	color: #4f7300;

	text-decoration: none;

}



a:hover {

	color: #e16a00;

	text-decoration: none;

}



form {

	margin: 0px;

}

select{

}

textarea {

	overflow: auto;

	font-size: 12px;

	font-family: arial;

}



td, th {

}



img, object {

	border: 0px;

}



.floatRight{

 	float: right;

}

.floatLeft{

 	float: left;

	margin: 0px 10px 0px 0px;

}



.center{

	text-align: center;

}

.left{

	text-align:left;

}

.right{

	text-align: right;

}

.justify{

	text-align:justify;

}



.clear{

	clear: both;

	margin: 0px !important;

	padding: 0px !important;

	height: 0px;

	overflow: hidden;

}

/* ------------------------------------------------------------------------------------- */

.body {

	background: url(../images/bg.gif) top left repeat-x #fff;
	
	padding: 25px 0px 0px 0px;

}

.container {

	padding: 0px;

	text-align: center;

	background: url(../images/bgCurly.jpg) top center no-repeat;

}

.mainPage {

	width: 884px;

	margin: 0px auto !important;

	padding: 0px;

	text-align: left;

	background: url(../images/rightBorder.gif) top right repeat-y #fff;

	min-height: 335px;

}

*html .container {

	height: 335px;

	overflow: visible;

}

.header {

	height: 84px;

	padding: 6px 20px 0px 20px;

	overflow: hidden;

	background-color: #fff;

}

a.siteLogo {

	float: left;

	display: block;

}

.top_bar_isi4 .search {

	width: 304px;

	float: right;

	padding: 3px 3px 3px 5px;

}

.top_bar_isi4 input.searchTxt {

	width: 210px;

	font-size: 10px;

	color: #333;

	padding: 2px 2px 2px 2px;

	background: url(../images/searchLoop.gif) no-repeat #f9f9f9;

	background-position: 4px 4px;

	border: 1px solid #ccc;

	float: left;

}

.top_bar_isi4 input.searchTxt:focus {

	background: url(../images/searchLoop.gif) no-repeat #fff;

	background-position: 4px 4px;

}

.top_bar_isi4 input.searchBtn {

	width: 60px;

	height: 20px;

	padding-bottom: 2px;

	color: #fff;

	font-size: 11px;

	font-weight: bold;

	background: url(../images/bgButton.gif) left 50% repeat-x #0f1309;

	border: none;

	float: left;

	cursor: pointer;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    .header input.searchBtn {

		margin-top: 2px;

	}

}



.pre-wrap {

	

}

.pre-wrap.homepage {

	background: url(../images/bgPrewrap.gif) top left repeat-x #070c01;

}

.pre-wrap.homepage .pre-wrapCell {

	height: 210px;

	padding: 0px;

	overflow: hidden;

	background: url(../images/bgConture.jpg) top right no-repeat;

}

.flashImg {

	float: left;

}



/* MENU */

.menu {

	height: 24px;

	padding: 0px 8px;

	padding-top: 11px;

}



/* PAGE */

.wrapper {

	padding-bottom: 40px;

	background: url(../images/bgWrap.gif) right bottom no-repeat;

}

.sidebar {

	width: 240px;

	padding: 30px 16px 20px 19px;

	float: right;

	background: url(../images/bgSide.gif) top right no-repeat;

}

.main {

	width: 860px;

	min-height: 370px;

	float: left;

	padding: 15px 0px 20px 15px;

	background: url(../images/bgLine.gif) top left no-repeat;

}

*html .main {

	height: 370px;

	overflow: visible;

}

.mainbar {

	width: 328px;

	float: left;

	overflow: hidden;

}

.middlebar {

	width: 240px;

	float: right;

	background: url(../images/bgMidbar.gif) top left repeat-y #f8f8f8;

}

.middlebar-top {

	height: 10px;

	padding: 0px;

	overflow: hidden;

	background: url(../images/curv-bar-top.gif) top left no-repeat;

}

.middlebar-bottom {

	margin-top: 20px;

	height: 10px;

	padding: 0px;

	overflow: hidden;

	background: url(../images/curv-bar-bottom.gif) top left no-repeat;

}



.wrapper a.linkMore {

	display: block;

	padding: 2px 15px 2px 10px;

	text-align: right;

	color: #676767;

	text-decoration: none;

	font-size: 10px;

	font-weight: bold;

	background: url(../images/arrows-gray.gif) no-repeat;

	background-position: 100% 5px;

}

.wrapper a.linkMore:hover {

	color: #353535;

	text-decoration: none;

}

.middlebar a.linkMore {

	padding: 2px 25px 2px 11px;

	background: url(../images/arrows-gray.gif) no-repeat;

	background-position: 220px 5px;

}



.flowNav {

	margin-top: -15px;

	margin-left: -15px;

	height: 15px;

	padding: 10px 15px;

	overflow: hidden;

	background: url(../images/bgFlow.gif) top left repeat-y;

}

.flowNav p {

	display: inline;

	margin: 0px !important;

	padding: 0px 4px 0px 10px !important;

	background: url(../images/arrow-orange.gif) no-repeat;

	background-position: 0px 4px;

}



.content {

	padding-right: 8px;

	font-size: 12px;

}

.contentBottom {

	padding: 5px 0px 10px 20px;

}



.content p {

	margin: 8px 0px !important;

	line-height: 150%;

}



h1.pageTitle {

	margin: 10px 0px 15px 0px !important;

	padding: 5px 0px 12px 0px !important;

	color: #e16a00;

	font-size: 22px;

	font-weight: lighter;

	border-bottom: 1px solid #eee;

}

h2.headTitle {

	margin: 10px 0px !important;

	padding: 2px 0px !important;

	color: #e16a00;

	font-size: 16px;

	font-weight: lighter;

	border-bottom: 2px solid #dddddd;

}

h2.title {

	margin: 2px 0px !important;

	padding: 7px 10px 8px 20px !important;

	font-size: 12px;

	color: #a7a7a7;

	background: url(../images/bullTitle.gif) no-repeat;

	background-position: 5px 11px;

	border-top: 1px solid #a7a7a7;

}

.middlebar h2.title {

	margin: 0px 11px !important;

}

h2.titlebar {

	margin: 5px 0px 10px 0px !important;

	padding: 4px 21px !important;

	color: #fff;

	font-size: 11px;

	background: url(../images/titleBar.gif) top left no-repeat;

}

h2.subTitle {

	margin: 10px 0px !important;

	padding: 5px 0px !important;

	color: #353535;

	font-size: 16px;

}



.content ul {

	

}

.content ul li {

	margin: 0.4em 0px;

	line-height: 150%;

}



.content span.date {

	color: #999;

	font-size: 11px;

}



/* WELCOME */

.welcome {

	width: 264px;

	float: right;

	padding: 20px 30px 10px 30px;

}

.welcome h2 {

	margin: 0px !important;

	padding: 0px !important;

	font-size: 18px;

	font-weight: lighter;

	color: #141e09;

}

.welcome p {

	margin: 10px 0px !important;

	color: #87b64e;

	line-height: 150%;

}

.welcome a.linkMore {

	font-size: 10px;

	font-weight: bold;

	padding-right: 16px;

	color: #ffe066;

	text-decoration: none;

	background: url(../images/arrows-black.gif) no-repeat;

	background-position: 100% 4px;

}

.welcome a.linkMore:hover {

	color: #ffe066;

	text-decoration: underline;

}



.banner {

	margin-bottom: 20px;

}

.banner p {

	margin: 0px !important;

	padding: 0px !important;

	text-align: center;

}



.info {

	margin-bottom: 20px;

	padding: 0px 0px 10px 0px;

	background: url(../images/curv-gray-bottom.gif) bottom left no-repeat;

}

.infoCell {

	padding: 10px 10px 0px 10px;

	text-align: center;

	color: #fff;

	line-height: 110%;

	background: url(../images/curv-gray-top.gif) top left no-repeat #a4a4a4;

}

.infoCell strong {

	font-size: 12px;

	font-weight: lighter;

}

.infoCell span {

	font-size: 10px;

	color: #353535;

}

.infoCell b {



}

.infoCell b span {

	font-size: 12px;

	font-weight: lighter;

	color: #ccc;

}



.agenda {

	margin-bottom: 20px;

}

.agendaCell {



}

.agendaCell ul {

	margin: 0px !important;

	padding: 0px !important;

	list-style: none;

}

.agendaCell ul li {

	color: #888;

}

.agendaCell ul li a {

	display: block;

	padding: 5px 10px 10px 10px;

	color: #888;

	text-decoration: none;

}

.agendaCell ul li a:hover {

	color: #333;

	text-decoration: none;

	background-color: #edf6d8;

}

.agendaCell ul li span.date {

	color: #353535;

	font-size: 10px;

}

.agendaCell ul li h3 {

	margin: 0px !important;

	padding: 0px !important;

	font-size: 11px;

	color: #4f7300;

}

.agendaCell ul li a:hover h3 {

	color: #282f1f;

}



.statistik {

	margin-bottom: 20px;

}

.statistikCell {



}

.statistikCell ul {

	margin: 0px !important;

	padding: 0px !important;

	list-style: none;

}

.statistikCell ul li {

	padding: 5px 0px 5px 20px;

	background: url(../images/arrow-orange.gif) no-repeat;

	background-position: 8px 8px;

	border-bottom: 1px solid #eee;

}

.statistikCell ul li b {

	color: #282f1f;

	font-weight: lighter;

}



.polling {

	margin-top: 10px;

}

.pollingCell {

	color: #353535;

}

.pollingCell p {

	margin: 5px 0px 0px 0px !important;

	padding: 0px 0px 15px 0px !important;

	text-align: center;

	background: url(../images/curv-light-top.gif) bottom left no-repeat;

}

.pollingCell ul {

	margin: 0px 0px 30px 0px !important;

	padding: 0px 10px 15px 10px !important;

	list-style: none;

	background: url(../images/curv-light-bottom.gif) bottom left no-repeat #e1e1e1;

}

.pollingCell ul li {

	padding: 2px 0px;

	border-bottom: 1px solid #d3d3d3;

}

.pollingCell input {

	margin-bottom: -1px;

}

input.pollingBtn {

	margin-top: -20px;

	margin-bottom: 0px;

	width: 58px;

	height: 58px;

	float: right;

	background: url(../images/pollingBtn.gif) no-repeat;

	border: none;

	cursor: pointer;

}

a.pollingLink {

	color: #4f7300;

	text-decoration: underline;

	padding-left: 15px;

	background: url(../images/arrows-small.gif) no-repeat;

	background-position: 0px 4px;

}

a.pollingLink:hover {

	color: #e16a00;

	text-decoration: underline;

}



.video {

	margin-bottom: 10px;

}

.videoCell {

	border: 1px solid #eee;

	border-bottom: none;

	margin-bottom: 8px;

}



.foto {

	padding-top: 5px;

	border-top: 1px solid #eee;

	margin-bottom: 15px;

}

.content .foto {

	border: none;

}

.fotoCell {

	padding: 10px 1px 10px 14px;

	margin-bottom: 8px;

	background-color: #fff;

	border: 1px solid #eee;

}

.content .fotoCell {

	padding: 0px 0px 0px 10px;

	border: none;

}

*html .fotoCell {

	height: 40px;

	overflow: visible;

}

*:first-child+html .fotoCell {

	min-height: 40px;

}

.fotoCell p {

	float: left;

	width: 100px;

	height: 67px;

	padding: 0px;

	overflow: hidden;

	border: 1px solid #fff;

	margin: 0px 5px 5px 0px !important;

}

.fotoCell p:hover {

	border: 1px solid #333;

}

.content .fotoCell p {

	padding: 10px;

	border: 1px solid #ddd;

	margin: 0px 20px 20px 0px !important;

}

*html .content .fotoCell p {

	margin: 0px 15px 20px 0px !important;

}



.event {

	margin-bottom: 20px;

}

.eventCell {

	background-color: #fff;

	border: 1px solid #eee;

}

.eventCell ul {

	margin: 0px !important;

	padding: 0px !important;

	list-style: none;

}

.eventCell ul li {



}

.eventCell ul li a {

	display: block;

	padding: 10px 15px;

	text-decoration: none;

	color: #888;

}

.eventCell ul li a:hover {

	color: #333;

	text-decoration: none;

	background-color: #edf6d8;

}

.eventCell ul li span.date {

	color: #e16a00;

	font-size: 10px;

	display: block;

	padding: 2px 0px;

}

.eventCell ul li h3 {

	margin: 0px !important;

	padding: 0px !important;

	font-size: 11px;

	color: #282f1f;

}

.eventCell ul li a:hover h3 {

	color: #4f7300;

}



.link {

	margin-bottom: 20px;

}

.linkCell {

	padding: 0px 11px;

}

.linkCell ul {

	margin: 0px !important;

	padding: 0px !important;

	list-style: none;

}

.linkCell ul li {

	margin-top: 1px;

}

.linkCell ul li a {

	display: block;

	padding: 6px 10px 6px 35px;

	color: #425e03;

	text-decoration: none;

	background: url(../images/arrow-long.gif) no-repeat #fff;

	background-position: 10px 9px;

}

*html .linkCell ul li a {

	height: 14px;

}

.linkCell ul li a:hover {

	color: #282f1f;

	text-decoration: none;

	background: url(../images/arrow-long.gif) no-repeat #fafafa;

	background-position: 10px 9px;

}



.download {

	

}

.downloadCell {

	padding-bottom: 10px;

}

.content .downloadCell {

	padding: 10px 15px;

}

.downloadCell ul {

	margin: 0px !important;

	padding: 0px 0px 0px 5px !important;

	list-style: none;

}

.downloadCell ul li {

	width: 151px;

	margin: 0px 10px 0px 0px;

	padding: 6px 0px 8px 0px;

	float: left;

	border-bottom: 1px solid #eee;

}

.content .downloadCell ul li {

	width: 210px;

	margin-right: 40px;

}

.downloadCell ul li img {

	float: left;

	margin-right: 7px;

}

.downloadCell ul li a {

	display: block;

	color: #666;

	text-decoration: none;

}

.downloadCell ul li a:hover {

	color: #999;

	text-decoration: none;

}



/* NEWS */

.news {

	

}

.newsCell {

	padding-top: 5px;

}

.newsCell span.date {

	color: #e16a00;

	font-size: 10px;

}

.newsCell h2.subTitle {

	font-size: 11px !important;

	font-weight: normal;

	font-style: italic;

	margin: 5px 0px !important;

	padding: 0px !important;

}

.newsCell h3.newsTitle {

	font-size: 12px;

	color: #353535;

	margin: 5px 0px !important;

	padding: 0px !important;

	line-height: 130%;

}

.newsCell h3.newsTitle a {

	color: #4f7300;

	text-decoration: none;

}

.newsCell h3.newsTitle a:hover {

	color: #4f7300;

	text-decoration: underline;

}

.newsCell .newsDesc {

	padding-bottom: 10px;

	line-height: 150%;

}



.newsItem {

	padding: 5px 0px;

	border-bottom: 1px solid #eee;

	margin-bottom: 8px;

}

.contentBottom .newsItem {

	margin: 0px;

}

.newsThumb {

	float: left;

	width: 150px;

	height: 100px;

	padding: 0px;

	overflow: hidden;

	/*background: url(../images/newsThumb.gif) no-repeat;*/

}

.newsContent {

	width: 166px;

	float: right;

	overflow: hidden;

}

.content .newsContent {

	width: 415px;

}

.newsContent span.date {

	color: #666;

	font-size: 10px;

}

.newsContent h2.subTitle {

	font-size: 11px !important;

	font-weight: normal;

	font-style: italic;

	margin: 5px 0px !important;

	padding: 0px !important;

}

.newsContent h3.newsTitle {

	font-size: 14px;

	font-weight: lighter;

	color: #353535;

	margin: 0px 0px 5px 0px !important;

	padding: 0px !important;

	line-height: 110%;

}

.content .newsContent h3.newsTitle {

	margin-top: 5px !important;

}

.contentBottom h3.newsTitle {

	font-size: 12px;

	font-weight: lighter;

	color: #353535;

	font-weight: bold;

	margin: 0px !important;

	padding: 3px 0px !important;

	line-height: 110%;

}

.newsContent .newsDesc {

	line-height: 110%;

}

.content .newsContent .newsDesc {

	font-size: 11px;

}



.newsLink {

	padding: 10px 0px;

}

.content .newsLink {

	margin: 10px 0px 15px 0px;

	padding: 1px 10px 3px 10px;

	background-color: #f8f8f8;

	float: left;

	width: 560px;

}

.newsContent .newsLink {

	margin: 10px 0px;

	padding: 1px 5px 3px 5px;

	width: 405px;

}

.newsLink p {

	float: left;

	display: inline;

	margin: 0px 5px 0px 0px !important;

	padding: 0px !important;

}

.content .newsLink p {

	margin: 0px 15px 0px 0px !important;

}

.newsContent .newsLink p {

	margin: 0px 5px 0px 0px !important;

}

.newsLink p span {

	float: left;

	padding-top: 5px;

	font-size: 11px;

	color: #999;

}

.newsLink p a {

	color: #afafaf;

	text-decoration: none;

	font-size: 9px;

	font-weight: bold;

	padding-top: 5px;

	float: left;

}

.content .newsLink p a {

	font-size: 11px;

}

.newsContent .newsLink p a {

	font-size: 9px;

}

.newsLink p a:hover {

	color: #999;

	text-decoration: none;

}

.newsLink p img {

	float: left;

	margin-right: 2px;	

	margin-top: -2px;	

}

.content .newsLink p img {

	margin-top: 1px;	

	margin-right: 4px;

}



/* PAGE NAV */

.pageNav {

	margin: 15px 0px;

	padding: 10px 0px;

	text-align: center;

}

.pageNav p {

	display: inline;

	margin: 0px !important;

}

*html .pageNav p {

	margin: 0px 2px !important;

}

*:first-child+html .pageNav p {

	margin: 0px 2px !important;

}

.pageNav p a {

	padding: 0px;

	overflow: hidden;

	display: inline;

	padding: 6px 11px 7px 11px;

	font-size: 16px;

	font-weight: bold;

	background: url(../images/pagin_number.gif) top center no-repeat;

}

.pageNav p.first a, .pageNav p.last a {

	padding: 6px 14px 7px 13px;

	background: url(../images/pagin_teks.gif) top center no-repeat;

}

.pageNav p a.active {

	color: #fff;

	background-position: center -32px;

}



/* COMMENT */

.comment {

	margin: 15px 0px;

	padding: 2px;

	border: 1px solid #eee;

}

.commentCell {

	padding: 5px 15px 15px 15px;

	background-color: #f6f6f6;

}

.commentItem {

	padding: 10px 15px 10px 50px;

	margin-bottom: 1px;

	background: url(../images/bgComment.gif) top left no-repeat #fff;

	background-position: 10px 15px;

}

.commentItem.bgRow {

	background-color: #f9f9f9;

}

.commentItem h5 {

	margin: 5px 0px !important;

	padding: 0px !important;

	font-size: 11px;

	font-weight: bold;

	color: #484848;

}

.commentItem p {

	margin: 5px 0px !important;

	line-height: 130%;

}



.commentBottom {

	border-bottom: 1px solid #ccc;

	margin-bottom: 15px;

}

.commentBottom p {

	margin: 10px !important;

	padding: 5px 0px !important;

}



.pageLink {

	float: right;

	margin: 0px;

	padding: 5px 0px;

}

.pageLink p {

	display: inline;

	margin: 0px !important;

	padding: 5px 0px !important;

}

*html .pageLink p {

	margin: 0px 2px !important;

}

*:first-child+html .pageLink p {

	margin: 0px 2px !important;

}

.pageLink p a {

	padding: 2px 6px;

	font-size: 11px;

	color: #888;

	background-color: #fff;

	border: 1px solid #ccc;

}

.pageLink p a:hover {

	color: #fff;

	background-color: #ddd;

	border: 1px solid #ccc;

}



/* SEARCH */



.searchResult {



}

.searchResultItem {

	margin: 0px 0px 4px 0px;

	padding: 10px;

	background-color: #fff;

	border: 1px solid #f0f0f0;

}

.searchResultItem.rows {

	background-color: #fbfbfb;

}

.searchResultItem .title {

	font-weight: bold;

}

.searchResultItem .title span {

	font-weight: lighter;

}

.searchResultItem .desc {

	margin: 5px 0px;

}

.searchResultItem .desc img {

	float: left;

	margin-right: 10px;

}



/* TABLES */



table.formTbl {

	width: 100%;

	border: none;

	margin: 15px 0px;

}

table.formTbl th{

	padding: 5px 3px;

	color: #353535;

}

table.formTbl td {

	padding: 3px;

}

table.formTbl td input, table.formTbl td select, table.formTbl td textarea {

	border: 1px solid #ccc;

}

input.formBtn {

	background-color: #ddd;

	border: 1px solid #ccc;

	font-size: 11px;

	padding-left: 5px;

	padding-right: 5px;

	cursor: pointer;

}



table.searchTbl {

	width: 100%;

	background-color: #f4f4f4;

	border: 1px solid #f0f0f0;

}

table.searchTbl td{

	padding: 4px 10px;

}



input.searchText {

	width: 284px;

	color: #242424;

	font-size: 12px;

	padding: 2px;

	background-color: #fff;

	border: 1px solid #d0d0d0;

}

select.searchSelect {

	width: 290px;

	padding: 2px;

	color: #242424;

	font-size: 12px;

	border-top: 1px solid #d0d0d0;

	border-left: 1px solid #d0d0d0;

	border-bottom: 1px solid #e8e8e8;

	border-right: 1px solid #e8e8e8;

}



/* FOOTER */

.footer {

	text-align: center;

	background-color: #070c01;

	border-top: 1px solid #d5d5d5;

}



ul.bottomMenu {

	margin: 0px !important;

	padding: 8px 20px 9px 20px !important;

	list-style: none;

	background-color: #dcdcdc;

}

ul.bottomMenu li {

	display: inline;

	padding: 0px 8px 0px 9px;

	border-left: 1px solid #bcbcbc;

}

ul.bottomMenu li.first {

	border: none;

}

ul.bottomMenu li a {

	color: #484848;

	text-decoration: none;

}

ul.bottomMenu li a:hover {

	color: #5b7522;

	text-decoration: none;

}



.footerCell {

	color: #888;

	padding: 15px 20px 20px 20px;

	line-height: 130%;

}

.footerCell a, .footerCell a:hover {

	color: #5b7522;

}



/* Tambahan */



.news-detail-video {

	margin : 10px 0 15px;

	text-align: center;

	font-size: 11px;

	font-weight: bold;

}



.news-detail-img {

	float: left;

	margin-right: 10px;

	padding: 5px;

	border: 1px solid #DDDDDD;

	font-size: 11px;

 	font-weight: bold;

}



.news-detail-img p {

	width: 200px;

}