/* CSS Document */

body{
	margin:0px; background:url(images/bodybg.jpg) repeat-x left top #FFF;
	color:#4D4747;
}

.spacer {
	clear:both; padding:0; margin:0;
	}

#frame{
	width:768px;
	padding:0 5px;
	background-color:#FFF;
	margin:0 auto;
	color:#4D4747;
}
img {
	border:none;
}

/* Header part style start from here */

#headcontainer{
	width:768px;
	height:225px;
	margin:auto;
	color:#4D4747;
	background:#FFF url(images/banner.jpg) no-repeat 0 17px;
	position:relative;
}
#headcontainer h1 {
	display:none;
}
#headcontainer .logo {
	margin:125px 0 0 50px;
	padding:0;
	position:absolute;
	left: -4px;
	top: -29px;
	}
#headcontainer ul {
	padding:5px 35px 0px 0px;
	margin:0;
	list-style-type:none;
	position:absolute;
	left: 640px;
	top: 5px;
	}
#headcontainer ul li {
	background:url(images/topnav-bor.gif) repeat-y 100% 0; padding:0 0px 0 0; margin:0; float:right; line-height:14px;
	}
#headcontainer ul li.nobor {
	background:none; padding:0 0px 0 0; margin:0; float:right; line-height:14px;
	}
#headcontainer ul li a {
	text-decoration:none; display:block; padding:0; margin:0;  text-indent:-2000px;/*border-right:1px dotted #A6A3A3;*/ float:left; outline:none;
	}
#headcontainer ul li a.home {
	background:url(images/icon-hme.gif) no-repeat 0 50%; width:18px; /*border:1px solid #000;*/
	}
#headcontainer ul li a.sitemap {
	background:url(images/icon-sitemap.gif) no-repeat 50% 50%; width:26px; /*border:1px solid #000;*/
	}
#headcontainer ul li a.message {
	background:url(images/icon-message.gif) no-repeat 50% 50%; width:25px; /*border:1px solid #000;*/
	}
	
	
#container{
	
}
#container h1 {
	display:none;
}
#container .logo {
	margin:98px 0 0 50px;
	padding:0;
	position:absolute;
	left: 1px;
	}
#container ul {
	margin:0;
	list-style-type:none;
	position:absolute;
	border-top: 10;
	left: 518px;
	top: 189px;
	height: 10px;
	width: 213px;
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #333;
	}
#container ul li {
	background:url(images/img07.jpg) repeat-y 100% 0; padding:0 0px 0 0; margin:0; float:right; line-height:14px;
	}
#container ul li.nobor {
	background:none; padding:0 0px 0 0; margin:0; float:right; line-height:14px;
	}
#container ul li a {
	text-decoration:none; display:block; padding:0; margin:0;  text-indent:-2000px;/*border-right:1px dotted #A6A3A3;*/ float:left; outline:none;
	}
#container ul li a.home {
	background:url(images/icon-hme.gif) no-repeat 0 50%; width:18px; /*border:1px solid #000;*/
	}
#container ul li a.sitemap {
	background:url(images/icon-sitemap.gif) no-repeat 50% 50%; width:26px; /*border:1px solid #000;*/
	}
#container ul li a.message {
	background:url(images/icon-message.gif) no-repeat 50% 50%; width:25px; /*border:1px solid #000;*/
	}
/* Header part style end here */

/* main part style start from here */

/* left panel start from here */
#maincontainer{
	width:768px;
	background-color:#FFFFFF;
	margin:0 auto;
	position:relative;
	color:#4D4747;
	font-size: 14px;
}
#leftnavcontainer{
	width:226px; padding:0px 0 0; float:left; margin:0 auto;
}
#leftnavcontainer ul {
	margin:0; padding:0; list-style-type:none; float:right;
	}
#leftnavcontainer ul li {
	width:177px; margin:0; padding:0 0 2px;
	}
#leftnavcontainer ul li a{
	display:block; color:#FFFFFF; text-decoration:none; padding:4px 0 4px 8px;
	font:bold 12px Arial, Helvetica, sans-serif; height:15px; background-color:inherit;
	}
#leftnavcontainer ul li a:hover{
	text-decoration:none;
	}
#leftnavcontainer ul li a.grey {
	background-color:#66768F; color:#FFFFFF;
	}
#leftnavcontainer ul li a.grey:hover {
	background-color:#4B576B; color:#FFFFFF;
	}
#leftnavcontainer ul li a.green {
	background-color:#333;
	color:#FFFFFF;
	}
#leftnavcontainer ul li a.green:hover {
	background-color:#600;
	color:#FFFFFF;
	}
