@charset "utf-8";
/* CSS Document */

html,body {
	margin:0px;
	padding:0px;
	height:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#fffff;
	color:#666666;
}
img
	{
	border:none;
	padding-top: -5px;

	}

a{
	text-decoration:none;
	}

p{
	margin-top:8px;
	}
	
	
	

#container_all
{
	width:100%;
	padding:0px;
	margin:0px;
	background: url(../img/bg_web.gif) top center repeat-y;
}
	
#main_contain {
	margin:0 auto; /* center, not in IE5 */
	width:1004px;
	height:auto !important; /* real browsers */
	height:100%; /* real browsers */
	background:#ffffff;
	position: relative;
	
}

#upper
	{
	padding:14px 0px 0px 0px;
	margin:0 auto;
	width:1004px;
	height:53px;
	background:url(../img/bg_upper.gif) top center no-repeat;
	position: relative;
	}
#upper ul
	{
	margin:0px 30px 0px 0px;
	padding:0px;
	}
#upper ul li
	{
	list-style:none;
	text-align:right;
	padding:6px 0px 6px 0px;
	}
#upper ul li a
{
	color:#000;
	font-size:11px;
	padding: 0px 3px 0px 3px;
	}
#upper ul li a:hover
{
	color:#38a3a7;
	}
#upper ul li a.active
{
	color:#38a3a7;
	}	
#upper form
{
	position:absolute;
	width:340px;
	text-align: right;
	padding: 0px;
	float: right;
	right: 30px;
	top: 18px;
	}
#upper input.search
{
	height:14px;
	border:1px solid #c0c0c0;
	height:14px;
	font-size: 11px;
	margin: 0px 25px 0px 0px;
	padding: 0px;

	}
#upper button.search_go
{
	height:16px;
	width:23px;
	background:url(../img/btn_go.gif);
	cursor: pointer;
	border:none;
	margin: 0px;
	padding: 0px;
	position:absolute;
	right:121px;
	

	}
#upper ul li.menu
{}

#upper ul li#menu a
{
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;

	font-size:14px;
	padding:0px 0px 0px 22px;
	}
#upper ul li#menu a:hover
{
	color:#38a3a7;
	}	
#upper ul li#menu a.active
{
	color:#38a3a7;
	}
	
#mid_home
{
	height:325px;
	background:url(../img/home_imagebahasa.jpg) no-repeat;
	padding-top: 10px;
	}
#mid_homeeng
{
	height:325px;
	background:url(../img/home_image.jpg) no-repeat;
	padding-top: 10px;
	}	
#mid
{
	height:141px;
	position: relative;
	}	

#mainmenu
{
	width:210px;
	left:27px;
	position: relative;
	z-index: 10;
	}
#mainmenu ul
{
	margin:0px;
	padding:0px;

	}
#mainmenu li
{
	list-style:none;
	background:url(../img/mainmenu_bg.png) repeat-y;
	padding-left:3px;
	display: block;
	}
	

#mainmenu02
{
	width:210px;
	left:27px;
	position: absolute;
	z-index: 10;
	top: 20px;
	}
#mainmenu02 ul
{
	margin:0px;
	padding:0px;

	}
#mainmenu02 li
{
	list-style:none;
	background: url(../img/mainmenu_bg.png) no-repeat;
	padding-left:3px;
	display: block;
	width:207px;
	height:134px;
	
	}
	
	
#mainlogin
{
	width:188px;
	height:115px;
	right:0px;
	position: relative;
	float:right;
	background: url(../img/bgloginnew.jpg) left top no-repeat;
	margin-right:30px;
	padding-top: 20px;
	padding-left: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #08596c;
	z-index:100;
	
	}
#mainlogin form
{
	margin-top:12px;
	}
#mainlogin .line
{
	display:block;
	margin-bottom:5px;
	}	
#mainlogin input
{
	width:106px;
	height:15px;
	border:1px solid #fff;
	font-size:10px;
	margin:0px;
	padding:0px;
	}

#mainlogin .label
{
	width:67px;
	display: block;
	float: left;
	text-align:left;
	}
#mainlogin button
{
	width:50px;
	height:18px;
	background:url(../img/btn_reset.gif);
	border: none;
	padding: 0px;
	}	
#mainlogin button.login
{
	background:url(../img/btn_login.gif);
	
	}
	
#banner_home
{
	height:127px;
	background:#fff url(../img/bg_banner_home.gif) top repeat-x;
	padding-top: 20px;
	padding-left: 27px;
	padding-right: 27px;
	
	}

#banner_home ul
	{
		display:inline;
	}
#banner_home ul li
	{
	display:block;
	float:left;
	padding-left: 5px;
	padding-top: 10px;

	}
#banner_home ul li.separator
	{
		padding-top:0px;
	}
	
