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

/* CSS Document */
body{	
	margin:0px;
	background-image:url(../images/bg_top.jpg);
	background-repeat:repeat-x;
	text-align:justify;
}
.bodyfont{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color: #666666; /*Font color*/
margin: 3px 5px;
}

.bodyfont2{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color: #666666; /*Font color*/
}
.redfont{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #cc3333; /*Font color*/
}
a.italicredlink:link, a.italicredlink:visited, a.italicredlink:active {
 	color:#cc3333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:italic;
 	text-decoration:underline;
}

a.italicredlink:hover{
	color:#cc3333;
	text-decoration:none;
}
a.redlink:link, a.redlink:visited, a.redlink:active {
 	color:#cc3333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:italic;
 	text-decoration:underline;
}

a.redlink:hover{
	color:#cc3333;
	text-decoration:none;
}
a.greylink:link, a.greylink:visited, a.greylink:active {
 	color:#999999;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
 	text-decoration:underline;
}

a.greylink:hover{
	color: #cc3333; /* before  color:#999999; */
	text-decoration:none;
}
.redtitle{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color: #cc3333; /*Font color*/
margin-bottom:5px;
}
.redtitleline{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color: #cc3333; /*Font color*/
margin-bottom:5px;
border-bottom:#CC3333 dotted 1px;
}
.blackbold{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #000000; /*Font color*/
font-weight:bold;
margin-bottom:5px;
}
#Wrapper {
	width: 970px;
	margin: 0 auto 0 auto;
	background-color:#ffffff;
}
.spacer {
height: 5px;
width: 20px;
/*background-color:#FF0000;*/
float:left;
}
#toparealeft {
	float:left;
	width:180px;
	height:110px;
	background-repeat:no-repeat;
}
#logo {
	float:left;
	width:180px;
	height:94px;
}
#topmenubox {
	float:right;
	height:28px;
	width:260px;
	margin-right:10px;
}
#mainmenubox {
	float:right;
	width:548px;
	margin-top:52px;
	margin-right:10px;
	height:30px;
}
.mainmenu {
	float:left;
	width:137px;
	height:30px;
}
#flasharea {
	float:left;
	width:970px;
	height:220px;
	margin-bottom:5px;
}	
#stripesbox {
	float:left;
	width:970px;
/***height:280px;**/
	background-image:url(../images/stripesbg.jpg);
	margin-bottom:5px;
}
#welcome {
	float:left;
	width:315px;
/***height:218px;**/
	padding: 47px 7px 10px 8px;
	background-image:url(../images/index_welcome.jpg);
	background-repeat:no-repeat;
	margin-right:10px;
	margin-left:10px
}
#watwedo {
	width:290px;
	float:left;
/***height:223px;**/
	background-image:url(../images/index_watwedo.jpg);
	background-repeat:no-repeat;
	padding: 47px 10px 10px 0px;
	margin-right:10px;
	text-align:justify;
}
#index_contactus {
	width:310px;
	float:left;
	height:280px;
}
#index_latestnewsbar {
	width:950px;
	height:27px;
	margin-left:10px;
	float:left;
}
#index_latestnewsbox {
	width:938px;
	height:208px;
	float:left;
	margin-bottom:10px;
	margin-left:10px;
	padding:5px;
	background-color:#FFFFFF;
	border-bottom: 2px solid #cc3333;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;	
}

