html, body {
	background: #000 url(/codenavia/portals/msc/images/img/government/bg.jpg) repeat-x top;
	font-family: Geneva, Arial, Verdana, sans-serif; 
	font-size: 11px;
	color: #000;
	margin: 0;
	padding: 0;
}

img {border: 0;}

a {color: #660099; text-decoration: underline;}

a:hover {color: #8801cc;}

.spacer {height: 1px; font-size: 1px; line-height: 1px; clear: both;}

#wrapper {
	width: 1024px;
	background: #fff;
	margin: 0 auto;
}


/* -------------------------------Header items--------------------------------- */

#header {
	width: 980px;
	height: 130px;
	margin: 0 22px;
}

.logo {
	width: 185px;
	height: 100px;
	float: left;
}

.login {
	width: 755px;
	float: right;
	color: #999;	
	text-align: right;
	padding: 12px 40px 2px 0;
}

.welcome {color: #333;}

#maintab {
	width: 405px; height: 39px; float: right; padding: 33px 36px 0 0;
}

.home-btn, .rakyat-btn, .government-btn, .business-btn {
	float: left;
}
	
.home-btn a {
	display: block;
	margin: 0; padding:0;
	width: 69px; height:39px;
	overflow: hidden;
	text-decoration: none;
	background: url(/codenavia/portals/msc/images/img/btn-home.jpg) no-repeat 0 0;
}
.home-btn a:hover {
	background: url(/codenavia/portals/msc/images/img/btn-home-hover.jpg) no-repeat 0 0;
}

.government-btn a {
	display: block;
	margin: 0; padding:0;
	width: 110px; height:39px;
	overflow: hidden;
	text-decoration: none;
	background: url(/codenavia/portals/msc/images/img/government/btn-gov.jpg) no-repeat 0 0;
}
.government-btn a:hover {
	background: url(/codenavia/portals/msc/images/img/government/btn-gov.jpg) no-repeat 0 0;
}

.business-btn a {
	display: block;
	margin: 0; padding:0;
	width: 110px; height:39px;
	overflow: hidden;
	text-decoration: none;
	background: url(/codenavia/portals/msc/images/img/btn-business-hover.jpg) no-repeat 0 0;
}
.business-btn a:hover {
	background: url(/codenavia/portals/msc/images/img/btn-business.jpg) no-repeat 0 0;
}

.rakyat-btn a {
	display: block;
	margin: 0; padding:0;
	width: 116px; height:39px;
	overflow: hidden;
	text-decoration: none;
	background: url(/codenavia/portals/msc/images/img/btn-rakyat-hover.jpg) no-repeat 0 0;
}
.rakyat-btn a:hover {
	background: url(/codenavia/portals/msc/images/img/btn-rakyat.jpg) no-repeat 0 0;
}

#topheader {
	background: url(/codenavia/portals/msc/images/img/government/header-bg.jpg) no-repeat;
	height: 100px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	#topheader {background: url(/codenavia/portals/msc/images/img/rakyat/header-bg.jpg) no-repeat; height: 89px;}
}

#searchbar {
	background: url(/codenavia/portals/msc/images/_0000_purple.png) no-repeat;
	padding-left: 790px; height:30px;
}

#search_box { display:none;
    width: 190px;
    height: 29px;
    background: url(/codenavia/portals/msc/images/img/government/searchbox.jpg);
}

#search_box #s {
    float: right;
	font-size: 10px;
	color: #999;
    padding: 0;
    margin: 8px 6px 0 0;
    border: 0;
    width: 156px;
    background: none;
}

#search_box #go {
    float: left;
    margin: 6px 0 0 6px;
}


/* -------------------------------Main menu items--------------------------------- */

#menubar {
	background: url(/codenavia/portals/msc/images/img/business/menubar-bg.jpg) no-repeat;
	height: 29px;
	padding-left: 18px;
	*position: relative;
	*z-index: 3;
}

.menu ul li a.Enhancing_National_Support {width:181px;}

.menu ul li a.Partner_with_MSC_Malaysia {width:178px;}

.menu ul li a.Media_&_Resources {width:157px;}

.menu ul li a.About_MSC_Malaysia {width:143px;}


@media screen and (-webkit-min-device-pixel-ratio: 0) {
.menu ul li a.Enhancing_National_Support {width:191px;}
.menu ul li a.Partner_with_MSC_Malaysia {width:186px;}
.menu ul li a.Media_&_Resources {width:157px;}
.menu ul li a.About_MSC_Malaysia {width:149px;}
}


