/* CSS Document */

body{

	background:url(images/bg.gif1) repeat-x 0 0 #05386B; color:#80B7EE;

	font:normal 14px/20px Arial, Helvetica, sans-serif;

	margin:0; padding:0;}

div, h1, h2, h3, h4, h5, h6, form, label, input, span, li, p, a{

	margin:0; padding:0;}

ul{

}
a:link, a:visited {

	font-weight: normal;
	color:#dddee3;
}
a:hover {
	color:#7e7f84;
	}
.spacer{

	font-size:0; line-height:0; clear:both;}



/* ------------------------ header start --------------------------- */

#header{

	position:relative;

	width:778px;

	height:255px;

	margin:0 auto;

	color:#80B7EE;

	background-color: #05386B;

	background-image: url(images/header_bg.jpg1);

	background-repeat: no-repeat;

	background-position: 0 bottom;

}

#header img{

	position:absolute; left:34px; top:56px; border:none;}

#header ul{

	position:absolute; left:244px; top:0;}	

#header ul li{

	font:bold 11px/27px Arial, Helvetica, sans-serif; color:#FFFFFF; float:left;

	background:url(images/top_nav_bg.jpg) repeat-x 0 0 #0E0E0E;}

#header ul li a{

	font:bold 11px/27px Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center; text-decoration:none;

	background:url(images/top_nav_bg.jpg) repeat-x 0 0 #0E0E0E;

	width:60px; height:27px; display:block;}

#header ul li a.hover{

	font:bold 11px/27px Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center; text-decoration:none;

	background:url(images/top_nav_bg_h.jpg) repeat-x 0 0 #0E0E0E;

	width:60px; height:27px; display:block;}

#header ul li a:hover{

	font:bold 11px/27px Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center; text-decoration:none;

	background:url(images/top_nav_bg_h.jpg) repeat-x 0 0 #0E0E0E;

	width:60px; height:27px; display:block;}

/* ------------------------ header end --------------------------- */

/* ------------------------ future start --------------------------- */

#future1{

	position:relative; width:230px; height:207px; margin:0 auto;

	background:url(logo.jpg) no-repeat 0 0 #DEA418; color:#FFFFFF;}

#future h2{

	background:url(images/future_h2_text.jpg) no-repeat 0 0 #DEA418; color:#FFFFFF;

	width:120px; height:59px; text-indent:-2000px; position:absolute; left:13px; top:14px;}

#future ul{

	position:absolute; left:187px; top:3px; height:86px;}

#future ul li.pic{

	margin:0; height:82px; float:left;}

#future ul li.pic img{

	border:#356E8F 1px solid;}

#future ul li.pic a{

	background-color:#FFFFFF; color:#000000; padding:0 3px; display:block;}

#future ul li.arrowLeft{

	height:88px; float:left;

	}

#future ul li.arrowLeft a{

	background:url(images/left_arrow.gif) no-repeat 0 0; display:block; text-indent:-20000px; text-decoration:none;

	width:13px; height:20px; margin:30px 0 0 0;}

#future ul li.arrowRight{

	height:88px; float:left;

	}

#future ul li.arrowRight a{

	background:url(images/right_arrow.gif) no-repeat 0 0; display:block; text-indent:-2000px; text-decoration:none;

	width:13px; height:20px; margin:30px 0 0 0;}

/* ------------------------ future end --------------------------- */

/* ------------------------ body start --------------------------- */

#body{

	width:900px; margin:0 auto; /*padding:auto 16px 0 34px;**/

	background:url(images/body_shadow_top.gif1) no-repeat 0 0 #05386B; color:#80B7EE;}

#body h2{

	font:normal 24px/30px Arial, Helvetica, sans-serif; background-color:#05386B; color:#FFFFFF;}

#body p{

	font:normal 14px/20px Arial, Helvetica, sans-serif; color:#80B7EE; background-color:#05386B;}

#body p strong{

	font:bold 14px/20px Arial, Helvetica, sans-serif; color:#D1E8FF; background-color:#05386B;}

#bodyfull{

	width:710px; float:left; padding:28px 20px 17px 0;}

#bodyLeft{

	width:354px; float:left; padding:28px 0 17px 0;}

#bodyLeft form.login{

	width:296px; border:#235C96 1px solid; padding:6px 28px 19px 28px; margin:0 0 20px 0;

	background-color:#134C85; color:#FFFFFF; float:left;}