#index_latestnews1{
	width:453px;
	height:200px;
	padding: 5px;
	float:left;
}
#index_newspic{
	width:145px;
	height:170px;
	float:left;
	border:2px solid #ccc;
	margin-right:10px;
}
#index_newscontent{
	width:275px;
	height:170px;
	float:right;
	text-align:justify;
	margin-right:10px;
}
#index_newsmore{
	width:276px;
	height:26px;
	padding:2px;
	float:right;
	text-align:right;
	margin-right:10px;
}
#bar{
	width:950px;
	height:25px;
	float:left;
	margin-bottom:5px;
}
#barred{
	width:232px;
	height:25px;
	float:left;
}
#bargrey{
	width:718px;
	height:25px;
	float:left;
}
#leftmenu{
	width:232px;
	height:400px;
	float:left;
}
#submenu{
	width:225px;
	height:25px;
	background-color:#999999;
	border:solid 1px #000000;
	float:left;
}
#subsubmenu{
	width:225px;
	height:25px;
	background-color:#FFCC99;
	border:solid 1px #cc0000;
	float:left;
}
#centercontent{
	width:490px;
	float:left;
	padding-right:10px;
	margin-bottom:15px;
}
#centerpic{
	width:470px;
	height:305px;
	margin-bottom:10px;
	float:left;
	border:solid 1px #CCCCCC;
}
#centerpic710{
	width:710px;
	height:220px;
	margin-bottom:10px;
	float:left;
	border:solid 1px #CCCCCC;
}
#centertext{
	width:480px;
	margin-bottom:10px;
	float:left;
}
#centertext_aboutus{
	width:710px;
	margin-bottom:10px;
	float:left;
}
#centertext_announcement{
	width:490px;
	margin-bottom:10px;
	float:left;
}
.announcement_listing{
	width:480px;
	float:left;
	margin-bottom:5px;
	border-bottom: dotted 1px #CCCCCC;
	padding-bottom:10px;

}
.announcement_pic{
	width:50px;
	margin-right:10px;
	height:50px;
	background-image:url(../images/folder.jpg);
	background-repeat:no-repeat;
	float:left;
}
.announcement_text{
	width:420px;
	float:left;

}


#checkstatus{
	width:710px;
	margin-bottom:10px;
	float:left;
}
#rightbox{
	width:210px;
	float:left;
	padding: 5px;
	background-image:url(../images/stripesbg.jpg);
}

#rightbox_pic{
	float:left;
	border:1px solid #e1e1e1;
	margin-right:10px;
}
#rightbox_pngtitle{
	float:left;
	margin-right:10px;
	width:200px;
}
.faq_Q{
	width:480px;
	float:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:5px;
}
.faq_A{
	width:450px;
	color:#666;
	padding-left:30px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
}
.backtotop{
	width:80px;
	height:20px;
	color:#666;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	padding-left:390px;
	border-bottom:dotted #CCCCCC 1px;
}

#footer{
	width:967px;
	height:65px;
	float:left;
	background-image:url(../images/stripesbg.jpg);

}
#footertext{
	padding:10px;
	width:500px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color: #666666; /*Font color*/
	float:left;
}

#leftmenulist {
  width: 232px;
}

#leftmenulist ul {
  width: 200px;
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
}

#leftmenulist ul li {
  display:block;
  width: 225px;
  height:25px;
  float: left;
  background-image:url(../images/leftmenubg.jpg);
}

#leftmenulist li a {
  text-decoration: none;
  float: left;
  padding:5px 0px 5px 10px;
}

#leftmenulist ul a:hover {
  color: #333;
  padding:5px 0px 5px 10px;
}

/*** Contents UL LI width: 185px;   ********************/
#pointform {
	float:left;
 	width: 185px;
	background-color:#fff;
 	padding:5px;
}

#pointform ul {
  width: 180px;
  margin: 0;
  padding: 0;
  float: left;
}

#pointform ul li {
  display:block;
  width: 160px;
  height:auto;
  padding-bottom:5px;
  float: left;
}
#pointform li a {
  text-decoration: none;
  float: left;
  color: #666;
  font-size:12px;
  font-family:Geneva, Arial, Helvetica, sans-serif;
}

#pointform ul a:hover {
  color: #cc3333;
  text-decoration:underline;
}
#textanchor {
  	float: right;
  	margin: 0;
  	padding: 1px 14px;
  	background: url(../images/anchor.gif) no-repeat 0 15%;
} 
#backanchor {
  	float: right;
  	margin: 0;
  	padding: 1px 14px;
  	background: url(../images/back.gif) no-repeat 0 15%;
} 
/*** Contents UL LI width: 460px; ********************/
#pointform2 {
	float:left;
 	width: 470px;
 	padding:5px;
	height:auto;
}

