html,body
{
	font-family: Tahoma,Calibri;
	font-size: 11px;
	background: url(../images/bg.png) #F0F0F0 repeat repeat;
	padding:0px;
	margin:0px;
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

ul {
	color: #000000;
	list-style: none;
	margin-left: -35px;
	font-size:12px;
}

/* ##########################  header content  ########################### */
#header { padding:0px; margin:0px; background: url(../images/bg_header.png) #00345c center center no-repeat; color: #ffffff; height: 170px; z-index:-1; }
#header-wrapper { margin:0 auto; width:1020px; z-index:-1; }
#header-wrapper .logo { padding-top:10px; float: left; width: 600px; }
#header-wrapper .desc { padding-top:10px; float: right; width: 300px; text-align: right; }
#header-wrapper .desc a { color: #FFFFFF; }
#header-wrapper .lang-opt { padding:10px 0px 0px 0px; color: #FFFFFF; }

/* ##########################  navigation column  ########################### */

/* ##########################  main  ########################### */
#main-wrapper {clear:both;display: block;width: 1020px;padding: 0px;margin:-50px auto 0px auto;z-index: 1;}
#navigation {padding: 3px 0px 0px 0px;margin: 0px;text-align: left;}
#slide {padding: 0px;margin: 0px;width: 1020px;height: 440px;background: #dddddd;overflow: hidden;}
#content-wrapper {padding: 0px;margin: 0px;width: 1020px;height: auto;background: #ffffff;border-top: 1px dotted #EFF3FF;}

	/* ##########################  left-column  ########################### */
	#leftcol {float: left;width: 770px;background: #ffffff;/*overflow: hidden;*/padding-bottom: 0px;}

	#services {padding:0px; margin:20px; width:740px;}
	#indonesia  {float: left;width:370px;padding-bottom:10px;}
	#indonesia .greentop {background: url(../images/bg_headergreen.png) no-repeat;display: block;padding:0px;margin: 0px;line-height: 10px;}
	#indonesia .greenbody {background: url(../images/bg_bodygreen.png) repeat-y;display: block;width: 360px;padding:0px;margin:0px;line-height:20px;font-size:11px;}
	#indonesia .greenbody ul {padding:0px 10px 0px 10px;margin:0px;display:block;}
	#indonesia .greenbody a{color: #49542a;font-weight:bold;}
	#indonesia .greenbody a:hover{color: #49542a;}
	#indonesia .greenbot {background: url(../images/bg_footergreen.png) no-repeat;display: block;padding:0px;margin: 0px;line-height: 50px;}
	#foreigner  {float: right;width: 370px;padding-bottom: 10px;}
	#foreigner .bluetop {background: url(../images/bg_headerblue.png) no-repeat;display: block;padding:0px;margin: 0px;line-height: 10px;}
	#foreigner .bluebody {background: url(../images/bg_bodyblue.png) repeat-y;display: block;width: 360px;padding:0px;margin:0px;line-height:20px;font-size:11px;}
	#foreigner .bluebody ul {padding:0px 10px 0px 10px;margin:0px;display:block;}
	#foreigner .bluebody a{color: #032c3f;font-weight:bold;}
	#foreigner .bluebody a:hover{color: #032c3f;}
	#foreigner .bluebot {background: url(../images/bg_footerblue.png) no-repeat;display: block;padding:0px;margin: 0px;line-height: 50px;}
       /*Edit by. Coker 200pxmargin */
	#online {clear: both;background: url(../images/bg_olservice.png) no-repeat;display: block;position: relative;width: 750px;height: 140px;padding:5px 0px 0px 200px;margin: 0px;}
	#online img{border: none;padding: 0px 30px 50px 0px;}
	
	/* tambahan randy */
	#online-new {clear: both;background: url(../images/bg_olservice_new.png) no-repeat;display: block;position: relative;width: 750px;height: 170px;padding:35px 0px 0px 80px;margin: 0px;}
	#online-new img{border: none;padding: 0px 5px 0px 0px;}
	/* end tambahan randy */
	
	#news {clear:both;display: inline;float: left;overflow: hidden;background: url(../images/bg_news.jpg) #f4f5f6 left bottom repeat-x;	width: 750px;padding: 10px 0px 20px 20px;margin: 0px;}
	#news .mod-articles-category-date{color : #868686;font-size: 10px;}
	#news .mod-articles-category-title{color : #000000;font-size: 11px;font-weight: bold;}
	#news .n-left{float: left;width: 330px;padding: 0px 0px 0px 10px;margin: 0px;}
	#news .n-right{float: right;width: 330px;padding:0px 20px 10px 10px;margin : 0px;}
	#news .index a{color:#000000; float:right; font-weight:bold; padding: 0px 10px 0px 0px;}
	
	#related { display: block; width: 770px;text-align: center;  height: 300px; }
	#related img{ border: none; padding: 10px 5px 0px 0px; width: 180px; }
	#related p { text-align: center; margin:0px; padding:0px; width: 100%; display: block;}
	
	.breadcrumbs {padding:0px; margin:0px 0px 0px 20px; width:720px; font-size:11px; line-height:15px; color:#3a5773; font-weight:bold;}
	.showHere {color:#000000;}
	.pathway {color:#3a5773;}
	#article {padding:0px; margin:10px 0px 30px 20px; width:720px;font-size:12px;line-height:18px;text-align:justify;}
	#article h1 {font-size:16px;}
	#article h2 {font-size:14px;}
	#article .title {float:left;width:450px;color:#3a5774;font-size:14px;font-family:Tahoma;color:#000000;}
	#article .title a {color:#3a5774;text-decoration:none;}
	#article .title a {color:#3a5774;text-decoration:none;}
	#article .actions {float:right;}
	#article .actions li {float:left;padding-left:5px;}
	#article .img-fulltext {}
	#article .img-fulltext-left {}
	#article .category-name {margin:0px; padding:0px;color:#616161;font-style:italic; font-weight:bold;text-transform:lowercase;}
	#article .category-name  a{color:#616161;text-decoration: none;}
	#article .category-name  a:hover{color:#616161;text-decoration: underline;}
	#article .readmore {float:left;padding: 0px 20px 0px 0px;}
	#article .readmore a {font-size:12px;color:#425e79;font-weight:bold;}
	
	#article .news-item {margin:0px;padding:10px 0px 5px 0px;color:#000000;width:100%; border-bottom:1px solid #3a5774;}
	#article .news-title  {margin:0px;padding:12px 0px 10px 0px;color:#3a5774;font-size:16px;font-weight:bold;}
	#article .news-item  h2 {padding:0px;margin:0px;float:left;color:#3a5774;font-size:12px;font-family:Tahoma;color:#000000;font-weight:bold;width:450px;}
	#article .news-item .actions {float:right;color:#5b5b5b;font-size:10px;font-weight:bold;}
	#article .news-item .readmore {float:left;padding: 0px 20px 0px 0px; width: 100px;}
	#article .news-item .readmore a {font-size:12px;color:#425e79;font-weight:bold;}
	#article .news-item .readmore p {font-size:12px;color:#000000;padding: 0px 0px 0px 0px; }
	#article .news-item .extravote{padding: 5px 0px 0px 0px;}
	#article .pagination {float:right;}
	#article .pagination ul{list-style:none;}
	#article .pagination ul li{float:left;padding:0px 0px 10px 10px;font-size:10px;font-weight:bold;}
	#article .pagination ul li a{color:#425e79;text-decoration:none;}
	#article .pagination ul li a:hover{text-decoration:underline;}
	
	#article .newsfeed {margin:0px;padding:10px 0px 0px 0px;line-height:18px;}
	#article .newsfeed-title  {margin:0px;padding:12px 0px 0px 0px;color:#3a5774;font-size:16px;font-weight:bold;}
	#article .newsfeed-title  a {color:#3a5774;font-size:16px;font-weight:bold;}
	#article .newsfeed .newsfeed-item {margin:0px;padding:10px 0px 5px 0px;color:#000000;width:100%; border-bottom: 1px solid #3a5774;}
	#article .newsfeed .newsfeed-item .feed-link {font-size:12px;margin:0px;padding:0px 0px 5px 0px;}
	#article .newsfeed .newsfeed-item  p {font-size:12px;margin:0px;padding:0px 0px 5px 0px;color:#000000;line-height:20px;text-align:justify;}
	#article .newsfeed .newsfeed-item  a {font-size:12px;color:#425e79;font-weight:bold;}
	
	#article .search-results {margin:0px;padding:0px;line-height:18px;}
	#article .result-item {margin:0px;padding:10px 0px 5px 0px;color:#000000;width:100%; border-bottom: 1px solid #3a5774;}
	#article .result-title {font-size:12px;margin:0px;padding:0px 0px 5px 0px;font-weight:bold;float:left;width:500px;}
	#article .result-created{font-size:10px;font-weight:bold;float:right;color:#5b5b5b;text-transform:lowercase;font-style:italic;}
	#article .result-text {font-size:12px;margin:0px;padding:0px;}
	#article .result-dl {margin:0px;padding:0px;}
	#article .result-dl  a {font-size:12px;color:#425e79;font-weight:bold;}
	#article .result-category {margin:0px; padding:0px;color:#616161;font-style:italic; font-weight:bold;text-transform:lowercase;}
	#article .pagination {}
	
	#article .search-form {margin:0px;padding:0px;color:#000000;}
	#article .search-form .labels {clear:both;float: left;width:120px;height:30px;}
	#article .search-form .inputs {float: right;width:600px;}
	
	#article .category-module {margin:0px;padding:0px;line-height:18px;}
	#article .n-left,#article .n-right {margin:0px;padding:10px 0px 5px 0px;color:#000000;width:100%; border-bottom: 1px solid #3a5774;}
	#article .mod-articles-category-title {font-size:12px;margin:0px;padding:0px 0px 5px 0px;font-weight:bold;float:left;width:500px;}
	#article .mod-articles-category-date {font-size:10px;font-weight:bold;float:right;color:#5b5b5b;text-transform:lowercase;font-style:italic;}
	#article .mod-articles-category-readmore {margin:0px;padding:0px;font-size:12px;color:#000000;} 
	#article .mod-articles-category-readmore a {font-size:12px;color:#425e79;font-weight:bold;}
	
	#article .avs_gallery {}
	#article .avs_thumb {}
	#article .avs_thumb .title {width: 120px;font-size:11px;text-align:center;line-height:12px;}
	#article .avs_thumb .title:hover{text-decoration: underline;}
	#article .avs_thumb .views {width: 120px;font-size:9px;text-align:center;}
		
	#resultlist{ min-width: 400px; min-height: 200px; display: block; }
#resultlist table {border-right: 1px solid #A0A0A0;border-bottom: 1px solid #A0A0A0;}
#resultlist table tr{}
#resultlist table td{border-top: 1px solid #A0A0A0;border-left: 1px solid #A0A0A0;padding: 0px 15px 0px 15px;}
#resultlist table th{text-align:center;border-top: 1px solid #A0A0A0;border-left: 1px solid #A0A0A0;padding: 0px 15px 0px 15px;}
	/* ##########################  right-column  ########################### */
	#rightcol {float: right;width: 250px;background:#ffffff;overflow: hidden; padding-bottom: 20px;}
	#rightcolp {float: right;width: 248px;overflow: hidden; padding: 0px 0px 20px 2px;background: url(../images/bg_borderright.png) #ffffff top left no-repeat;}
	
	#search-wrapper {background: #b9c5dd;height: 24px;padding: 10px;}
	#search-wrapperp {height: 24px;padding: 10px;}
	#search-wrapperq {height: 180px;padding: 10px;}
	#search-wrapperq  ul {list-style:none;padding: 0px 0px 0px 10px; margin: 0px;}
	#search-wrapperq  ul  li {padding: 5px 0px 5px 0px; margin: 0px; width:200px; color:#000000; font-size: 10px;font-weight: bold;}
	#search-nav #input {display: block;background: url(../images/bg_searchbox.png) no-repeat;border: none;height: 20px;width: 178px;float: left;padding: 2px 10px 2px 10px;}
	#search-nav #input1 {display: block;background: url(../images/bg_searchbox.png) no-repeat;border: none;height: 20px;width: 178px;float: left;padding: 2px 10px 2px 10px;}
	#search-nav #input2 {display: block;background: url(../images/bg_searchbox.png) no-repeat;border: none;height: 20px;width: 178px;float: left;padding: 2px 10px 2px 10px;}
	#search-nav #input3 {display: block;background: url(../images/bg_searchbox.png) no-repeat;border: none;height: 20px;width: 178px;float: left;padding: 2px 10px 2px 10px;}
	#search-nav #searchsubmit {float: right;height: 25px;width: 25px;margin: 0px;padding: 0px;}
	#search-nav #searchsubmit2 {float: right;height: 25px;width: 80px;margin: 0px;padding: 0px;}
	#search-wrapperq  #input {margin-bottom: 10px; }
	#search-nav2 #searchsubmit {float: right;height: 25px;width: 25px;margin: 0px;padding: 0px;}
	
	#submenu {}
	#submenu .title{background: url(../images/bg_right1.jpg) #016fc6 top left no-repeat;font-family: Calibri;font-size: 18px;font-weight: bold;text-align: right;color: #FFFFFF;height: 26px;padding: 0px 10px 0px 0px;text-transform:uppercase;}
	#submenu ul {list-style: none;font-size:11px;font-weight:bold; width:240px;}
	#submenu ul  li{background: url(../images/bg_arrow.png) top left no-repeat; padding: 0px 0px 15px 25px;line-height:20px;}
	#submenu ul  li:hover, #submenu ul  li.active{background: url(../images/bg_arrow_blue.png) top left no-repeat;}
	#submenu ul  li a{ color: #000000; text-decoration:none;}
	#submenu ul  li a:hover, #submenu ul  li.active a{ color: #3a5774; text-decoration:underline;}
	
	#eventmovie-wrapper{position: relative;display: block;border: 1px #b9c4dc solid;background: #FFFFFF;height: 250px;padding: 0px;margin: 0px;}
	#event{width: 250px; height: 166px;padding: 0px 0px 5px 0px;margin: 0px;overflow: hidden;}
	#event .title{background: url(../images/bg_right1.jpg) #016fc6 top left no-repeat;font-family: Calibri;font-size: 18px;font-weight: bold;text-align: right;color: #FFFFFF;height: 26px;padding: 0px 10px 0px 0px;}
	#event .content{color: #000000;}

	#media{width: 250px;height: 250px;padding: 0px;margin: 0px;text-align: center;}
	#media .title{background: url(../images/bg_right2.jpg) #016fc6  top right no-repeat;font-family: Calibri;font-size: 18px;font-weight: bold;text-align: left;color: #FFFFFF;height: 26px;padding: 0px;}
	#media .content{}
	#media .content a{font-family: Calibri;font-size: 11px;font-weight: bold;float: right;color: #000000;padding:0px 6px 0px 3px;}
	#media .content a:hover{color: #000000;text-decoration : underline;}

	#banner {position: relative;margin: 0px; padding: 0px; height: auto; display: block;}
	#banner img {border: none;}
	
/* #################### footer ############################ */
#footer {position: relative; margin: 0px; padding: auto; background: #00345c; display:block; width:100%; height:50px;}
#footer-wrapper {padding: 5px 0px 0px 0px; margin:0 auto; width:1020px; font-size: 10px; color: #ffffff; font-weight:bold;}
#footer-wrapper a {color: #ffffff;text-decoration:none;}
#footer-wrapper a:hover {color: #ffffff;text-decoration:underline;}
#footer-wrapper  .f-left {float: left; width: 400px; display:block;}
#footer-wrapper  .f-right {float: right; display:block; }
#footer-wrapper  .f-right a {padding: 0px 5px 0px 0px;}
/*#footer-wrapper  .f-right ul{ padding: 0px; margin: 0px; position:relative; right:0px; text-align:left; }
#footer-wrapper  .f-right ul li{ float: left; font-size: 10px; padding: 0px 5px 0px 0px;}*/

#menubar{
	float: center;
	width: 750px;
	overflow: hidden;
}

#menubar #bar1{
	float: center;
	text-align: center;
}

#menubar #bar2{
	float: center;
	text-align: center;
}

#item-page{
width: 700px;
}