#bodyLeft form.login h2{

	font:normal 24px/39px Arial, Helvetica, sans-serif; color:#FCBD27;

	background:url(images/login_bg.gif) no-repeat 0 0 #134C85; padding:0 0 8px 54px;}

#bodyLeft form.login h2 span{

	font:normal 24px/39px Arial, Helvetica, sans-serif; color:#FFFFFF;

	background-color:#134C85; padding:0;}

#bodyLeft form.login label{

	font:bold 12px/26px Arial, Helvetica, sans-serif; color:#FFFFFF;

	background-color:#134C85; padding:0; margin:0 0 8px 0; float:left;}

#bodyLeft form.login input{

	font:normal 12px/18px Arial, Helvetica, sans-serif; color:#022344; width:204px; height:20px;

	background-color:#FFFFFF; border:#0B3662 1px solid; padding:2px; margin:0 0 8px 0; float:right;}

#bodyLeft form.login input.checkBox{

	color:#022344; width:15px; height:15px; margin:1px 0 0 0;

	background-color:#FFFFFF; border:#0B3662 1px solid; float:left;}

#bodyLeft form.login input.loginBtn{

	width:77px;

	height:16px;

	border:none;

	float:right;

	padding: 0px;

	margin-top: 2px;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 0;

}

#bodyLeft form.login p{

	font:normal 12px/17px Arial, Helvetica, sans-serif; color:#FFFFFF;

	background-color:#07223E; padding:0 6px; margin:0 9px 0 0; float:left;}

#bodyRight{

	width:286px; float:left; background-color:#022344; color:#FFFFFF; padding:11px 25px 14px; margin:28px 0 17px 20px;}

#bodyRight form.registration{

	float:left;}

#bodyRight form.registration h2{

	font:normal 24px/34px Arial, Helvetica, sans-serif; color:#FCBD27; width:240px;

	background:url(images/registration_bg.gif) no-repeat 0 3px #022344; padding:0 0 8px 46px;}

#bodyRight form.registration h2 span{

	font:normal 24px/34px Arial, Helvetica, sans-serif; color:#FFFFFF;

	background-color:#022344; padding:0;}

#bodyRight form.registration label{

	font:bold 12px/26px Arial, Helvetica, sans-serif; color:#FFFFFF;

	background-color:#022344; padding:0; margin:0 0 8px 0; float:left;}

#bodyRight form.registration input{

	font:normal 12px/18px Arial, Helvetica, sans-serif; color:#022344; width:197px; height:20px;

	background-color:#FFFFFF; border:#000000 1px solid; padding:2px; margin:0 0 8px 0; float:right;}

#bodyRight form.registration p{

	height:16px;

	background-color:#052749;

	color:#FFFFFF;

	float:left;

	padding-top: 3px;

	padding-right: 4px;

	padding-bottom: 5px;

	padding-left: 4px;

}

#bodyRight form.registration input.submit{

	width:77px; height:16px;

	border:none; padding:0; margin:0; float:right;}

#bodyRight form.registration input.reset{

	width:77px; height:16px;

	border:none; padding:0; margin:0 7px 0 0; float:right;}

#newsLetter{

	margin:21px auto 0; float:left; width:286px;

	background-color:#134C85; color:#FFFFFF;}

#newsLetter span.top{

	background:url(images/newsletter_top.gif) no-repeat 0 0 #134C85; color:#FFFFFF;

	height:9px; display:block; font-size:0; line-height:0;}

#newsLetter span.bottom{

	background:url(images/newsletter_bottom.gif) no-repeat 0 0 #134C85; color:#FFFFFF;

	height:26px; display:block; font-size:0; line-height:0;}

#newsLetter form.newsLetter{

	padding:0 21px;}

#newsLetter form.newsLetter h2{

	font:normal 24px/36px Arial, Helvetica, sans-serif; color:#FCBD27;

	background:url(images/newsletter_bg.gif) no-repeat 0 0px #134C85; padding:0 0 12px 46px;}

#newsLetter form.newsLetter h2 span{

	font:normal 24px/36px Arial, Helvetica, sans-serif; color:#FFFFFF;

	background-color:#134C85; padding:0;}

#newsLetter form.newsLetter label{

	font:bold 12px/26px Arial, Helvetica, sans-serif; color:#FFFFFF;

	background-color:#134C85; padding:0; margin:0 0 8px 0; float:left;}

#newsLetter form.newsLetter input{

	font:normal 12px/18px Arial, Helvetica, sans-serif; color:#022344; width:176px; height:20px;

	background-color:#FFFFFF; border:#0B3662 1px solid; padding:2px; margin:0 0 8px 0; float:right;}