.menu ul {
	padding:0; 
	margin:0;
	list-style-type: none;
}

.menu ul li {
	float:left;
	position:relative;
}

/* this is main menu at idle */
.menu ul li a, .menu ul li a:visited {
	display:block; 
	background: url(/codenavia/portals/msc/images/img/business/menu-arrow.png) no-repeat top right;
	*background: url(/codenavia/portals/msc/images/img/business/menu-arrow.jpg) no-repeat top right;	
	text-decoration:none;
	font-weight: bold;
	font-family: Geneva, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #333; 
	height: 21px;
	padding-top:8px;
}

.menu ul li ul {
	display: none;
	z-index:2; /* putting z-index here will help drop down to appear above container */
}

/* this is the table inside the drop down menu */
table {
	margin:0px; 
	border-collapse:collapse;
	border-bottom-color:#000;
	padding:0px;
}

/* specific to non IE browsers */

/* this is main menu when rollover */
.menu ul li:hover a,
.menu ul li a:hover {
	background: #e2e2e2 url(/codenavia/portals/msc/images/img/business/menu-arrow.png) no-repeat top right;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	font-family: Geneva, Arial, Verdana, sans-serif;
	font-size:11px;
	padding-top:8px;
}

/*this the position of the drop down box */
.menu ul li:hover ul,
.menu ul li a:hover ul {
	display:block; 
	position:absolute; 
	/*top:86px;*/
	top:29px;
	padding-top:0px;
	left:0; 
	width:85px;
}

* html .menu ul li a:hover ul {
	margin-top:0;
	marg\in-top:0px;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
	visibility:hidden; 
	position:absolute; 
	height:0; 
	width:0;
}

/*this is the sub menu items*/
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
	display:block; 
	background:#eaeaea; 
	color:#333; 
	height:auto; 
	padding:5px 10px; 
	width:140px;
	text-align: left;
	font-family: Geneva, Arial, Verdana, sans-serif;
	font-size:10px;
	font-weight:normal;
}

/*this one changes the color of the opener of sub submenu
.menu ul li:hover ul li a.drop,
.menu ul li a:hover ul li a.drop {
	background:#eaeaea;
	color:#8b1219;
	height:auto;
	line-height:10px; 
	padding:5px 10px;
	font-family:Tahoma;
	font-size:11px;
	font-weight:normal;
}
*/
/*this one changes the color of the submenu*/
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
	background:#dedede; 
	color:#333;
	font-family: Geneva, Arial, Verdana, sans-serif;
	font-size:10px;
	font-weight:normal;
}

/* this the position of the sub sub menu box */
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
	visibility:visible; 
	/*left:161px;*/ 
	left:160px;
	top:0px;
	width:160px;
}

/*this is when sub sub menu is on idle */
.menu ul li:hover ul li ul li a {
	background:#eaeaea; 
	color:#333; 
	width:160px;
	line-height:11px;
	font-family: Geneva, Arial, Verdana, sans-serif;
	font-size:10px;
	font-weight:normal;
	padding:5px 10px;
}

.menu ul li a:hover ul li a:hover ul li a,
.menu ul li a:visited ul li a:visited ul li a:visited {
	background:#eaeaea; 
	color:#333; 
	width:160px;
	line-height:11px;
	font-family: Geneva, Arial, Verdana, sans-serif;
	font-size:10px;
	font-weight:normal;
	padding:5px 10px;
}


/*this is when u roll over sub sub menu*/
.menu ul li a:hover ul li a:hover ul li a:hover {
	background:#dedede; 
	color:#FFFFFF; 
	line-height:11px;
	width:160px;
	font-family: Geneva, Arial, Verdana, sans-serif;
	font-size:10px;
	font-weight:normal;
	padding:5px 10px;
}

.menu ul li:hover ul li:hover ul.left,
.menu ul li a:hover ul li a:hover ul.left {
	left:-450px;
}

.menu table table {
	margin:-1px;
	border-collapse:collapse;
	padding-top:0px;
}


/* -------------------------------Main Content items--------------------------------- */

#flash {margin: 0 22px;}

#main {
	height: 650px;
	margin: 0 22px;
}

#main01 {
	width: 680px;
	float: left;
}

#main02 {
	width: 299px;
	float: right;
}

.font9 {
	font-size: 9px;
}

.font10 {
	font-size: 10px;
}

.title16 {
	font-size: 15px;
	font-weight: bold;
}