#banner_home ul li.news ul
	{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display: block;
	}
#banner_home ul li.news ul li
	{
	padding-top:0px;
	margin-top:0px;
	float:none;
	display:list-item;
	list-style-position:outside;
	margin-left:15px;
	list-style-type:square;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:300px;
	color:#111c5e;
	}

#banner_home ul li.news li a
	{
		color:#111c5e;
	}
#banner_home ul li.news li a:hover
	{
		color:#bb942c;
	}	
#banner_home2
{
margin-top:-10px;
float:left;
	padding:0px 0px 8px 30px;
	}
#banner_home2 img
{
	margin-right:16px;
	}
#content_warp
{
	position:;
	margin:0px;
	padding:0px;
	background:#fff url(../img/bg_banner_home.gif) top repeat-x;

	}
#content
{
	width:740px;
	color:#000;
	padding-top: 43px;
	margin-right: 0px;
	float:right;
	height:auto !important; /* real browsers */
	height:350px; /* real browsers */
	}

#content a
{
	color:#38a3a7;
	text-decoration:none;
}


#content .h1
	{
	font-size:16px;
	font-weight:bold;
	}
#content ul.about
	{
	margin:0px 0px 0px 18px;
	padding:0px;
	
	
	}
#content ul.about li
	{
	list-style:url(../img/list_01.gif);
	display:list-item;
	text-decoration: none;
	}
#content ol.about
	{
	margin:0px 0px 0px 18px;
	padding:0px;
	
	
	}
#content ol.about li
	{
	list-style-type:lower-alpha;
	display:list-item;
	text-decoration: none;
	}	
#content ul.program
	{
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:13px;
	
	}
#content ul.listdetail li
	{
	margin:0px 0px 0px 35px;
	list-style-type:decimal;
	display:list-item;
	}	
#content ul.program a
	{
		text-decoration:underline;		
	}
#content ul
{
	margin:0px;
	padding:0px;
}
#content ul li
	{
	list-style:none;
	display:list-item;
	height: auto;
	

	}	
#content ul.program li
	{
	list-style:url(../img/list_01.gif);
	display:list-item;
	text-decoration: none;
	}
#content ul.partners
{
	display:inline;
}
#content ul.partners p
{
	margin-top:4px;
	margin-bottom:3px;
	
}
#content ul.partners li
{
	float:left;
	display: block;
	width: 530px;
}
#content ul.partners li.img
{
	display:block;
	margin-bottom:0px;
	width:100px;
}

#table_card img
{
	align:right;
}


#table_card ul
{
	margin:0;
	padding:0px;
	width:700px;
	display:block;
	height: 51px;

}
#table_card ul.label li
{
	background:#38a3a7;
	color:#FFF;
	text-align: center;
}
#table_card ul.label li.left
{
	background:#38a3a7 url(../img/tbl_up_left.gif) left top no-repeat;
}
#table_card ul.label li.right
{
	background:#38a3a7 url(../img/tbl_up_right.gif) right top no-repeat;
}
#table_card ul li
{
	display:table;
	float:left;
	width:160px;
	padding:0px 8px 0px 0px;
	background:#d7eded;
	margin: 0px 0px 4px 1px;
	height: 48px;
	vertical-align: middle;
	text-align: right;
	}
#table_card ul li.img
{}

#address 
{
	width:700px;
}
#address  ul
{
	display:inline;
	border-bottom: 1px solid dashed;
}
#address  li
{
	display:block;
	float:left;
	width:350px;
}	
#footer
{
	height:17px;
	background:#7f969e url(../img/bg_footer.jpg) top center no-repeat;
	color: #FFF;
	font-size: 12px;
	padding:3px 30px 0px 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	}
#footer a
	{
		color:#fff;
	}
#footer a:hover
	{
	color:#38a3a7;
	}


/* menu_benefit  */
a#mainmenu_benefit
	{
	border:0;
	display: block;
	width: 204px;
	height: 34px;
	background: url(../img/mainmenu_benefit.jpg)  top left no-repeat;
	text-decoration: none;
	position:relative;

	}
a#mainmenu_benefit:hover 
	{
	background-position: 0 -34px;
	}
a#mainmenu_benefit.active 
	{
	background-position: 0 -34px;
	}
	
/* mainmenu_program  */
a#mainmenu_program
	{
	border:0;
	display: block;
	width: 204px;
	height: 33px;
	background: url(../img/mainmenu_program.jpg)  top left no-repeat;
	text-decoration: none;
		position:relative;

	}
a#mainmenu_program:hover 
	{
	background-position: 0 -33px;
	}
a#mainmenu_program.active 
	{
	background-position: 0 -33px;
	}
	
