body {
margin: 0 auto;
padding: 0;
font: 76% Verdana,Tahoma,Arial,sans-serif;
}
.wrap {
color: #303030;
margin: 0 auto;
width: 760px;
}
/*images/topPan-bg.gif images/bannerbg_13.gif*/
#header{width:760px; height:158px; position:relative; margin:0 auto; background:url(images/Untitled-1.jpg) 0 0 repeat-x #15AEFD; color:#fff; padding:0px;}
#header{background-image: url(images/banner.jpg); background-repeat: repeat-x; top: 0px; height: 70px}
#header h1{text-align: center; padding-top: 10px}

#topmenu ul{
	margin:0px;
	padding-top: 0px;
	list-style-type: none;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	padding-top:19px;
	padding-bottom:22px;
	display:block;
	width:100%;
}
#topmenu ul li { display: inline; }
#topmenu ul li a
{
text-decoration: none;
font-size: 12px;
font-weight:bold;
padding-right: 10px;
padding-top:19px;
padding-bottom:21px;
padding-left: 10px;
color:#FFF;
width: 100%;
border-right:thin  #333 solid;
border-left:thin  #333 solid;
}
/*0 url(images/topPan-bg.gif) repeat-x*/
#topPan{width:760px; height:30px; position:relative; margin:0 auto; background:#FF9900; color:#CC9966; padding:0px 0px;float: left}
#topMenuPan{width:760px; height:16px; position:absolute; top:0px; bottom:9px; left:80px;}		//utk label *utama, *perkhidmatan, *hubungi
#topMenuLeftPanx{width:69px; height:16px; float:left; background:url(images/menu-leftbg.gif) 0 0 no-repeat;}
#topMenuMiddlePan{width:444px; height:16px; float:left;}
#topMenuMiddlePan ul{width:600px; height:16px;}
#topMenuMiddlePan ul li{width:110px; height:16px; border-right:1px solid #E5E5E5; float:left;}
#topMenuMiddlePan ul li a{width:110px; height:16px; display:block; background:#fff; color:#4A4A4A; font:10px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-align:center; text-transform:uppercase;}
#topMenuMiddlePan ul li a:hover{background:#fff; color:#0574AF; text-decoration:none;}
#topMenuRightPanx{width:70px; height:16px; float:left; background:url(images/menu-rightbg.gif) 0 0 no-repeat;}

#avmenu {
clear: left;
float: left;
width: 150px;
margin: 0 0 10px;
padding-top: 35px;
padding: 5 0 0;
font-size: 0.9em;
}

#avmenu ul {	
list-style: none;
width: 150px;
margin: 0 0 20px 0;
padding: 0;
font-size: 1.1em;
}	

#avmenu li {
margin-bottom: 2px;
}

#avmenu li a {
font-weight: bbold;
height: 20px;
text-decoration: none;
color: #000000; /*#FFFF99warna font#505050*/
display: block;
padding: 2px 0 5px 6px;
/*backgrounddd: #FFFF99; #f4f4f4warna latar belakang*/
border-left: 4px solid #FF9933; /*#ccccccwarna border kotak sebelah kiri*/
}

#avmenu .view{
font-weight: bold;
background: #eaeaea;
color: #286ea0;
border-left: 4px solid #286ea0;
}
	
#avmenu li a:hover {
background: #eaeaea;
color: #286ea0;
border-left: 4px solid #286ea0;
}

#content{
float:left; width:590px;
padding-left: 6px;
padding-top: 10px;
padding-bottom: 10px;
}

#content .info{
font-weight: bold;
padding-bottom: 10px;
}

/*lebar content #DADADA #F3F3F3 height:400px; */
.rightcolumn {padding-left:10px; width:590px; float:left; border:1px #FF9933 solid; background:#FFCC66; color:#1A1A1A; padding:0 0 100px 50;}
.rightcolumn h3{height:35px; display:block; border:1px solid #DADADA; background:#FFFFCC; color:#00111A; font:24px/34px Georgia, "Times New Roman", Times, serif; margin:6px 8px 0; padding:0 0 0 20px;}
.rightcolumn h3 span{background:#fff; color:#046598;}
.rightcolumn .info {padding-top: 4px}
.rightcolumn .form {font-size: 0.8em;}
.rightcolumn .formtitle {font-size: 1.5em;}

#footermainPan{
height:25px; 
background:0 url(images/footerbg.gif) repeat-x; 
color:#010101; 
clear:both; 
padding:10px 0 0;
text-align:center; 
}

/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:260px;
	bottom:-17px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}
.error {color: #FF0000}
.nota {
	color: #FF0000;
	font-style: italic;
	font-size: 13px;
}