.smalltitle {
	font-size: 13px;
	font-weight: bold;
	color: #000;
}

a.smalltitle {
	font-size: 13px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

a.smalltitle:hover {color: #666;}

.smalltext {font-size: 9px;}


/* -------------------------------About MSC items--------------------------------- */

.aboutmsc {
	width: 354px;
	color: #333;
	background: url(/codenavia/portals/msc/images/img/government/aboutmsc-bg.jpg) repeat-x top;
	float: left; 
	padding: 18px 13px 0 13px;
}

.msc {
	background: url(/codenavia/portals/msc/images/img/government/msc-logo2.jpg) no-repeat top left;
	height: 140px;
	padding: 0 0 0 140px;
}

.msc p {
	padding: 0;
	margin: 0;
}

.learnmore {
	height: 100px;
	padding: 25px 0 0 30px;
}


/* -------------------------------Latest News items--------------------------------- */

.latestnews {
	width: 654px; 
	height: 210px;
	clear: both;
	padding: 10px 13px 10px 13px;
}

.news {
	width: 190px;
	float: left;
	padding: 24px 28px 0 0;
}

.newsdate {
	color: #660099;
	font-size: 12px;
	font-weight: bold;
}

p.newstitle {
	margin: 0;
	padding: 0;
}

.newstitle a {
	color: #000;
	text-decoration: none;
}	

.newstitle a:hover {text-decoration: underline;}

p.newscontent {
	margin-top: 12px;
	font-size: 10px;
	color: #666;
}

.allnews {
	background: url(/codenavia/portals/msc/images/img/government/arrow.gif) no-repeat top right;
	width: 600px; 
	padding: 20px 15px 0 0; 
	float: left; 
	text-align: right;
}


/* -------------------------------Reports items--------------------------------- */

.reports {
	width: 273px; 
	float: right; 	
	padding: 18px 13px 0 13px;
}

.reports p {
	color: #666;
	line-height: 14px; 
	margin: 8px 0 6px 0;
}


/* -------------------------------MSC links items--------------------------------- */

.link {
	background: url(/codenavia/portals/msc/images/img/government/link-bg.jpg) repeat-x top; 
	padding: 18px 10px 20px 13px;
}

ul.pencil {
	margin: 0;
	padding: 16px 0 0 20px;
}

.pencil li {
	background: url(/codenavia/portals/msc/images/img/government/smallpencil.png) no-repeat left;
	padding: 2px 0 2px 25px;
	font-size: 12px;
	list-style: none;
	display: block;
	margin: 0;
}

.pencil a {
	font-weight: bold;
	color: #660099;
	text-decoration: none;
}

.pencil a:hover {color: #8801cc;}


/* -------------------------------MSC Story & Company Cluster items--------------------------------- */

.mscstory {
	height: 83px;
	background: url(/codenavia/portals/msc/images/img/government/mscstory-bg.jpg) no-repeat top;
	padding: 15px 20px 0 95px;
}

.cocluster {
	height: 83px;
	background: url(/codenavia/portals/msc/images/img/government/cocluster-bg.jpg) no-repeat top;
	padding: 15px 20px 0 95px;
}

.mscstory p, .cocluster p {
	color: #666;
	line-height: 14px; 
	margin-top: 1px; 
	padding-top: 5px;
	border-top: 1px #b8b8b8 solid;	
}
	
	
/* -------------------------------Related links items--------------------------------- */

.relatedlinks {
	background: url(/codenavia/portals/msc/images/img/government/relatedlinks.jpg) no-repeat; 
	padding: 25px 0 10px 65px; 
	height: 90px;
}

.relatedlinks form {
	margin: 0;
	padding: 12px 0 0 10px;
}

.relatedtxtlinks {
	font-size: 13px;
	font-weight: bold;
	color: #000;
}


/* -------------------------------Footer items--------------------------------- */

#footer {
	background: url(/codenavia/portals/msc/images/img/footer-bg.gif) no-repeat top;
	height: 51px;
	margin: 0 22px;
	padding-bottom: 25px;
}

.footer-txt {
	width: 330px;
	padding: 26px 0 0 80px;
	color: #666;	
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	.footer-txt {width: 360px;}
}

.footer-txt a {
	color: #666;
	text-decoration: none;
}

.footer-txt a:hover {text-decoration: underline;}

.footer-txt-small {
	font-size: 10px;
	color: #b9b7b7;
}

.bigfooter{          
margin-top:-25px;   
margin-left:22px;         
}