/* mainmenu_chart  */
a#mainmenu_chart
	{
	border:0;
	display: block;
	width: 204px;
	height: 33px;
	background: url(../img/mainmenu_chart.jpg)  top left no-repeat;
	text-decoration: none;
		position:relative;

	}
a#mainmenu_chart:hover 
	{
	background-position: 0 -34px;
	}
a#mainmenu_chart.active 
	{
	background-position: 0 -34px;
	}	
	

/* mainmenu_info  */
a#mainmenu_info
	{
	border:0;
	display: block;
	width: 204px;
	height: 33px;
	background: url(../img/mainmenu_info.jpg)  top left no-repeat;
	text-decoration: none;
		position:relative;

	}
a#mainmenu_info:hover 
	{
	background-position: 0 -33px;
	}
a#mainmenu_info.active 
	{
	background-position: 0 -33px;
	}	


#sub_menu
	{
	width:204px;
	height:353px;
	background:#fff url(../img/bg_submenu.gif) 0px 0px repeat-x;
	font-size:12px;
	margin-left: 29px;
	padding-top: 0px;
	padding-left:0px;
	}
#sub_menu a
	{
	color:#111c5e;
	display:block;
	background:url(../img/bg_sub.gif) no-repeat;
	height: 20px;
	padding-top: 8px;
	z-index: 1;
	font-weight: bold;
	font-size: 10px;
	padding-left:20px;
	
	}
#sub_menu a#first
{
	background:url(../img/bg_subfirst.gif) no-repeat;	
	}
#sub_menu a#first:hover
{
	background:url(../img/bg_subfirst_hover.gif) no-repeat;	
	}	
#sub_menu a#first.active
{
	background:url(../img/bg_subfirst_hover.gif) no-repeat;	
	}	
#sub_menu a:hover
	{
	color:#5eb5b8;
	background:#c1d4d8 url(../img/bg_sub_hover.gif);
	}
#sub_menu a.active
	{
	color:#5eb5b8;
	background:#c1d4d8 url(../img/bg_sub_hover.gif);
	}	
div#sub_menu ul 
{
	margin:0px;
	padding:0px;
	}
div#sub_menu  li
	{
	display:block;
	border-top:#FFF 1px solid;
	padding: 0px 0px 0px 0px;
	height: auto;
	min-height: 30px;
	list-style: none none;
	margin:0px;
	}
div#sub_menu  li:hover
	{
	}
div#sub_menu  li.active
	{
		background-color:#c1d4d8;
	}

div#sub_menu  li.first
{
	border:none;
	
	}
	
div#sub_menu ul li.sub_03 a
{
	padding-left:40px;
	background:url(../img/bg_sub03.gif) no-repeat;

}	
div#sub_menu ul li.sub_03 a:hover
{
	background:url(../img/bg_sub03_hover.jpg) no-repeat;
}	

div#sub_menu ul li.sub_03 a.active
{
	background:url(../img/bg_sub03_hover.jpg) no-repeat;
}	
/* -- add css --*/
.title_page{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#38A3A7;
font-weight:bold;

}
.verdana11pxwhite{
color:#FFFFFF;
font-weight:bold;
}
.title_orange{
font-size:18px;
font-weight:bold;
color:#FF9900;
}
#linkpage  {
font-size:11px;
color:#08596C;
}
#linkpage a  {
color:#08596C;
text-decoration:none;
}
#linkpage a:hover  {
color:#FF9900;
text-decoration:none;
}
div#hr 
	{
	
	height: 26px;
	background: url(../img/hr.gif) repeat-x;
	text-align: center;
	}
	div#hr hr 
	{
	  display: none;
	}
.darkblue {
color: #111C5E;
font-weight:bold;
}
.linkdarkblue {
color: #111C5E;
font-weight:bold;
}
.linkdarkblue:link {
color: #111C5E;
font-weight:bold;
}
.linkdarkblue:hover {
color: #111C5E;
font-weight:bold;
text-decoration:underline;
}
.title_content{
color:#38A3A7;
font-weight:bold;
}

.borderright{
border-right:1px solid #FFFFFF;

}
.borderbottom{
border-bottom:1px solid #FFFFFF;

}

.specialoffer {
color: #111c5e;
text-decoration:none;
}
.specialoffer:link {
color: #111c5e;
text-decoration:none;
}
.specialoffer:hover {
color: #bb942c;
text-decoration:none;
}
.tabeltop{
background:#38a3a7 url(../img/tbl_up_left.gif) left top no-repeat;
}
.tabletopright{
background:#38a3a7 url(../img/tbl_up_right.gif) right top no-repeat;
}
.tblpartners {
font-family: verdana,Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
border-bottom: 5px #FFFFFF solid;
font-variant: normal; font-weight: normal;
}
.borderwhite{
border-right: #FFFFFF solid 1px;
}

.borderwhitebottom{
border-bottom: #FFFFFF solid 1px;
}