html, body {
	background: #000 url(/codenavia/portals/msc/images/img/rakyat/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: #ff3300; text-decoration: underline;}

a:hover {color: #ff6d49;}

.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/btn-gov-hover.jpg) no-repeat 0 0;
}
.government-btn a:hover {
	background: url(/codenavia/portals/msc/images/img/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/rakyat/btn-rakyat.jpg) no-repeat 0 0;
}
.rakyat-btn a:hover {
	background: url(/codenavia/portals/msc/images/img/rakyat/btn-rakyat.jpg) no-repeat 0 0;
}

#topheader {
	background: url(/codenavia/portals/msc/images/img/rakyat/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/_0002_orange.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.Empower_Your_Life {width:137px;}

.menu ul li a.Explore_Your_Opportunities {width:182px;}

.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.Empower_Your_Life {width:141px;}
.menu ul li a.Explore_Your_Opportunities {width:189px;}
.menu ul li a.Media_&_Resources {width:150px;}
.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: 735px;
	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;}


/* -------------------------------Empower Your Life items--------------------------------- */

.empower {
	width: 354px;
	height: 400px;
	background: url(/codenavia/portals/msc/images/img/rakyat/apply-bg.jpg) repeat-x top;
	float: left; 
	padding: 18px 13px 0 13px;
}

.working {
	height: 73px;
	background: url(/codenavia/portals/msc/images/img/rakyat/working-bg.png) no-repeat;
	padding: 16px 20px 0 154px;
}

.youth {
	height: 73px;
	background: url(/codenavia/portals/msc/images/img/rakyat/youth-bg.png) no-repeat;
	padding: 16px 20px 0 154px;
}

.homemakers {
	height: 73px;
	background: url(/codenavia/portals/msc/images/img/rakyat/homemakers-bg.png) no-repeat;
	padding: 16px 20px 0 154px;
}

.senior {
	height: 73px;
	background: url(/codenavia/portals/msc/images/img/rakyat/senior-bg.png) no-repeat;
	padding: 16px 20px 0 154px;
}

.working p, .youth p, .homemakers p, .senior p {
	color: #666;
	line-height: 14px; 
	margin-top: 1px; 
	padding-top: 5px;
	border-top: 1px #b8b8b8 solid;	
}



/* -------------------------------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: #ff3300;
	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/rakyat/arrow.gif) no-repeat top right;
	width: 600px; 
	padding: 20px 15px 0 0; 
	float: left; 
	text-align: right;
}


/* -------------------------------Why MSC items--------------------------------- */

.showcase {
	background: url(/codenavia/portals/msc/images/img/rakyat/pixar.jpg) no-repeat bottom right;
	width: 273px; 
	float: right; 	
	padding: 18px 13px 0 13px;
}

.showcase p {
	line-height: 14px; 
	margin: 8px 0 6px 0;
}


/* -------------------------------Express Yourself items--------------------------------- */

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

	
/* -------------------------------Related links items--------------------------------- */

.relatedlinks {
	background: url(/codenavia/portals/msc/images/img/rakyat/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:-55px;
margin-left:22px;
}