#leftnavcontainer ul li a.red {
	background-color:#D43329; color:#FFFFFF;
	}
#leftnavcontainer ul li a.red:hover {
	background-color:#B51F15; color:#FFFFFF;
	}
#leftnavcontainer ul li a.orange {
	background-color:#E9982D; color:#FFFFFF;
	}
#leftnavcontainer ul li a.orange:hover {
	background-color:#BE7310; color:#FFFFFF;
	}
#leftnavcontainer ul li a.yellow {
	background-color:#F2EC12; color:#FFFFFF;
	}
#leftnavcontainer ul li a.yellow:hover {
	background-color:#C1BC06; color:#FFFFFF;
	}
/* left panel end from here */

/* right panel start from here */
#body{
	width:537px;
	padding:0 0 0 5px;
	background-color:#FFFFFF;
	color:#000;
	float:left;
	margin:0 auto;
	font-family: Verdana, Geneva, sans-serif;
	}
#welcomecontacienr{
	width:532px;
	background-color:#FAF5EB;
	color:#4D4747;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	}


#welcomecontacienr h2.welcome {
	background:url(images/welcome.gif) no-repeat 0 0; margin:0; padding:0;/* border:1px solid #000;*/
	 text-indent:-2000px;
	}
	
#welcomecontacienra h2.welcome {
	background:url(images/warga.gif) no-repeat 0 0; margin:0; padding:0;/* border:1px solid #000;*/
	 text-indent:-2000px;
	}
	
#welcomecontacienrb h2.welcome {
	background:url(images/berita.gif) no-repeat 0 0; margin:0; padding:0;/* border:1px solid #000;*/
	 text-indent:-2000px;
	}

#welcomecontacienrc h2.welcome {
	background:url(images/hubungi.gif) no-repeat 0 0; margin:0; padding:0;/* border:1px solid #000;*/
	 text-indent:-2000px;
	}

#welcomecontacienrd h2.welcome2 {
	background:url(images/welcome2.gif) no-repeat 0 0; margin:0; padding:0;/* border:1px solid #000;*/
	 text-indent:-2000px;
	}

#welcomecontacienre h2.welcome {
	background:url(images/perkhidmatan.gif) no-repeat 0 0; margin:0; padding:0;/* border:1px solid #000;*/
	 text-indent:-2000px;
	}

#welcomecontacienrf h2.welcome1 {
	background:url(images/welcome1.gif) no-repeat 0 0; margin:0; padding:0;/* border:1px solid #000;*/
	 text-indent:-2000px;
	}

#welcomecontacienrg h2.welcome3 {
	background:url(images/welcome3.gif) no-repeat 0 0; margin:0; padding:0;/* border:1px solid #000;*/
	 text-indent:-2000px;
	}
	
#welcomecontacienrh h2.welcome {
	background:url(images/pengenalan.gif) no-repeat 0 0; margin:0; padding:0;/* border:1px solid #000;*/
	 text-indent:-2000px;
	}

#welcomecontacienri h2.welcome {
	background:url(images/warga.gif) no-repeat 0 0; margin:0; padding:0;/* border:1px solid #000;*/
	 text-indent:-2000px;
	}

#welcomecontacienrj h2.welcome {
	background:url(images/warga.gif) no-repeat 0 0; margin:0; padding:0;/* border:1px solid #000;*/
	 text-indent:-2000px;
	}

#welcomecontacienrk h2.welcome {
	background:url(images/warga.gif) no-repeat 0 0; margin:0; padding:0;/* border:1px solid #000;*/
	 text-indent:-2000px;
	}
#welcomecontacienr p {
	font: normal 12px/14px Arial, Verdana, Helvetica, sans-serif;
	text-align:justify;
	color:#4D4747;
	margin:0;
	padding-top: 14px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	}
#welcomecontacienr p span {
	color:#155282; font-weight:bold; padding:0 0 4px; margin:0; display:block; background-color:inherit;
	}
#welcomecontacienr p a{
	font:normal 12px Arial, Helvetica, sans-serif; color:#FF0000; 
	text-decoration:none; text-align:right; float:right; background-color:inherit;
	}
#welcomecontacienr p a:hover{
	text-decoration:underline;
	}

/*body bottom div*/
#bodybttom{
	width:537px; padding:5px 0 0; margin:0; 
	}
	
/*bleft*/
#bleft{
	width:173px; padding:0 0 5px 0; float:left; margin:0 20px 0 0;
}

/*news events*/
#newscontainer{
	width:139px; border:1px solid #155282; color:#4D4747;
	background-color:#CFE1F0; margin:0 0 5px; padding:9px 14px 19px 18px;
	}
