body {
	border:0 none;
	color:#333333;
	font-family:verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
	font-size:12px;
	line-height:18px;
	margin:0;
	padding:0;
	text-align:center;
	background:url(../images/background.png);
}

#viewport {
	margin:auto;
	text-align:left;
	width:970px;
	background: #ffffff;
}

#header {
	height: 200px;
	background: #ffffff url(../images/headerBg.png) top left no-repeat;
}

#login {
	float: right;
	width: 355px;
	height: 80px;
	font: 9px Verdana;
	color: #ffffff;
	margin:11px 34px 0 0;
}

.logo {
	margin:40px 0 0 40px;
	float: left;
}

.titleFrame{
	width: 600px;
	height: 80px;
	background-color: #003B78;
	margin: -31px 0 0 27px;
	float: left;
	background: url(../images/title.png) center center no-repeat;
	zoom: 1;
}

.multiSpa{
	margin: 10px 0 0 800px;
	margin-right:23px;
	float: right;
	font: 9px Verdana;
	color: #ffffff;
	cursor:pointer;
}

.multiList {
	font:"Segoe UI";
	font-size:14px;
	font-weight:bold;
	color:#000066;
}

#menus {
	height: 40px;
	border: 1px solid;
	border-bottom:2px solid;
	overflow: hidden;
	background: #ffffff url(../images/menus.png) top left repeat-x;
}

#menus .menu {
	width: 193px;
	height: 40px;
	cursor: pointer;
	text-align: center;
	float: left;
}


#menus .menu span {
	font-weight: bold;
	position: relative;
	top: 10px;
}

#menus .menu:hover {
	background: #ffffff url(../images/menu-over.png) center center no-repeat;
	color: #ffffff;
}

#menus .active {
	background: #ffffff url(../images/menu-over.png) center center no-repeat;
	color: #ffffff;
}

#content {
	/*height: 700px;*/
}

#contentMain {
	float: left;
	width: 770px;
	/*height: 100%;*/
}

#contentHd {
	background: #ffffff url(../images/treasury.png) top left no-repeat;
	height: 115px;
}

.address {
	float: left;
	padding: 10px 10px  10px 200px;
	font:"Segoe UI";
	font-size:16px;
	margin:2px 0 16px 0;
	font-weight:bold;
	color:#000066;
	width:400px;
}

.add1 {
	float: left;
	font:"Segoe UI";
	font-size:9px;
	margin:30px 0 9px -290px;
}
.add2 {
	float: left;
	padding: 10px 10px  10px 200px;
	font:"Segoe UI";
	font-size:13px;

}

#contentHd img {
	float: right;
	padding: 10px 10px 0 0;
}

#contentBdWrap {
	background: transparent url(../images/topspace.png) top left no-repeat;
	margin: 5px 8px 5px 11px;
}

#contentBd {
	background: transparent url(../images/bottomspace.png) bottom left no-repeat;
	height: 100%;
	padding: 20px;
	font:"Segoe UI";
	font-size:11px;
	color:#000000;
	font-style:normal;
}

#contentFt {
	background-color: white;
	height: 60px;
}

#contentMenu {
	float: left;
	width: 200px;
	/*height: 100%;*/
	text-align: center;
	padding-top: 10px;
}

.MenuExec {
	width: 185px;
	height: 55px;
	background: #ffffff url(../images/exec.png) top left no-repeat;
	font-size:12px;
	margin:0 0 0 -3px;
	text-align:right 6px;
}
.MenuExec2 {
	width: 185px;
	height: 55px;
	background: #ffffff url(../images/exec.png) top left no-repeat;
	font-size:12px;
	margin:0 0 -4px -3px;
	text-align:right 6px;
}
.MenuAset {
	width: 185px;
	height: 55px;
	background: #ffffff url(../images/aset.png) top left no-repeat;
	font-size:12px;
	margin:0 0 0 -3px;
	text-align:right 6px;
}

.MenuFix {
	width: 185px;
	height: 55px;
	background: #ffffff url(../images/fixaset.png) top left no-repeat;
	font-size:12px;
	margin:0 0 0 -3px;
	text-align:right 6px;
}

.MenuStor {
	width: 185px;
	height: 55px;
	background: #ffffff url(../images/stor.png) top left no-repeat;
	font-size:12px;
	margin:0 0 0 -3px;
	text-align:right 6px;
}
.MenuAduan {
	width: 185px;
	height: 55px;
	background: #ffffff url(../images/aduan.png) top left no-repeat;
	font-size:12px;
	margin:0 0 0 -3px;
	text-align:right 6px;
}
.MenuAgensi {
	width: 185px;
	height: 51px;
	background: #ffffff url(../images/menu_agensi.png) top left no-repeat;
	font-size:12px;
	margin:0 0 0 -3px;
	text-align:right 6px;
	cursor:pointer;
}
#footer {
	clear: both;
	height: 30px;
	color: #ffffff;
	background-color: #010b3c;
	text-align: right;
	padding: 8px 10px 0 0;
	font-size:11px;
}