#newsLetter form.newsLetter input.signup{

	width:77px; height:16px;

	border:none; padding:0; margin:0 7px 0 0; float:right;}

#bodyFooter{

	width:100%;

	color:#FFFFFF;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0;

	padding-left: 0px;

	background-color: #05386B;

	background-image: url(images/body_footer_shadow.gif1);

	background-repeat: no-repeat;

	background-position: center 0;

}

#bodyFooter a.world{

	background:url(images/world.gif) no-repeat 0 0 #05386B; color:#FFFFFF; float:left;

	width:255px; height:130px; display:block; text-decoration:none; text-indent:-2000px;}

#bodyFooter a.work{

	background:url(images/work.gif) no-repeat 0 0 #05386B; color:#FFFFFF; float:left;

	width:236px; height:130px; display:block; text-decoration:none; text-indent:-2000px;} 

#bodyFooter a.service{

	background:url(images/service.gif) no-repeat 0 0 #05386B; color:#FFFFFF; float:left;

	width:242px; height:130px; display:block; text-decoration:none; text-indent:-2000px;} 

/* ------------------------ body end --------------------------- */

/* ------------------------ footer start --------------------------- */

#footer{

	background:url(images/footer_bg.gif) repeat-x 0 0 #14191C; color:#FFFFFF; margin:10px 0 0 0;
	text-align:center;	
	}

#footerContainer{

	width:778px; margin:0 auto; padding:14px 0;}

#footerContainer ul{

	width:295px; margin:0 auto;}

#footerContainer ul li{

	font:bold 11px/16px Arial, Helvetica, sans-serif;

	background-color:#14191C; color:#FFFFFF; float:left;}

#footerContainer ul li a{

	font:bold 11px/16px Arial, Helvetica, sans-serif; padding:0 10px;

	background-color:#14191C; color:#FFFFFF; text-decoration:none;}

#footerContainer ul li a:hover{

	font:bold 11px/16px Arial, Helvetica, sans-serif; padding:0 10px;

	background-color:#22292D; color:#FFFFFF; text-decoration:none;}

#footerContainer p{

	font:normal 11px/26px Arial, Helvetica, sans-serif; width:350px; text-align:center;

	background-color:#14191C; color:#FFFFFF; text-decoration:none; margin:0 auto;}

#footerContainerValidation {

	width:112px; margin:0 auto; padding:0;}

#footerContainerValidation a.xhtml{

	background-color:#214F7C; color:#FFFFFF; width:62px; height:16px; margin:0 7px 0 0;

	font:bold 13px/15px Arial, Helvetica, sans-serif; 

	display:block; text-align:center; text-decoration:none; float:left;}

#footerContainerValidation a.xhtml:hover{

	background-color:#19436B; color:#FFFFFF; width:62px; height:16px; margin:0 7px 0 0;

	font:bold 13px/15px Arial, Helvetica, sans-serif; 

	display:block; text-align:center; text-decoration:none; float:left;}

#footerContainerValidation a.css{

	background-color:#B4830E; color:#FFFFFF; width:41px; height:16px;

	font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;

	display:block; text-align:center; text-decoration:none; float:left;}

#footerContainerValidation a.css:hover{

	background-color:#805E0C; color:#FFFFFF; width:41px; height:16px;

	font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;

	display:block; text-align:center; text-decoration:none; float:left;}

#footerContainer p.tworld{

	font:normal 11px/26px Arial, Helvetica, sans-serif; width:295px; text-align:center;

	background-color:#14191C; color:#FFFFFF; text-decoration:none; margin:0 auto;}

#footerContainer p.tworld a{

	font:bold 11px/26px Arial, Helvetica, sans-serif; width:295px; text-align:center;

	background-color:#14191C; color:#FFC04E; text-decoration:none; margin:0 auto;}

#footerContainer p.tworld a:hover{

	font:bold 11px/26px Arial, Helvetica, sans-serif; width:295px; text-align:center;

	background-color:#22292D; color:#FFCE09; text-decoration:none; margin:0 auto;}
.petunjuk {
	font-size:11px;
	font-family:Tahoma;
	padding-left:50px;
	}

#pendaftaran {
	width:354px; float:left; padding:28px 0 17px 0;
	}
/* ------------------------ footer end --------------------------- */
.abang {
	color:#80b7ee;
	font-weight:bold;
	font-size:12px;
	font-family:Tahoma;
	}
.dess {
	color:#FFFFFF;
	font-weight:normal;
	font-size:11px;
	}