body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 0 0;
	padding: 0;
	color: #333333;
    scrollbar-face-color: #006600;
    scrollbar-arrow-color: #FFFF66;
    scrollbar-track-color: #006600;
    scrollbar-shadow-color: #FFFF66;
    scrollbar-highlight-color: #006600;
    scrollbar-3dlight-color: #FFFF66;
    scrollbar-darkshadow-color: #006600;
    
}

#container 
{
	margin: 0 auto;
	padding: 0;
	width: 800px;
	/*width: 751px;*/
	text-align: left;
	background: url( ../images/bg_body.jpg) repeat-y;
	
	/*border-left: solid 1px #BBBBBB;
	border-right: solid 1px #BBBBBB;
	border-bottom: solid 1px #BBBBBB;*/
}


/*--------------------- Header ----------------------*/

#header
{
	width: 766px !important;
	width: 800px;
	height: 100px;
	background: url( ../images/bg_header.jpg) no-repeat;
	padding: 0 0 0 34px;
}

#logo
{
	float: left;
	width: 122px;
	height: 91px;
}

#topmenu
{
	float: left;
	padding: 0 0 0 55px;
}


/*--------------------- Navigation -------------------*/

#navigation
{
	float: left;
	padding: 0 0 0 30px;
	width: 200px;
}

#navigation-main
{
	float: left;
	padding: 0 0 0 30px;
	width: 166px;
}

div.imagelink-home
{
	width: 200px;
	padding: 0 0 10px 0;
}

div.imagelink-main
{
	width: 166px;
	padding: 0 0 10px 0;
    background: url( images/bg_banner.gif) no-repeat;
}

.modtop
{	
    width: 166px;
    margin: 0 0 0 0;
	padding: 4px 0 0 0;
	background: url(../images/bg_modtop.jpg) no-repeat;
}

.modtop h2 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #136C36;
	background-color: #FFF100;
	padding: 5px 0 5px 14px;
	display: block;
}

.modmid
{
	width: 166px;
	background-color: #FFF100;
	display: block;
}

.modbottom
{
	height: 4px;
	width: 166px;
	background: url( ../images/bg_modbottom.jpg) no-repeat;
}




/*--------------------- Content ---------------------*/

#content
{
	float: left;
	margin: 0 0 0 17px;
	width: 523px;
}

#content-main
{
	float: left;
	margin: 0 0 0 15px;
	width: 559px;
}

#search
{
	width: 200px;
	height: 30px;
	background: url( ../images/bg_search.jpg) no-repeat;
	margin: 0;
	padding: 0;
}

.search
{
	padding: 5px 0 0 65px;
}

#search-main
{
	width: 166px;
	height: 30px;
	background: url( ../images/bg_search-main.jpg) no-repeat;
	padding: 5px 0 0 10px;
}

.search-main a img
{
	padding: 5px 0 0 0;
}

table.contenticon
{
	border-top: dotted 1px #CDCDCD;
	margin: 10px 0 10px 0;
	padding: 10px 0 10px 0;
	width: 330px !important;
	width: 100%;
}

tr.sectiontableentry1 td
,tr.sectiontableentry2 td
,tr.sectiontableentry1-main td
,tr.sectiontableentry2-main td
{
	padding: 5px 0 5px 10px;
	background: url( ../images/li_list.jpg) 0 10px no-repeat;
}

/*--------------------- Mainbanner ------------------*/

#mainbanner
{
	margin: 0 0 10px 0;
}

#mainbanner .displayimageroot img
{
	border: solid 3px #FFFFFF;
}


/*--------------------- Pathway --------------------*/

#pathway
{
	margin: 10px 0 10px 0;
	color: #FFF100;
}

#pathway a
{
	color: #FFFFFF;
	text-decoration: underline;
}


/*--------------------- Mainbody -------------------*/

#mainbody-main
{
	float: left;
	width: 380px;
}

#mainbody_inner-main
{
	width: 330px !important;
	width: 380px;
	padding: 11px 25px 11px 25px;
	margin: 0;
	background: url( ../images/bg_mainbody-main.jpg) repeat-y;
}

#mainbody_inner-main-hidayah
{
	width: 330px !important;
	width: 380px;
	padding: 11px 25px 11px 25px;
	margin: 0;
	background-color:#96CA5E;
}