#newscontainer h2.news-events {
	background:url(images/newsandevents.gif) no-repeat 0 0; padding:0; margin:0; text-indent:-2000px;
	}
#newscontainer p {
	font:normal 12px Arial, Helvetica, sans-serif; padding:10px 0 0; margin:0;
	}
#newscontainer p span {
	display:block; font-weight:bold; color:#000000; padding:0 0 6px; background-color:inherit;
	}
#newscontainer p a{
	font:normal 12px Arial, Helvetica, sans-serif; color:#4D4747; background-color:inherit;
	text-decoration:none; text-align:right; padding:2px 0 0; float:right;
	}
#newscontainer p a:hover{
	text-decoration:underline;
	}
/*news events*/

/*sign up container*/
#sigupcontainer{
	width:171px; padding:0; border:1px solid #999999; 
	background-color:#F3F3F3; margin:0; color:#797979;
}
#sigupcontainer h2.newsletter {
	background:url(images/newsletter.gif) no-repeat 18px 6px; text-indent:-2000px;
	border-bottom:1px solid #CC0000; background-color:#DEDEDE; 
	padding:6px 0 0; margin:0; color:#797979;
	}
#sigupcontainer form {
	margin:0; padding:12px 8px 12px 14px;
	}
#sigupcontainer form label {
	font:bold 11px Arial, Helvetica, sans-serif; color:#797979; background-color:inherit;
	width:69px; display:block; padding:0; margin:0 0 5px; float:left;
	}
#sigupcontainer form input.textbox {
	width:74px; height:15px; border:1px solid #C5C2C2; 
	font:normal 11px Arial, Helvetica, sans-serif; padding:0; margin:0 0 5px;
	}
#sigupcontainer form input.btn {
	width:58px; height:20px; border:0px solid #C5C2C2; padding:0; margin:0 0 0 16px;
	}
/*sign up container*/
/*bleft*/

/*bright*/
#bright{
	width:325px; padding:12px 18px 0 0; background-color:#FFFFFF; 
	float:left; margin:0; color:#4D4747;
	}
#bright p {
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	padding:3px 0 16px 188px; margin:0;
	}
#bright p span {
	font-weight:bold;
	color:#155282;
	background-color:inherit;
	display:block;
	padding:0 0 2px;
	margin:0;
	font-family: Verdana, Geneva, sans-serif;
	}
#bright p a{
	font:normal 12px/14px Arial, Helvetica, sans-serif; background-color:inherit;
	color:#FF0000; text-decoration:none; text-align:right; display:block; margin:0;
	}
#bright p a:hover{
	text-decoration:underline;
	}
#bright p.pic1 {
	background:url(images/bpic1.jpg) no-repeat 0 0; 
	}
#bright p.pic2 {
	background:url(images/bpic2.jpg) no-repeat 0 0; 
	}
#bright p.pic3 {
	background:url(images/bpic3.jpg) no-repeat 0 0; 
	}
/*bright*/
/* right panel start from here */

/* main part style end here */

/*footer*/
#footercontainer{
	width:540px;
	font: normal 11px Arial, Verdana, Helvetica, sans-serif;
	color:#000000;
	text-align:center;
	background-color:#FFB90F;
	float:right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	padding-top: 13px;
	padding-right: 0;
	padding-bottom: 13px;
	padding-left: 0;
}
#footercontainer a{
	font: normal 11px Arial, Verdana, Helvetica, sans-serif; color:#000; 
	text-decoration:none; padding:0; margin:0;background-color:#FFB90F;
	}
#footercontainer a:hover{
	text-decoration:underline;
	}
	
#footercontainera{
	width:768px;
	padding:13px 0;
	font: normal 11px Arial, Verdana, Helvetica, sans-serif;
	color:#000000;
	text-align:center;
	background-color:#FFB90F;
	margin:0 0 30px;
	float:right;
}
#footercontainera a{
	font: normal 11px Arial, Verdana, Helvetica, sans-serif; color:#000; 
	text-decoration:none; padding:0; margin:0;background-color:#FFB90F;
	}
#footercontainera a:hover{
	text-decoration:underline;
	}
	