.iexec {
	width: 85px;
	height: 50px;
	margin:-37px 128px 6px -9px;

}
.iaset {
	width: 56px;
	height: 40px;
	margin:-37px 128px 7px -9px;
}

.agencyLogo {
	margin:10px 29px 0 0;
}

.menuHd {
	width: 185px;
	height: 50px;
	font-size:12px;
	margin:0 0 0 -3px;
	text-align:right 6px;
	cursor:pointer;
	
}

.knowledgebase {
	width: 190px;
	height: 49px;
	font-size:12px;
	margin:0 0 0 -3px;
	text-align:right 6px;
	cursor:pointer;
	background: #ffffff url(../images/knowledgebase.png) top left no-repeat;
}


.sts {
	width: 185px;
	height: 51px;
	font-size:12px;
	margin:0 0 0 -3px;
	text-align:right 6px;
	cursor:pointer;
	background: #ffffff url(../images/smbpa.png) top left no-repeat;
}

.elearning {
	width: 185px;
	height: 51px;
	font-size:12px;
	margin:0 0 0 -3px;
	text-align:right 6px;
	cursor:pointer;
	background: #ffffff url(../images/elearning.png) top left no-repeat;
}

.menuHide {
	display: none;
	font:"Segoe UI";
	font-size:9px;
	color:#000000;
	cursor:pointer;
	margin:0 0 0 -3px;
	width:185px;
	text-align:left;
	border:1px solid #FFFFFF;
	padding:0px 0px 0px 0px;
	background: #ffffff url(../images/sub-menu.png) bottom center; width:185px;
}

.a {
	padding:0 0 0 1px;
	text-decoration:none;
	color:#000000;
}

#oneppMenuHide {
	display: none;
	font:"Segoe UI";
	font-size:9px;
	color: #036; /* azmi 21-02-2015 */
	cursor:pointer;
	margin:0 0 0 -3px;
	width:185px;
	text-align:left;
	border:1px solid #FFFFFF;
	padding:0px 0px 0px 0px;
	/*background: #ffffff url(../images/sub-menu.png) bottom center; width:185px;*/
	background-color: #f0f8ff; /* azmi 21-02-2015 */
}

/* azmi 21-02-2015 */
#oneppMenuHide a {
	display: block;
	width:175px;
	/*padding:0 0 0 0px;*/
	padding: .2em .8em;
	text-decoration:none;
	color: #036;
}

/* azmi 21-02-2015 */
#oneppMenuHide a:hover {
	/*font-weight:bold;*/
	/*padding-left: 3px;*/	
	padding: .2em .1em .2em .8em;
	width: 175px;
	height: auto;
	background-color: #369;
	color: #FFF;
}

/* azmi 21-02-2015 */
#oneppMenuHide a:active {
	/*font-weight:bold;*/
	padding-left: 3px;	
	width: 175px;
	height: auto;
	background-color: #369;
	color: #FFF;
}
a:active{
	font-weight:bold;
	background-color: #369;
	color: #FFF;
}
a:hover{
	font-weight:normal;/* azmi 21-02-2015 */
	background-color: #369;
	color: #FFF;
}

/*
a:active{
	font-weight:bold;
}
a:hover{
	font-weight:bold;
}
*/



.NFButton {width:auto; height:26px; color:#000000; padding:0 2px; background:url(../images/button.png) repeat-x 0 0; cursor:pointer; border:none; font:10px/26px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:1px; vertical-align:middle;}
.NFButtonLeft, .NFButtonRight {width:6px; height:26px; vertical-align:middle;}
.NFButtonLeft {background:url(../images/button-left.png) no-repeat 0 0;}
.NFButtonRight {background:url(../images/button-right.png) no-repeat 0 0;}


.NFButtonB {width:167px; height:26px; color:#fff; padding:0 2px; background:url(../images/buttonblue.png) repeat-x 0 0; cursor:pointer; border:none; font:10px/26px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:1px; vertical-align:middle;}
.NFButtonLeftB, .NFButtonRightB {width:6px; height:26px; vertical-align:middle;}
.NFButtonLeftB {background:url(../images/button-leftblue.png) no-repeat 0 0; border:none}
.NFButtonRightB {background:url(../images/button-rightblue.png) no-repeat 0 0; border:none}

.news {
	width:192px;
	height:265px;
	margin:10px 10px 0 2px;
}

.style1
{
color:#009900;

font-size:12px;
}

<!--#download ul{list-style-type:none;}

<!--#download ul li{
<!--padding-bottom:5px;} -->

.pengenalan {
font:"Segoe UI";
font-size:16px;
background-color:#FFFFFF;}

<!--#penerbitan td:hover{FONT-FAMILY: Arial;
	<!--background:#FFFF99;-->
	<!--}-->-->