#pointform2 ul {
  width: 450px;
  margin: 0;
  padding: 0;
  float: left;
}

#pointform2 ul li {
  display:block;
  width: 450px;
  height:auto;
  padding-bottom:10px;
  float: left;
}
#pointform2 li a {
  text-decoration: none;
  float: left;
  color: #666;
  font-size:12px;
  font-family:Geneva, Arial, Helvetica, sans-serif;
}

#pointform2 ul a:hover {
  color: #cc3333;
  text-decoration:underline;
}
#textanchor2 {
  	float: right;
  	margin: 0;
  	padding: 1px 14px;
  	background: url(../images/anchor.gif) no-repeat 0 10%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
} 
/*** Contents UL LI width: 700px; ********************/
#pointform3 {
	float:left;
 	width: 700px;
 	padding:5px;
	height:auto;
}

#pointform3 ul {
  width: 680px;
  margin: 0;
  padding: 0;
  float: left;
}

#pointform3 ul li {
  display:block;
  width: 680px;
  height:auto;
  padding-bottom:10px;
  float: left;
}
#pointform3 li a {
  text-decoration: none;
  float: left;
  color: #666;
  font-size:12px;
  font-family:Geneva, Arial, Helvetica, sans-serif;
}

#pointform2 ul a:hover {
  color: #cc3333;
  text-decoration:underline;
}
#textanchor2 {
  	float: right;
  	margin: 0;
  	padding: 1px 14px;
  	background: url(../images/anchor.gif) no-repeat 0 10%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
} 

/*** Contents UL LI width: 460px; ********************/
#pointform4 {
	float:left;
 	width: 480px;
 	padding:5px;
	height:auto;
}

#pointform4 ul {
  width: 450px;
  margin: 0;
  padding: 0;
  float: left;
}

#pointform4 ul li {
  display:block;
  width: 450px;
  height:auto;
  padding-bottom:10px;
  float: left;
}
#pointform4 li a {
  text-decoration: none;
  float: left;
  color: #666;
  font-size:12px;
  padding-left:25px;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  padding-bottom:10px;
}

#pointform4 ul a:hover {
  color: #cc3333;
  text-decoration:underline;
}
#textanchor4 {
  	float: right;
  	margin: 0;
  	padding: 1px 14px;
  	background: url(../images/pdf.jpg) no-repeat 0 10%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
} 

/*** RIGHT panel links UL LI ********************/
#rightbox_links {
	float:left;
 	width: 185px;
	height:auto;
	border:1px solid #e1e1e1;
	background-color:#fff;
 	padding:5px;  
}

#rightbox_links ul {
  width: 180px;
  margin: 0;
  padding: 0;
  float: left;
}

#rightbox_links ul li {
  display:block;
  width: 160px;
  	height:auto;
  float: left;
}
#rightbox_links li a {
  text-decoration: none;
  float: left;
  color: #666;
  font-size:12px;
  font-family:Geneva, Arial, Helvetica, sans-serif;
}

#rightbox_links ul a:hover {
  color: #cc3333;
  text-decoration:underline;
}
#anchor {
  	float: right;
  	margin: 0;
  	padding: 1px 14px;
  	background: url(../images/anchor.gif) no-repeat 0 10%;
} 

/*** LEFT Working in Malaysia submenu *****************/
#submenu {
  width: 232px;
  height:100px;
  border:0px;
  background-color:#FFFFFF;
}

#submenu ul {
  width: 200px;
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
}

#submenu ul li {
  display:block;
  width: 225px;
  height:25px;
  float: left;
}

#submenu li a {
  text-decoration: none;
  float: left;
}

#submenu ul a:hover {
  color: #333;
}