/*footer*/
#frame #maincontainer #body #welcomecontacienr p {
	font-size: 14px;
}
#frame #maincontainer #body #welcomecontacienr p {
	font-weight: bold;
}
#frame #maincontainer #body #welcomecontacienr p {
	font-size: 12;
}
#frame #maincontainer #body #welcomecontacienr p {
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
}
#frame #maincontainer #body #welcomecontacienre .entry p {
	font-size: 12px;
}
#frame #maincontainer #body #bodybttom #welcomecontacienr .entry p {
	font-family: Verdana, Geneva, sans-serif;
}
#frame #maincontainer #body #welcomecontacienre .entry table {
	font-size: 14px;
	font-weight: bold;
}
#frame #maincontainer #body #bodybttom #welcomecontacienr .entry table {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}
#frame #maincontainer #body #welcomecontacienre .entry p {
	text-align: justify;
	font-size: 12px;
	font-weight: normal;
}
#frame #maincontainer #body #welcomecontacienra .entry table {
	font-size: 12px;
}
#frame #maincontainer #body #welcomecontacienrg {
	font-size: 14px;
	color: #000;
}
#frame #maincontainer #body #welcomecontacienrf span {
	font-weight: bold;
	font-size: 18px;
	color: #000;
}
#frame #maincontainer #body #welcomecontacienrf p {
	text-align: justify;
}
#frame #maincontainer #body #welcomecontacienrf p {
	color: #333;
}
#frame #maincontainer #body #welcomecontacienrf p {
	color: #000;
}
#frame #maincontainer #body #welcomecontacienrf p {
	font-size: 18px;
}
#frame #maincontainer #body #welcomecontacienrd span {
	font-size: 18px;
	color: #000;
	font-weight: bold;
}
#frame #maincontainer #body #welcomecontacienrd p {
	font-size: 18px;
}
#frame #maincontainer #body #welcomecontacienrd p {
	color: #000;
}
#frame #maincontainer #body #welcomecontacienrd p {
	text-align: justify;
}
#frame #maincontainer #body #welcomecontacienrg p {
	text-align: justify;
}
#frame #maincontainer #body #welcomecontacienrg span {
	font-weight: bold;
	color: #000;
	font-size: 18px;
}
#frame #maincontainer #body #welcomecontacienrd p {
	font-size: 14px;
}
#frame #maincontainer #body #welcomecontacienrf p {
	font-size: 14px;
}
#frame #maincontainer #body #welcomecontacienrc {
	font-size: 16px;
}
#frame #maincontainer #body #welcomecontacienrc {
	font-weight: bold;
	color: #000;
	font-size: 16px;
}
#frame #maincontainer #body #bodybttom {
	font-size: 12px;
	font-weight: normal;
}
#frame #maincontainer #body #bodybttom p {
	text-align: justify;
	font-family: Verdana, Geneva, sans-serif;
}
#frame #maincontainer #body #bodybttom table {
	font-size: 14px;
	font-weight: bold;
}
#frame #maincontainer #body #welcomecontacienrb #welcomecontacienr p {
	font-family: Verdana, Geneva, sans-serif;
}
#frame #maincontainer #body #bodybttom #welcomecontacienr p {
	font-family: Verdana, Geneva, sans-serif;
	text-align: justify;
}
#frame #maincontainer #body #welcomecontacienr p {
	font-family: Verdana, Geneva, sans-serif;
}
#frame #maincontainer #body #welcomecontacienr p {
	font-size: 12px;
}
#frame #maincontainer #body #bodybttom #bleft #newscontainer p {
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
	text-align: left;
}
#frame #maincontainer #body #welcomecontacienr p {
	color: #000;
}
#frame #maincontainer #body {
	font-weight: bold;
	font-size: 16px;
}
#frame #maincontainer #body {
	font-size: 18px;
}
#frame #maincontainer p {
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	text-align: justify;
}





/* the entire html comment box container. applies to everything */
#HCB_comment_box {}

#HCB_comment_box p.error {
  border: 4px solid #f88;
  background-color: #fee;
  color: #800;
}

#HCB_comment_box textarea, #HCB_comment_box input.text {
  border: 1px solid #ddd;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  background: url(bg.png) repeat-x;
}

#HCB_comment_box .hcb-wrapper-half {
  display:block;
  width:50%;
  float:left;
}
#HCB_comment_box .hcb-wrapper {
  clear:both;
  margin-bottom:0.5em;
}
#HCB_comment_box input.text {
  display:block;
  width:97%;
  
}
/* the submit button */
#HCB_comment_box input.submit {
    margin:0 7px 3px 0;
    background-color:#f5f5f5;
    border:1px solid #ccc;
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
#HCB_comment_box input.submit:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}

#HCB_comment_box span.home-desc {
  opacity:0.4;
}

/* the individual comment display containers */
#HCB_comment_box div.comment {
  border-top:1px solid #eee;
  margin-bottom:0.5em;
}

/* the moderator message */
.hcb-mod  b{
  color:darkblue;
}

/* next, prev, ok and x link style */
.hcb-link {
  color:blue;
  text-decoration:underline;
}