#mainbody_inner-main-fu
{
	width: 330px !important;
	width: 380px;
	padding: 11px 25px 11px 25px;
	margin: 0;
	background-color:#B92727;
}

#mainbody_inner-main-bali
{
	width: 330px !important;
	width: 380px;
	padding: 11px 25px 11px 25px;
	margin: 0;
	background-color:#A7B15A;
}

#mainbody_inner-main-connect
{
	width: 330px !important;
	width: 380px;
	padding: 11px 25px 11px 25px;
	margin: 0;
	background-color:#024F2B;
}

#mainbody_inner-main_bottom
{
	width: 380px;
	height: 19px;
	line-height: 19px;
	background: url( ../images/bg_mainbody-main_bottom.jpg) repeat-y;
}

.promo-main
{
	float: left;
	margin: 0 0 0 1px;
	width: 168px;
}


/*--------------------- Mainlevel ------------------*/


a.mainlevel_left:link, a.mainlevel_left:visited {
	color: #136C36;
	line-height: 25px;
	width: 136px !important;
	width: 166px;
	display: block;
	vertical-align: middle;
	text-decoration: none;
	padding: 0 0 0 30px;
	margin: 0;
	background: url( ../images/bg_leftmenu.jpg) no-repeat;
	font-size: 11px;
	font-weight: bold;
}

a.mainlevel_left:hover {
	color: #FFFFFF;
	width: 136px !important;
	width: 166px;
	background: url( ../images/bg_leftmenu_over.jpg) no-repeat;
}

a.mainlevel_left:link#active_menu_left, a.mainlevel_left:visited#active_menu_left {
	color: #FFFFFF;
	line-height: 25px;
	width: 136px !important;
	width: 166px;
	display: block;
	vertical-align: middle;
	text-decoration: none;
	padding: 0 0 0 30px;
	margin: 0;
	background: url( ../images/bg_leftmenu_over.jpg) no-repeat;
}

a.mainlevel_left:hover#active_menu_left {
	color: #053793;
	width: 136px !important;
	width: 166px;
	background: url( ../images/bg_leftmenu.jpg) no-repeat;
}

div.modmid table tr td div div.sublevel_left
{
	background: #B9B9B9;
	border-top: solid 1px #136C36;
}

div.modmid table tr td div div.sublevel_left_active
{
	background-color: #F4F4F4;
	border-top: solid 1px #136C36;
}

div.modmid table tr td div div.sublevel_left_active div
{
	background: url( ../images/li_dot.jpg) 20px 7px no-repeat;
}

div.modmid table tr td div div div
{
	padding: 0 5px 0 35px;
	margin: 0;
}


a.sublevel_left:link, a.sublevel_left:visited {
	color: #136C36;
	vertical-align: middle;
	text-decoration: none;
	padding: 0;
	margin: 0;
	height: 24px;
	line-height: 24px;
	font-size: 11px;
	/*background: url( ../images/bg_leftmenu_sub.jpg ) no-repeat;*/
}

a.sublevel_left:hover {
	color: #136C36;
}

a.sublevel_left:link#active_menu_left, a.sublevel_left:visited#active_menu_left {
	color: #136C36;
	vertical-align: middle;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

a.sublevel_left:hover#active_menu_left {
	color: #136C36;
}


/*--------------------- Frontpage ------------------*/

.promo
{
	width: 523px;
	height: 119px !important;
	height: 139px;
	padding: 1px 0 0 16px;
	background: url( ../images/bg_promo.jpg) no-repeat;
}

.frontleft
{
	width: 237px !important;
	width: 257px;
	height: 254px;
	margin: 0 9px 0 0;
	padding: 2px 0 0 15px;
	background: url( ../images/bg_frontleft.jpg) no-repeat;
	float: left;
}

.frontleft table tr td
{
	padding: 0 0 20px 0;
	vertical-align: top;
}

.frontleft table tr td p
{
	font-size: 11px;
	padding: 0 5px 0 5px;
	line-height: 1.4;
}

.frontleft table tr td p a:link
,.frontleft table tr td p a:visited
{
	font-weight: bold;
}

.frontright
{
	width: 234px !important;
	width: 257px;
	height: 254px;
	margin: 0;
	padding: 2px 0 0 17px;
	background: url( ../images/bg_frontright.jpg) no-repeat;
	float: left;
}