#list-top{padding:0px; margin:0px; width:710px; background:url(../images/bg_dl_top.jpg) left bottom no-repeat; position: relative; line-height:10px;}
#list-items {padding:0px; margin:0px 0xp 0px 0px; width:708px; border: 0px solid #425e79; border-top: 0px; border-bottom: 0px; display: block; height:50px;}
#list-items .pd-category-view {padding:0px; margin:0px;}
#list-items .pd-category {padding:0px; margin:0px; }
#list-items .pd-ctitle {top: 4px; left: 10px; margin:0px; padding: 1px; background:#ffffff; position: absolute;}
#list-items .pd-filebox {padding: 5px 0px 20px 10px; margin:0px; border:0px;}
#list-items .pd-filebox-left {padding: 0px; margin:0px; border:0px; width:380px; float: left;}
#list-items .pd-filebox-right {padding: 0px 5px 5px 0px; margin:0px; border:0px; width:310px; float: right;text-align:right; color:#636363;font-size:10px;}
#list-items .pd-title {padding:0px 0px 10px 0px; margin:0px; font-size: 11px; font-weight: bold; color: #000000;}
#list-items .pd-buttons {color: #425e79;float:left;padding-right:5px;} 
#list-items .pd-buttons a {font-size: 11px; font-weight: bold; color: #425e79; text-decoration: none;}
#list-items .pd-buttons a:hover {font-size: 11px; font-weight: bold; color: #425e79;text-decoration: underline;}
#list-items p {padding:0px; margin:0px;}
#list-items .line {padding:0px; margin:0px; border-bottom:1px solid #3a5774; width: 100%; height: 2px; padding: 5px 0px 0px 2px;}
#list-bottom{padding:0px; margin:0px; width:710px; background:url(../images/bg_dl_bottom.jpg) left bottom no-repeat; display: block;line-height:10px;}