.bannerright
{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	width: 166px;
	height: 138px;
	margin: 0 0 0 3px;
	padding: 10px 0 0 10px;
	background: url( ../images/bg_banner.gif) no-repeat;
	float: left;
}

.titlebar
{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	width: 380px;
	height: 20px;
	padding: 2px 0 0 20x;
	margin: 0;
	background: url( ../images/title.jpg) no-repeat;
}

.titlebarindex
{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	height: 20px;
	padding: 2 0 0 5px;
	margin: 0;
}

.displaybanner img
{
	border: solid 3px #FFFFFF;
}

.bannerdownload
{
	width: 200px;
	height: 105px;
	margin: 0;
	padding: 5px 0 0 5px;
	background: url( ../images/bg_download.jpg) no-repeat;
	float: left;
}

.bannerdownload2
{
	width: 166px;
	height: 120px;
	margin: 0;
	padding: 5px 0 0 5px;
	background: url( ../images/bg_download2.jpg) no-repeat;
	float: left;
}

/* ---------- Heading ------------ */

.contentpaneopen td.contentheading
{
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #136C36;
	padding: 0;
	margin: 0;
    height: 40px;
	vertical-align: top;
}

.contentheading_sub
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #660066;
	padding: 0;
	margin: 0;
}

.contentheading_sub
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #136C36;
}

div.componentheading
,div.componentheading-blog
,div.componentheading-main,
div.componentheading-section,
.componentheading_product,
h2.componentheading
{
	font-size: 20px;
	font-weight: bold;
	color: #136C36;
	padding: 5px 0 5px 0;
	margin: 0;
	height: 30px;
	vertical-align: top;
}


/*--------------------- Footer ----------------------*/

#footer
{
	width: 800px;
	height: 74px;
	background: url( ../images/bg_footer.jpg) no-repeat;
	padding: 0;
	margin: 0;
}

#footer_inner
{
	padding: 45px 0 0 40px;
}

#footer_menu
{
	float: left;
	width: 530px;
	color: #136C36;
	padding: 7px 1px 0 0;
}

#footer_rss
{
	float: left;
	color: #136C36;
	padding: 10px 0 0 0;
}

#btel
{
	float: left;
	padding: 6px 15px 0 0;
}

a.mainlevel_bottom:link
,a.mainlevel_bottom:visited
{
	padding: 0 5px 0 5px;
	font-size: 11px;
	color: #136C36;
}

a.mainlevel_bottom:hover
{
	color: #F05C20;
}

a.mainlevel_bottom#active_menu_bottom:link
,a.mainlevel_bottom#active_menu_bottom:visited
{
	padding: 0 5px 0 5px;
	font-size: 11px;
	color: #F05C20;
}

a.mainlevel_bottom#active_menu_bottom:hover
{
	color: #136C36;
}
a.mainlevel_bottom:active
{
	color: #00FF00;
}

/*--------------------- HTML Core -------------------*/

a:link
,a:visited
{
	color: #136C36;
	text-decoration: none;
}

a:hover
{
	color: #2E670A;
	text-decoration: none;
}

table
,div
,textarea
,input
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

input
,textarea
,select
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

input:focus
,textarea:focus
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background: #CCCCCC;
}

.skip
{
	display: none;
}

.clr
{
	clear: both;
}

p
,table.contentpaneopen  td
,table.contentpaneopen-main td
,td.contentdescription-section
,td.contentdescription
,td.contentdescription-main
{
	padding: 0;
	margin: 0;
	line-height: 1.6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
}

td.contentpane-main
,td.contentdescription-main
{
	padding: 0 0 20px 0;
}

table.contentpane-main ul
,table.contentpaneopen ul
{
	margin: 0 0 0 14px;
	padding: 0;
}

table.contentpane-main ul li
,table.contentpaneopen ul li
{
	margin: 0 0 13px 0;
	line-height: 1.6;
}

.button
{
	border: solid 1px #DEDEDE;
	background: #EEEEEE;
	color: #9A9A9A;
}

.spacer
{
	line-height: 10px;
	height: 10px;
}

.spacer50
{
	line-height: 50px;
	height: 50px;
}




/* @group Delete line li */

ul.line1 li
{
	line-height: 1;
	margin: 0;
	padding: 0;
}

/* @end */