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

a:hover {color: #5c81a8;}

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

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

@font-face {
	font-family: 'HelveticaNarrowRegular';
	src: url('font/helvetica_narrow.eot');
	src: local('Helvetica Narrow'), local('Helvetica-Narrow'), url('font/helvetica_narrow.woff') format('woff'), url('font/helvetica_narrow.ttf') format('truetype');
}

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



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


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

#searchbar {
	background: url(/codenavia/portals/msc/images/img/searchbar-bg.jpg) no-repeat;
	padding-left: 790px;
}

#search_box {
    width: 190px;
    height: 29px;
    background: url(/codenavia/portals/msc/images/img/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;
}

.menu ul li a.about {
	width:148px;
}

.menu ul li a.status {
	width:148px;
}

.menu ul li a.companies {
	width:172px;
}

.menu ul li a.invest {
	width:166px;
}

.menu ul li a.improve {
	width:166px;
}

.menu ul li a.media {
	width:142px;
}

.menu ul {
	padding:0; 
	margin:0;
	list-style-type: none;
}
.menu ul li {
	float:left;
	text-align: center;
	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;
	text-decoration:none;
	font-weight: bold;
	font-family: Verdana;
	font-size: 10px;
	text-align: center;
	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;
	text-align:center;
	font-family:Verdana;
	font-size:10px;
	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:120px;
	text-align: left;
	font-family:Tahoma;
	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:Tahoma;
	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:141px;*/ 
	left:140px;
	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:Tahoma;
	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:Tahoma;
	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:Tahoma;
	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: 228px;
	margin: 0 22px;
}

#inside {
	height: auto;
	margin: 0 22px;
}

#main01 {
	width: 586px;
	float: left;
	margin-left: 1px;
	background: #f5f5f5 url(/codenavia/portals/msc/images/img/gradient.gif) repeat-x;
	height: 226px;
}

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

.font9 {
	font-size: 9px;
}

.font10 {
	font-size: 10px;
}

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

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

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

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


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

.empower {
	width: 354px;
	height: 327px;
	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;	
}




/* -------------------------------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;
	height: 440px;
	padding: 18px 10px 20px 13px;
}

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

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

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

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

.status_check {
	height: 85px;
	padding: 28px 34px 0 143px;
	background: url(/codenavia/portals/msc/images/img/status_check_bg.jpg) no-repeat;
}

.career {
	height: 85px;
	padding: 28px 34px 0 143px;
	background: url(/codenavia/portals/msc/images/img/careers_bg.jpg) no-repeat;
}

.mtsc {
	height: 85px;
	padding: 28px 34px 0 143px;
	background: url(/codenavia/portals/msc/images/img/mtsc_bg.jpg) no-repeat;
}


.status_check p {
	color: #666;
	line-height: 14px; 
	margin-top: 1px; 
	padding-top: 5px;
	border-top: 1px #b8b8b8 solid;	
}

.career p, .mtsc p {
	color: #666;
	line-height: 14px; 
	margin-top: 1px; 
	padding-top: 5px;
	border-top: 1px #b8b8b8 solid;	
}


/*.career p {
	color: #000;
	font-size: 12px;	
	line-height: 15px; 
	margin-top: 1px; 
	padding-top: 5px;
	border-top: 1px #b8b8b8 solid;	
}
*/

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

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

.font14 {
	font-size: 14px;
}

.font16{
	font-size: 16px;
}

.link {
	text-decoration:none;
	color: #4b6684;
	text-decoration:none;
}

a.link:hover {
	text-decoration:none;
	color: #738da6;
	text-decoration:underline;
}

.businesses {
	float: left;
	width: 168px;
	height: 197px;
	margin: 13px 0 0 5px;
	padding: 10px 0 0 14px;
	background: url(/codenavia/portals/msc/images/img/businesses_bg.png) no-repeat;
}

.rakyat {
	float: left;
	width: 168px;
	height:197px;
	margin: 13px 0 0 5px;
	padding: 10px 0 0 14px;
	background: url(/codenavia/portals/msc/images/img/rakyat_bg.png) no-repeat;
}

.governments {
	float: left;
	width: 168px;
	height: 197px;
	margin: 13px 0 0 5px;
	padding: 10px 0 0 14px;
	background: url(/codenavia/portals/msc/images/img/governments_bg.png) no-repeat;
}

/* -------------------------------disclaimer--------------------------------- */
input.btn_disclaimer {
	background: url(/codenavia/portals/msc/images/img/disclaimer/btn.gif) no-repeat;
	width: 133px;
	height: 20px;
	cursor: pointer;
	border-style: none;
	font-size: 10px;
}

input.btn_back{
	background: url(/codenavia/portals/msc/images/img/disclaimer/btn_hover.gif) no-repeat;
	width: 133px;
	height: 20px;
	cursor: pointer;
	border-style: none;
	font-weight: bold;
	font-size: 10px;
}

input.btn_disclaimer:hover {
	background-image: url(/codenavia/portals/msc/images/img/disclaimer/btn_hover.gif);
	background-position: 0 0;
	width: 133px;
	height: 20px;
	cursor: pointer;
	border-style: none;
	font-size: 10px;
}
.font20 {
	font-size: 20px;
	color: #506e8c;
}


.blue14 {
	font-size: 14px;
	color: #537492;
	font-weight: bold;
}

.contentheading {
	padding-left: 5px;
	font-size: 14px;
	padding-top: 16px;
}

/* -------------------------------Error Page --------------------------------- */

#error {
	margin: 0 22px;
	padding: 40px 113px 0 73px;
	font-family: "Trebuchet MS";
	
}

#error_img {
 	background: url(/media/img/error_symbol.gif) no-repeat right;
 	float: left;
 	width: 190px;
	height: 85px;
}

.error_text_heading {
	font-size: 20px;
	padding: 12px 0 0 0;
}

#rakyat_links {
	width: 218px; /*original size: 254px */
	height: 370px;
	margin: 0 19px 0 95px;
	background: url(/media/img/error_bg_rakyat.gif) no-repeat;
	float: left;
	padding: 11px 18px 0 18px;
}


p.rakyat_links_header {
	font-size: 20px;
	color: #fff;
	text-align: center;
}

p.error_instruction {
	font-size: 14px;


}


ul.bulletrakyat {
	padding: 8px 8px 0 8px;
	margin: 0;
	color: #ff3300;
}

ul.bulletbusiness {
	padding: 8px 8px 0 8px;
	margin: 0;
	color: #0066cc;
}

ul.bulletgovernment {
	padding: 8px 8px 0 8px;
	margin: 0;
	color: #6c00a0;
}

.bulletrakyat li {
	background: url(/media/img/bullet_rakyat.gif) no-repeat 0 .7em;
	padding-left: 15px;
	padding-top: 4px;
	font-size: 11px;
	list-style: none;
	display: block;
	margin: 0;
}

.bulletrakyat li a {
	color: #ff3300;
}

.bulletbusiness li a {
	color: #0066cc;
}

.bulletgovernment li a {
	color: #6c00a0;
}

.error_topic_links {
	color: #6c00a0;


}

.bulletbusiness li {
	background: url(/media/img/bullet_business.gif) no-repeat 0 .7em;
	padding-left: 15px;
	padding-top: 4px;
	font-size: 11px;
	list-style: none;
	display: block;
	margin: 0;
}

.bulletgovernment li {
	background: url(/media/img/bullet_government.gif) no-repeat 0 .7em;
	padding-left: 15px;
	padding-top: 4px;
	font-size: 11px;
	list-style: none;
	display: block;
	margin: 0;
}

#business_links {
	width: 218px; /*original size: 254px */
	height: 370px;
	margin: 0 19px 0 0;
	background: url(/media/img/error_bg_business.gif) no-repeat;
	float: left;
	padding: 11px 18px 0 18px;
}

#government_links {
	width: 218px; /*original size: 254px */
	height: 370px;
	margin: 0 19px 0 0;
	float: left;
	background: url(/media/img/error_bg_government.gif) no-repeat;
	padding: 11px 18px 0 18px;
}





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

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

.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;
}

/*=== pahang launch ===*/
#pahang-launch { display: block; width: 980px; background: url(/codenavia/portals/msc/images/img/pahanglaunch/images/plaunch-footer.jpg) left bottom no-repeat; padding: 0 0 210px 0; }
#pahang-launch h1 { display: block; text-indent: -9999px; font-size: .01em; line-height: .01em; background: url(/codenavia/portals/msc/images/img/pahanglaunch/images/pahang-launch.jpg) left top no-repeat; width: 980px; height: 139px; }
#pahang-launch #space { width: 980px; background: #0e427d url(/codenavia/portals/msc/images/img/pahanglaunch/images/content-strip.jpg) left top repeat-x; min-height: 1200px; height: auto !important; height: 1200px; }
#pahang-launch #navbar { width: 170px; float: left; margin: 0; padding: 0; }
	#pahang-launch #navbar ul { list-style: none; margin: 40px 0 0 0; padding: 0; float: right; }
	#pahang-launch #navbar ul li { display: block; background: url(/codenavia/portals/msc/images/img/pahanglaunch/images/page-off.jpg) left top no-repeat; width: 140px; height: 56px; margin: 0 0 15px 0; }
	#pahang-launch #navbar ul li.on, #pahang-launch #navbar ul li:hover { background: url(/codenavia/portals/msc/images/img/pahanglaunch/images/page-on.jpg) left top no-repeat; } 
	#pahang-launch #navbar ul li a { display: block; padding: 12px 0 0 20px; color: #fff; font-size: 22px; text-decoration: none; }
#pahang-launch #content-area { width: 810px; float: left; margin: 0; padding: 0; background: #0e427d; color: #fff; }
	#pahang-launch #content-area .detail-box { display: block; padding: 40px 0; width: 520px; float: left; margin: 0 20px 0 30px; font: 12px arial, helvetica, sans-serif; }
	#pahang-launch #content-area .contact-box { display: block; float: left; background: #1c6fa7; width: 160px; padding: 20px; margin: 40px 0 0 0; }
	
	#pahang-launch #content-area p { margin: 0 0 10px 0; padding: 0; line-height: 1.75; }
	#pahang-launch #content-area p.location-map { float: left; width: 210px; margin: 15px 15px 0 0; }
	#pahang-launch #content-area p a { color: #d9e021; }
	#pahang-launch #content-area h2 { font-size: 16px; margin: 0 0 20px 0; padding: 0; color: #fff; }
	#pahang-launch #content-area dt { display: block; width: 120px; float: left; margin: 0 10px 10px 0; }
	#pahang-launch #content-area dd { display: block; width: 350px; float: left; margin: 0 0 10px 0; }
	#pahang-launch #content-area table { display: block; border: none; margin: 0 0 30px 0; }
	#pahang-launch #content-area table td.time { width: 100px; padding: 5px; }
	#pahang-launch #content-area table td.event { width: 320px; padding: 5px; }
	#pahang-launch #content-area .contact-box p { font-size: 11px; line-height: 1.35; margin: 0 0 20px 0; }
	
/*=== h1n1 pandemic ===*/
#h1n1 { display: block; width: 980px; background: #422122; color: #fff; font: 12px/1.35 arial, helvetica, sans-serif; padding: 0 0 50px 0; }
#h1n1 h1 { display: block; text-indent: -9999px; font-size: .01em; line-height: .01em; background: url(/codenavia/portals/msc/images/img/h1n1/images/h1n1-brief.jpg) left top no-repeat; width: 980px; height: 225px; }
#h1n1 .content { width: 600px; text-align: center; margin: 10px auto; }
#h1n1 .content p { text-align: left; margin: 15px auto; }
#h1n1 .content ul { text-align: left; margin: 0 auto; padding: 0 0 0 25px; }
#h1n1 .content ul li { display: block; margin: 3px 0; padding: 0; }
#h1n1 .content ul.pdf-downloads { display: block; list-style: none; width: 490px; text-align: center; margin: 10px auto; padding: 0; }
#h1n1 .content ul.pdf-downloads li { display: block; float: left; margin: 0 20px 20px 0; padding: 0; width: 210px; height: 72px; background: url(/codenavia/portals/msc/images/img/h1n1/images/red-button.jpg) left top no-repeat;}
#h1n1 .content ul.pdf-downloads li a { display: table-cell; vertical-align: middle; text-align: center; margin: auto; width: 180px; height: 72px; text-decoration: none; color: #fff; line-height: 1; font-weight: bold; font-size: 13px; padding: 0 15px; }

/*=== icon ===*/
#icon { display: block; width: 980px; background: #fff url(/codenavia/portals/msc/images/img/icon/images/bg-tile.jpg) left top repeat-x; font: 12px/1.35 arial, helvetica, sans-serif; color: #424242; }
#icon #top-section { padding: 50px 0 0 0; margin: 0 0 10px 0; }
#icon .headers { width: 450px; float: right; margin: 0 0 10px 0; }
#icon .intro-text { width: 480px; float: left; margin: 0 0 0 10px; }
#icon .headers h1 { display: block; text-indent: -9999px; font-size: .01em; line-height: .01em; background: url(/codenavia/portals/msc/images/img/icon/images/icon-logo.png) left top no-repeat; width: 412px; height: 193px; margin: 0 0 45px 0; }
#icon .intro-text .h2-container { border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 10px 0; margin: 0 0 55px 0; color: #333; }
#icon .intro-text h2, #icon .intro-text h3 { color: #42598e; letter-spacing: -.01em; margin: 0; padding: 0; }
#icon .intro-text h2 { font: lighter 30px/.95 arial, helvetica, sans-serif; }
#icon .intro-text h3 { font-size: 22px; letter-spacing: -.01em; line-height: 1; width: 400px; }
	#icon .intro-text .h2-container p { font: 15px/1.25 arial, helvetica, sans-serif; margin: 10px 0 0 0; padding: 0; } 

#icon hr { background: #68cdea; text-align: center; margin: 0 auto; width: 98%; color: #68cdea; height: 5px; border: none; }
#icon h4 { color: #42598e; font-size: 22px; letter-spacing: -.01em; line-height: 1; margin: 30px 0 30px 10px; }
#icon .get-help { width: 170px; height: 200px; float: left; padding: 10px 10px 10px 130px; margin: 0 10px 30px 0; border-right: 1px solid #eee; background: url(/codenavia/portals/msc/images/img/icon/images/get-funding.jpg) left top no-repeat; font-size: 11px; }
#icon .get-help h5 { text-transform: uppercase; font-size: 14px; margin: 0; padding: 0; }
#icon .get-help p { letter-spacing: -.01em; line-height: 1.2; padding: 0; margin: 10px 0; }
	#icon .get-funding h5 { color: #0054a6; }
	
	#icon .get-connected { background: url(/codenavia/portals/msc/images/img/icon/images/get-connected.jpg) left top no-repeat; }	
	#icon .get-connected h5 { color: #ed1c24; }
	
	#icon .get-skilled { background: url(/codenavia/portals/msc/images/img/icon/images/get-skilled.jpg) left top no-repeat; width: 160px; padding: 10px 10px 10px 140px; margin: 0; border-right: none; }
	#icon .get-skilled h5 { color: #00a651; }

#icon .contact-holder { width: 980px; height: 200px; background: url(/codenavia/portals/msc/images/img/icon/images/email-twitter.jpg) 500px top no-repeat; }
#icon .contact-holder p { width: 450px; margin: 10px 0 10px 10px; padding: 0; }

/*=== stuff that got plugged in ===*/

#icon .img1 { float: left; margin: 3px 15px 0px 0px; }
#icon #header { width: 980px; height: 150px; margin: 0px auto; background: url(/codenavia/portals/msc/images/img/icon/images/img2.jpg); }
#icon #header h1 { margin: 0px; padding: 180px 0 0 60px; font-size: 42px; letter-spacing: -2px; }
#icon #header h2 { margin: 0; padding: .1em 0 0 60px; font-size: 16px; letter-spacing: -1px; color: #666; }
#icon #header a { text-decoration: none; color: #fff;}

#icon #menu { width: 980px; height: 20px; margin: 0px auto; background: url(/codenavia/portals/msc/images/img/icon/images/link.jpg); }
#icon #menu ul { margin: 0px; padding: 0px; list-style: none; }
#icon #menu li { display: inline; }
#icon #menu li a { display: block; float: left; width: 110px; padding: 3px 0px; font-size:12px; text-align: center; text-decoration: none; font-weight: bold;  }
#icon #menu a:hover { color:#000; text-decoration: underline; }

#icon #content { background: #fff; width: 980px; margin: 0px auto; padding: 2px 0px 0px 0px; }
#icon #colOne { font-size:12px; float: left; width: 915px; margin-top: 20px; padding-left: 30px; }
#icon #colTwo { float: left; width: 180px; margin-top: 20px; padding-right: 20px; padding-left: 20px; }
#icon #colTwo ul { margin-left: 0px; padding-left: 0px; list-style-position: inside; }
#icon #content h1 { padding: 5px 0px 5px 5px; color: #173E68; }
#icon #content h2 { padding: 5px 0px 5px 5px; text-transform: uppercase; font-size: 15px; color: #2D2D2D; border-bottom: 1px dashed; }
#icon #content h3 { color: #6c6c6c; }

#icon #footer { width: 980px; margin: 0px auto; padding: 3px 0px; height: 40px; background: url(/codenavia/portals/msc/images/img/icon/images/footer.jpg); }
#icon #footer p { margin: 0px; padding-top: 15px; text-align: center; font-size: 9px; color: #999; }
#icon #footer a { color: #666; }
#icon #footer a:hover { color: #333; }

/*=== senang dengan ict ===*/
#sdict { width: 980px; height: 630px; background: url(/codenavia/portals/msc/images/img/senang/images/sdict-bg.jpg) left top no-repeat; }
#sdict h2 { color: #4c4c4c; position: relative; margin: 0 0 0 50px; padding: 31px 0 0 0; font-size: 16px; }
#sdict ul.showcase { width: 800px; margin: 0 auto; text-align: center; }
#sdict ul.showcase li { display: block; float: left; margin: 0 10px 10px 0; }
#sdict #frame01 { padding: 0; margin: 0; width: 725px; }

	.gallery_demo {width: 725px; text-align: center; margin:0 auto;}
	.gallery_demo ul.gallery_demo_unstyled { width: 725px; }
	.gallery_demo li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;}
	.mini-nav{ clear: both; width: 700px;}
	
	 a.link-funding, a.link-training, a.link-recognition, a.link-apicta, a.link-icon { display: block; float: left; width: 220px; height: 15px; text-indent: -9999px; margin: 280px 20px 0 5px; }
	 a.link-training { margin: 390px 0 0 100px; width: 55px; }
	 a.link-recognition { margin: 300px 0 0 190px; width: 100px; }
	 a.link-apicta { margin: 90px 0 0 90px; width: 100px; }
	 a.link-icon { position: absolute; margin: 380px 0 0 105px; width: 60px; }

/*=== kre8tif ===*/
#kre8tif { width: 980px; padding: 0; background: #000; font-size: 1.125em; margin: 0; }
#kre8tif #header { width: 980px; height: 150px; background: url(/codenavia/portals/msc/images/img/kre8tif/images/kre8tif-logo.jpg) -22px top no-repeat; }
#kre8tif #footer { cler: both; width: 980px; background: #000 url(/codenavia/portals/msc/images/img/kre8tif/images/footer.jpg) -1px bottom no-repeat; height: 666px; margin: 20px 0 0 0; }
#kre8tif #header h1, #kre8tif #header h2 { margin: 0; padding: 0; font-size: .01em; text-indent: -9999px; }
#kre8tif #menu { width: 980px; background: url(/codenavia/portals/msc/images/img/kre8tif/images/menu-tile.jpg) left top repeat-x; height: 36px; }
  #kre8tif #menu ul { margin: 0 0 0 200px; list-style-type: none; padding: 9px 0 0 0; }
  #kre8tif #menu li { float: left; list-style-type: none; margin: 0 3px; padding: 0; }
  #kre8tif #menu li a { padding: 10px 10px 9px 10px; text-transform: uppercase; color: #fff; text-decoration: none; }
    #kre8tif #menu li.home a:hover, #kre8tif #menu li.home.on a { background: #f8d406; color: #000; }
    #kre8tif #menu li.programmes a:hover, #kre8tif #menu li.programmes.on a { background: #a3cb39; color: #000; }
		#kre8tif #menu li.speakers a:hover, #kre8tif #menu li.speakers.on a { background: #7cc8ae; color: #000; }
    #kre8tif #menu li.registration a:hover, #kre8tif #menu li.registration.on a { background: #21aedb; color: #000; }
    #kre8tif #menu li.award-night a:hover, #kre8tif #menu li.award-night.on a { background: #df3f93; color: #000; }

#kre8tif #twitter-space { float: left; width: 230px; margin: 20px 0 20px 10px; }
#kre8tif #content-space { float: left; width: 710px; margin: 20px 0 0 10px; min-height: 300px; height: auto !important; height: 300px; color: #e7e7e7; }
	#kre8tif #content-space.home { width: 450px; margin: 20px 0 0 0; }
#kre8tif #additional { float: right; width: 230px; margin: 20px 10px 0 0; }

#kre8tif #content-space h3 { text-transform: uppercase; letter-spacing: -.01em; margin: 0 0 30px 0; line-height: 1.3; font-weight: normal; font-size: 1.225em; }
  #kre8tif #content-space h3.programmes { color: #a3cb39; }
  #kre8tif #content-space h3.track-listing { color: #a3cb39; text-transform: none; }
	#kre8tif #content-space h3.speakers { color: #7cc8ae; }
  #kre8tif #content-space h3.registration { color: #21aedb; }
  #kre8tif #content-space h3.award-night { color: #df3f93; }
#kre8tif #content-space p { margin: 10px 0; line-height: 1.55; }
	#kre8tif #content-space p a.registration-form { display: block; width: 213px; height: 82px; background: url(/codenavia/portals/msc/images/img/kre8tif/images/registration-form.jpg) left top no-repeat; text-indent: -9999em; line-height: .01em; font-size: .01em; }
#kre8tif #content-space ul { margin: 10px 0 0 20px; }
#kre8tif #content-space ul li { margin: 5px 0; }
#kre8tif #content-space table { display: block; width: 100%; border-collapse: collapse; border: 1px solid #1a1a1a; margin: 0 0 25px 0; }
#kre8tif #content-space table td, #kre8tif #content-space table th { padding: 7px 10px; border: 1px solid #1a1a1a; }
#kre8tif #content-space table td { background: #4d4d4d; }
#kre8tif #content-space table td ul { margin: 5px 0 0 10px; padding: 0; }
#kre8tif #content-space table td ul li { margin: 0; padding: 0; }
#kre8tif #content-space table th { text-align: left; font-weight: normal; }

#kre8tif #content-space table#programmes th.time, #kre8tif #content-space table.track-listing th.time { background: #171717; }
#kre8tif #content-space table#programmes th.pre-event { width: 90%; background: #667f24; }
#kre8tif #content-space table#programmes th.day-1, #kre8tif #content-space table#programmes th.day-2 { width: 25%; background: #667f24; }
#kre8tif #content-space table#programmes td.blank { background: #434b2c; }
#kre8tif #content-space table#programmes td.break, #kre8tif #content-space table.track-listing td.break { background: #667f24; text-align: center; }
#kre8tif #content-space table.track-listing td.coffee-break { background: #59452a; text-align: center; }
#kre8tif #content-space table.track-listing td.lunch-break { background: #712d41; text-align: center; }
#kre8tif #content-space table.track-listing td.half-day { vertical-align: top; }

#kre8tif #content-space table.track-listing th.biz-track { background: #008cd2; width: 40%; }
#kre8tif #content-space table.track-listing th.tech-track { background: #d1005d; width: 40%; }
#kre8tif #content-space table.track-listing td.biz { color: #7bbada; }
#kre8tif #content-space table.track-listing td.tech { color: #fb92c1; }

#kre8tif #content-space table.track-listing td em { display: block; } 

#kre8tif #content-space ul#speakers-list { margin: 0; list-style: none; }
#kre8tif #content-space ul#speakers-list li { margin: 10px 0 20px 0; min-height: 100px; height: auto !important; height: 100px; }
#kre8tif #content-space ul#speakers-list li h4 { color: #7cc8a4; font-size: 1.075em; }
#kre8tif #content-space ul#speakers-list li img { float: left; width: 136px; margin: 0 15px 0 0; }
#kre8tif #content-space ul#speakers-list li div { float: left; width: 554px; }
#kre8tif #content-space ul#speakers-list li h4 + em { display: block; }

#kre8tif #content-space table#registration th { background: #21aedb; }
#kre8tif #content-space table#registration td { vertical-align: top; text-align: center; padding: 7px 10px 20px 10px; }
#kre8tif #content-space table#registration td em { display: block; margin: 0 0 5px 0; }
#kre8tif #content-space table#registration td.description { width: 65%; text-align: left; }

#kre8tif #content-space.home h3 { text-transform: none; font-size: 1.325em; width: 170px; }
#kre8tif #content-space.home h3 em { display: block; font-style: normal; }

#kre8tif #additional #facebook { margin: 15px 0 0 0; }

#kre8tif #footer a.media { float: left; display: block; margin: 250px 0 0 185px; width: 113px; height: 77px; font-size: -.01em; line-height: -.01em; text-indent: -9999em; }
#kre8tif #footer a.edge-online { float: left; display: block; margin: 255px 0 0 445px; width: 148px; height: 40px; font-size: -.01em; line-height: -.01em; text-indent: -9999em; }

/*=== mac3 ===*/
#mac3 { width: 980px; padding: 0; background: #000; font-size: 1.125em; margin: 0; background: #87d98c url(/codenavia/portals/msc/images/img/mac3/images/mac3-bg.jpg) left top repeat-x; }
#mac3 #header { width: 980px; height: 365px; background: url(/codenavia/portals/msc/images/img/mac3/images/mac3-header.jpg) left top no-repeat; margin: 0; padding: 0; }
#mac3 #mac3-footer { background: url(/codenavia/portals/msc/images/img/mac3/images/mac3-footer.jpg) left bottom no-repeat; width: 980px; height: 287px; }
#mac3.home #header { height: 528px; background: url(/codenavia/portals/msc/images/img/mac3/images/mac3-home-header.jpg) left top no-repeat; margin: 0; padding: 0; }
#mac3 #header h1, #mac3 #header h2 { float: left; margin: 0; padding: 0; font-size: .01em; text-indent: -9999px; }

#mac3 h3 { margin: 0 0 10px 0; padding: 0; font-size: .01em; text-indent: -9999px; width: 709px; height: 69px; }
#mac3 h3.achievements { background: url(/codenavia/portals/msc/images/img/mac3/images/mac3-title-achievements.png) left top no-repeat }
#mac3 h3.about-us { background: url(/codenavia/portals/msc/images/img/mac3/images/mac3-title-aboutus.png) left top no-repeat; }
#mac3 h3.our-mission { background: url(/codenavia/portals/msc/images/img/mac3/images/mac3-title-ourmission.png) left top no-repeat; }

#mac3 #header ul { list-style-type: none; margin: 0 0 0 280px; padding: 60px 0 0 0; }
#mac3 #header ul li { float: left; margin: 0; }
#mac3 #header ul li a { text-decoration: none; display: block; padding: 25px 0px 20px 25px; width: 90px; color: #fff; font-weight: bold; }
#mac3 #header ul li a:hover, #mac3 #header ul li.on a { background: url(/codenavia/portals/msc/images/img/mac3/images/cloud.png) left top no-repeat; }

#mac3 #btm-stretch { background: url(/codenavia/portals/msc/images/img/mac3/images/mac3-footer.jpg) left bottom no-repeat; padding: 0 0 120px 0; }
#mac3 #content { width: 710px; float: left; margin: 0 10px 0 18px; padding: 0; min-height: 308px; }
#mac3 #social-media { width: 240px; float: left; margin: 20px 0 0 0; padding: 0; }
#mac3.home #social-media { margin: -150px 0 0 0; }

#mac3.home p.intro { width: 668px; height: 110px; background: url(/codenavia/portals/msc/images/img/mac3/images/home-bubble.jpg) left top; padding: 20px; margin: -4px 0 10px 0; font-size: 1.675em; }

#mac3 ul#ach-list { margin: 25px 0 0 40px; list-style-type: none; }
#mac3 ul#ach-list li { float: left; width: 199px; height: 199px; margin: 0 10px 10px 0; }

#mac3 ul#ach-list li a:hover { background: none; text-decoration: none; color: #000; font-size: .925em; }
#mac3 ul#ach-list li a.tooltip span, #mac3 ul#ach-list li a.tooltip-reverse span, #mac3 ul#ach-list li a.tooltip-top span { display: none; }
	#mac3 ul#ach-list li a.tooltip:hover span { display: block; position: absolute; width: 441px; height: 167px; background: url(/codenavia/portals/msc/images/img/mac3/images/bubble.png) left top no-repeat; padding: 10px; margin: -215px 0 0 170px; }
	#mac3 ul#ach-list li a.tooltip-top:hover span { display: block; position: absolute; width: 441px; height: 137px; background: url(/codenavia/portals/msc/images/img/mac3/images/bubble-top.png) left top no-repeat; padding: 40px 10px 10px 10px; margin: -150px 0 0 -135px; }
	#mac3 ul#ach-list li a.tooltip-reverse:hover span { display: block; position: absolute; width: 441px; height: 167px; background: url(/codenavia/portals/msc/images/img/mac3/images/bubble-swap.png) left top no-repeat; padding: 10px; margin: -215px 0 0 -430px; }

#mac3 #content p.about-1 { width: 688px; height: 219px; background: url(/codenavia/portals/msc/images/img/mac3/images/about-us-p1.jpg) left top no-repeat; margin: 25px 0 0 0; padding: 45px 0 0 20px; }
#mac3 #content p.about-2 { width: 283px; height: 269px; background: url(/codenavia/portals/msc/images/img/mac3/images/about-us-p2.png) left top no-repeat; margin: 0; padding: 15px 0 0 425px; }
#mac3 #content p.about-1 span, #mac3 #content p.about-2 span { display: block; margin: 0 0 10px 0; width: 260px; }

#mac3 #content h4 { width: 588px; height: 46px; margin: 10px 0 0 0; padding: 43px 0 0 120px; background: url(/codenavia/portals/msc/images/img/mac3/images/highlight.jpg) left top no-repeat; letter-spacing: normal; font-size: 1.175em; }
#mac3 #content #mission { width: 708px; height: 745px; margin: 0; padding: 0; background: url(/codenavia/portals/msc/images/img/mac3/images/mission-bg.png) left top no-repeat; }
#mac3 #content #mission p { font-size: 11px; width: 305px; margin: 0 0 15px 20px; padding: 22px 0 0 0; }
#mac3 #content #mission p strong { display: block; margin: 0 0 8px 0; padding: 0; font-size: .01em; text-indent: -9999px; width: 270px; height: 38px; }
#mac3 #content #mission p.talent { height: 200px; }
	#mac3 #content #mission p.talent strong { background: url(/codenavia/portals/msc/images/img/mac3/images/talent-development.png) -6px top no-repeat; }	
#mac3 #content #mission p.funding { height: 130px; }
	#mac3 #content #mission p.funding strong { background: url(/codenavia/portals/msc/images/img/mac3/images/funding.png) -6px top no-repeat; }
#mac3 #content #mission p.awareness { height: 195px; padding: 37px 0 0 0; }
	#mac3 #content #mission p.awareness strong { background: url(/codenavia/portals/msc/images/img/mac3/images/creating-awareness.png) -6px top no-repeat; }
#mac3 #content #mission p.facilities { margin: -630px 0 0 380px; padding: 0; position: aboslute; }
	#mac3 #content #mission p.facilities strong { background: url(/codenavia/portals/msc/images/img/mac3/images/shared-facilities.png) -6px top no-repeat; }
	
/*=== icon v-2 ===*/
#icon-2 { display: block; width: 980px; background: #fff url(/codenavia/portals/msc/images/img/icon/images/bg-tile.jpg) left top repeat-x; font: 12px/1.35 arial, helvetica, sans-serif; color: #666; min-height: 752px; height: auto !important; height: 752px; }

#icon-2 #location-bar { width: 980px; margin: 0; padding: 0; }
	#location-bar h2 { width: 300px; height: 120px; float: left; font-size: .01em; line-height: .01em; background: url(/codenavia/portals/msc/images/img/icon/images/icon-logo.jpg) left top no-repeat; }
	#location-bar h2 a { display: block; width: 300px; height: 120px; text-indent: -9999em; }
	#location-bar ul { margin: 0; padding: 0; list-style: none; float: left; margin: 92px 0 0 335px; }
	#location-bar ul li { float: left; }
	#location-bar ul li a { font-size: 1.125em; color: #fff; text-decoration: none; padding: 0 0 11px 0; margin: 0 7px; }
	#location-bar ul li.register a { color: #fcee21; margin: 0 25px; }
	#location-bar ul li.on a { background: url(/codenavia/portals/msc/images/img/icon/images/on-arrow.jpg) center bottom no-repeat; }
	
	#location-bar ul ul a, #location-bar ul ul a:visited { display: block; background: #fff; color: #67747c; height: 15px; line-height: 1.125; padding: 5px 10px; text-align: center; border-top: none; width: auto; }
#location-bar ul table ul a, #location-bar ul table ul a:visited { width: 65px;  w\idth: 45px; }
#location-bar table { position: absolute;  left: 0;  top: 0;  font-size: 1em;  z-index: -1; }
#location-bar ul ul table { lef\t: 2px; }
#location-bar li:hover { position: relative; }
  * html #location-bar a:hover { position: relative; }

#location-bar ul a:hover, #location-bar ul :hover > a, #location-bar ul :hover > a:visited { text-decoration: none; background: url(/codenavia/portals/msc/images/img/icon/images/on-arrow.jpg) center bottom no-repeat;  }
#location-bar ul ul a:hover, #location-bar ul ul :hover > a, #location-bar ul ul :hover > a:visited { text-decoration: none; background: #eee; }
#location-bar ul ul { visibility: hidden; position: absolute; height: 0; top: 28px; left: 0; width: 95px; margin: 0; padding: 5px 0; background: none; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999; z-index: 300; background: #fff; }

#location-bar ul ul li { margin: 0; width: 95px; }
#location-bar ul ul li a { width: auto; border-top: none; line-height: 1.125; }
#location-bar ul li:hover ul, #location-bar ul a:hover ul { visibility: visible;  height: auto; }

#icon-2 #body-panel { position: relative; z-index: 100; }
#icon-2 #body-panel.front { background: url(/codenavia/portals/msc/images/img/icon/images/front-bg.jpg) right top no-repeat; min-height: 355px; height: auto !important; height: 355px; }
	#body-panel.front h3 { color: #0071bc; width: 360px; font-weight: normal; font-size: 1.725em; margin: 0; line-height: 1.05; padding: 65px 0 0 40px; }
	#body-panel.front h4 { color: #7ba104; padding: 70px 0 0 40px; margin: 0; font-size: 1.225em; }
	#body-panel.front p { padding: 10px 0 0 40px; margin: 0; width: 360px; }
	#body-panel.front p > a { display: block; float: left; color: #fff; padding: 5px 15px; margin: 0 7px 0 0; text-decoration: none; font-weight: bold; }
	#body-panel.front p a.learn { border: 3px solid #999; background: #999; }
	#body-panel.front p a.register { border: 3px solid #000; background: #7ba104; }

#icon-2 #icon-panel { width: 980px; background: url(/codenavia/portals/msc/images/img/icon/images/icon-panel.jpg) left /*125px*/50px no-repeat; min-height: 381px; height: auto !important; height: 381px; clear: left; }
	#icon-panel ul { padding: 50px 0 0 110px; margin: 0 0 0 50px; list-style: none; }
	#icon-panel ul li { display: block; float: left; position: relative; margin: 0 59px 0 0; }
	#icon-panel ul li a { display: block; width: 120px; height: 130px; text-indent: -9999em; }
	#icon-panel ul li.iconapps a:hover { position: absolute; width: 461px; height: 363px; background: transparent url(/codenavia/portals/msc/images/img/icon/images/get-trained.png) left top no-repeat; margin: -50px 0 0 -120px; z-index: 10; }
	#icon-panel ul li.iconedu a:hover { position: absolute; width: 622px; height: 379px; background: transparent url(/codenavia/portals/msc/images/img/icon/images/get-funded.png) left top no-repeat; margin: -60px 0 0 -105px; z-index: 20; }
	#icon-panel ul li.iconex a:hover { position: absolute; width: 485px; height: 381px; background: transparent url(/codenavia/portals/msc/images/img/icon/images/get-connected.png) left top no-repeat; margin: -60px 0 0 -180px; z-index: 30; }
	#icon-panel ul li.iconity a:hover { position: absolute; width: 622px; height: 379px; background: transparent url(/codenavia/portals/msc/images/img/icon/images/get-funded.png) left top no-repeat; margin: -60px 0 0 -460px; z-index: 20; }

#icon-2 #body-panel.about { margin: 0; padding: 55px 0 10px 0; background: url(/codenavia/portals/msc/images/img/icon/images/about-bg.jpg) left bottom no-repeat; }
	#body-panel.about #introduction { float: left; width: 280px; margin: 0 25px 0 40px; }	
	#body-panel.about #introduction h3 { font-weight: normal; font-size: 1.925em; margin: 0; padding: 0; line-height: 1.15; color: #ed1e79; }
	#body-panel.about #introduction h4 { margin: 15px 0; font-size: 1.225em; }
	#body-panel.about #introduction p { margin: 15px 0; font-size: .925em; }
	#body-panel.about #introduction p.computer { margin: 110px 0 0 0; line-height: 1.75; width: 255px; }
	
	#body-panel.about #program-tabs { float: left; width: 610px; height: 390px; background: #999; }
	#body-panel.about #program-tabs h4 { color: #cfebf7; margin: 15px 0 0 20px; padding: 0; }
	#body-panel.about #program-tabs p { color: #fff; margin: 10px 20px; font-size: .925em; }
	
	#body-panel.about #program-tabs #iconapps { background: #deebf7 url(/codenavia/portals/msc/images/img/icon/images/iconapps-tab-bg.jpg) left top no-repeat; }
	#body-panel.about #program-tabs #iconedu { background: #deebf7 url(/codenavia/portals/msc/images/img/icon/images/iconedu-tab-bg.jpg) left top no-repeat; }
	#body-panel.about #program-tabs #iconex { background: #deebf7 url(/codenavia/portals/msc/images/img/icon/images/iconex-tab-bg.jpg) left top no-repeat; }
	#body-panel.about #program-tabs #iconity { background: #deebf7 url(/codenavia/portals/msc/images/img/icon/images/iconity-tab-bg.jpg) left top no-repeat; }
	#body-panel.about #program-tabs #iconapps p, #body-panel.about #program-tabs #iconedu p, #body-panel.about #program-tabs #iconex p, #body-panel.about #program-tabs #iconity p { margin: 10px 35px 10px 180px; font-size: 1.025em; color: #666; line-height: 1.35; padding: 0; }
	#body-panel.about #program-tabs #iconedu p { font-size: 0.9025em; }
	#body-panel.about #program-tabs p.fine-print a { color: #0071bc; }
	
	#body-panel.about #why-icon { float: left; width: 270px; background: url(/codenavia/portals/msc/images/img/icon/images/why-icon-bg.jpg) left bottom no-repeat; min-height: 500px; height: auto !important; height: 500px; padding: 0 0 120px 0; margin: 15px 25px 0 10px; }
	#body-panel.about #why-icon h5 { background: url(/codenavia/portals/msc/images/img/icon/images/why-icon.jpg) -10px top no-repeat; width: 119px; height: 38px; padding: 20px 0 0 30px; margin: 0 0 20px 0; color: #c1272d; font-size: 1.125em; }
	#body-panel.about #why-icon p { width: 230px; font-size: .9025em; margin: 0 0 15px 0; line-height: 1.35; padding: 5px 0; }
	#body-panel.about #why-icon h5.bubble { font-weight: normal; font-size: 1.725em; margin: 90px 0 0 0; line-height: 1.15; color: #ed1e79; background: none; width: auto; height: auto; }
	#body-panel.about #why-icon p.bubble { margin: 0 0 0 30px; width: 210px; font-size: .825em; }
	
	#body-panel #contact { float: left; width: 310px; margin: 40px 0 0 0; background: #f2f2f2; padding: 0 0 20px 0; }
	#body-panel #contact h4 { text-transform: uppercase; color: #cfebf7; padding: 20px 0 0 25px; background: #999; margin: 0; font-size: 1.225em; }
	#body-panel #contact p.blurb { color: #fff; background: #999; padding: 10px 25px 15px 25px; margin: 0; font-size: .9025em; }
	#body-panel #contact p.infopack { background: #fff; padding: 20px 0 0 0; margin: 20px 0 0 0; }
	#body-panel #contact p.infopack a { background: url(/codenavia/portals/msc/images/img/icon/images/infopack-bg.jpg) left top no-repeat; color: #4c4c4c; text-transform: uppercase; display: block; width: 301px; height: 37px; text-decoration: none; text-align: center; margin: 0 auto; padding: 23px 0 0 0; font-weight: bold; }

	
	#body-panel #contact h5, #body-panel #contact h6 { font-weight: normal; font-size: 1.625em; color: #0071bc; margin: 20px 25px; padding: 0; line-height: 1.15; }
	#body-panel #contact h6 { color: #ed1e79; padding: 0 0 20px 0; }
	#body-panel #contact h6 + p, #body-panel #contact h6 + p + p { margin: 30px 25px 0 25px; }
	#body-panel #contact p a { color: #0071bc; }

#icon-2 #body-panel.programs { margin: 0; padding: 55px 0 10px 0; }
	#body-panel.programs h3, #body-panel.programs h4 { margin: 0 0 5px 40px; padding: 0; }
	#body-panel.programs h3 { font-size: 2.025em; line-height: 1.15; color: #000;  }
	#body-panel.programs h4 { font-weight: normal; font-size: 1.525em; line-height: 1.15; color: #ed1e79; }
	
	#body-panel #description { border: 5px solid #4d4d4d; background: #f2f2f2; width: auto; padding: 25px 20px 25px 40px; margin: 20px 0; }
	#body-panel #description a { display: block; text-decoration: none; width: 290px; padding: 10px 0; border: 5px solid #000; text-align: center; margin: -40px auto 0 auto; float: right; color: #fff; }
		#body-panel #description.iconapps { background: #f2f2f2 url(/codenavia/portals/msc/images/img/icon/images/apps-bg.jpg) right top no-repeat; }
		#body-panel #description.iconapps a { background: url(/codenavia/portals/msc/images/img/icon/images/reg-iconapps-bg.jpg) left top repeat-x; color: #603813; }
		#body-panel #description.iconedu { background: #f2f2f2 url(/codenavia/portals/msc/images/img/icon/images/edu-bg.jpg) right top no-repeat; }
		#body-panel #description.iconedu a { background: url(/codenavia/portals/msc/images/img/icon/images/reg-iconedu-bg.jpg) left top repeat-x; margin-top: -70px; }
		#body-panel #description.iconex { background: #f2f2f2 url(/codenavia/portals/msc/images/img/icon/images/ex-bg.jpg) right top no-repeat; }
		#body-panel #description.iconex a { background: url(/codenavia/portals/msc/images/img/icon/images/reg-iconex-bg.jpg) left top repeat-x; margin-top: -90px; }
		#body-panel #description.iconity { background: #f2f2f2 url(/codenavia/portals/msc/images/img/icon/images/ity-bg.jpg) right top no-repeat; }
		#body-panel #description.iconity a { background: url(/codenavia/portals/msc/images/img/icon/images/reg-iconity-bg.jpg) left top repeat-x; margin-top: -90px; }
	#body-panel #description p { width: 560px; font-size: 1.6225em; line-height: 1.65; }
	#body-panel #description a em { display: block; font-style: normal; font-size: 1.325em; text-decoration: none; margin: 5px 0 0 0; }
	
		#body-panel #description.iconedu p { font-size: 1.3225em; line-height: 1.45; } 
		#body-panel #description.iconex p { font-size: 1.2225em; line-height: 1.45; } 
		#body-panel #description.iconity p { font-size: 1.1725em; line-height: 1.45; } 
	
#icon-2 #body-panel.programs #space { float: left; width: 580px; margin: 0 25px 0 40px; }
	#body-panel.programs #space h5 { color: #000; margin: 0 0 30px 0; font-weight: normal; font-size: 1.455em; }
	#body-panel.programs #space h6 { margin: 20px 0; font-weight: normal; font-size: 1.275em; }
	#body-panel.programs #space h6.highlight { color: #0071bc; }
	#body-panel.programs #space h6.idea { color: #0071bc; background: url(/codenavia/portals/msc/images/img/icon/images/lightbulb.png) left top no-repeat; padding: 20px 0 20px 60px; font-size: 1.325em; }
	#body-panel.programs #space h6.wrong { color: #c1272d; background: url(/codenavia/portals/msc/images/img/icon/images/x.png) left top no-repeat; padding: 8px 0 8px 55px; }
	#body-panel.programs #space h6.right { color: #7ba104; background: url(/codenavia/portals/msc/images/img/icon/images/tick.png) left top no-repeat; padding: 8px 0 8px 55px; }
	#body-panel.programs #space a { color: #0071bc; }
	#body-panel.programs #space p { margin: 10px 0; font-size: 1.075em; }
	#body-panel.programs #space p strong { color: #a10449; }
	#body-panel.programs #space ul { margin: 0 0 0 20px;font-size: 1.075em; padding: 0 0 0 10px; }
	#body-panel.programs #space p.stage6 { width: 475px; height: 114px; padding: 80px 25px 0 73px; background: url(/codenavia/portals/msc/images/img/icon/images/stage6.jpg) left top no-repeat; font-size: .9025em; line-height: 1.4; }
#icon-2 #body-panel.programs #contact { margin: 0; padding: 0; }


/* COC css */
/* -------------------------------Content Page items--------------------------------- */
#wrapper2 {
width:960px;
background:#fff;
position:relative;
clear:both;
}

#contentWrapper {
width:980px;
background:#fff;
margin:0 auto;
position:relative;
float:left;
border-left:5px solid #fff;
border-right:5px solid #fff;
}

#headerICT {
	width:980px;
	height:317px;
	background:url(../img/coc/bg_header.jpg) top left no-repeat #4e443f;
	float:left;
}

#headerICT h1{
	display:none;
}

#content {
	width:980px;
	background:url(../img/coc/bg_gradient.png) top left repeat-x #fff;
	float:left;
}

#midCol {
	width:580px;
	float:left;
}

#midCol #midColContent {
	background:#f2f2f2;
	float:left;
	margin:5px 0;
	padding:15px;
}

#midCol #midColContent h1 {
	font:48px 'HelveticaNarrowRegular', sans-serif;
	color:#d8a13d;
	padding:20px 0 30px;
}

#midCol #midColContent h2 {
	font:21px 'HelveticaNarrowRegular', sans-serif;
	font-weight: normal;
	color:#a11318;
	padding:20px 0 5px;
}

#midCol #midColContent p {
	font:12px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#333;
	padding:0 0 5px;
}

.dividerDashed {
	border-bottom:1px dashed #b6b6b6;
	width:100%;
	margin:0 auto 15px;
	float:left;
}

.divider {
	border-bottom:1px solid #b6b6b6;
	width:100%;
	margin:0 auto 15px;
	float:left;
}

#midCol #mainNavi {
	margin-top:-35px;
	position:relative;
	z-index:10;
}

#midCol #mainNavi ul {
	list-style:none;
	list-style-image:none;
}

#midCol #mainNavi li {
	list-style:none;
	list-style-image:none;
	padding:5px 10px;
	float:left;
}

#midCol #mainNavi ul li a {
	font:15px 'HelveticaNarrowRegular', sans-serif;
	text-decoration:none;
	color:#fff;
	padding:10px 8px 15px;
}

#midCol #mainNavi ul li a:hover {
	color:#333;
	background:#eff0ff;
}

#midCol #mainNavi ul li a.home {
	padding-right:25px;
	background:url(../img/coc/btn_home.png) no-repeat right -30px;
}

#midCol #mainNavi ul li a.home:hover {
	background:url(../img/coc/btn_home.png) #eff0ff no-repeat right 12px;
}

#midCol #mainNavi ul li a.active {
	color:#333;
	background:#eff0ff;
}

#midCol #mainNavi ul li a.active.home {
	color:#333;
	background:url(../img/coc/btn_home.png) #eff0ff no-repeat right 12px;
}

#midCol #mainNavi img {
	float:right;
}

.col3Box {
	width:170px;
	margin-right:15px;
	float:left;
	background:transparent;
}

.col3Box.lastBox {
	margin-right:0;
}

#midCol #midColContent .col3Box h3 {
	font:15px Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#0071bc;
	margin-bottom:15px;
}

#midCol #midColContent .col3Box p {
	font:11px Arial, Helvetica, sans-serif;
	color:#333;
	margin-bottom:15px;
}

#midCol a:link {
	color:#0071bc;
}

#midCol a:hover {
	color:#42abf0;
}

#midCol a:visited {
	color:#0071bc;
}

#midCol a img {
	text-decoration:none;
}

#midCol #jobList {
	width:145px;
	margin-top:40px;
	padding-right:10px;
	float:left;
}

#midCol #jobList ul {
	list-style:none;
	list-style-image:none;
}

#midCol #jobList ul li {
	list-style:none;
	list-style-image:none;
	color:#333;
	font:17px 'HelveticaNarrowRegular', sans-serif;
	margin:0 0 20px -20px;
}

#midCol #jobList ul li a {
	color:#333;
	font:17px 'HelveticaNarrowRegular', sans-serif;
	text-decoration:none;
}

#midCol #jobList ul li a:hover {
	color:#fff;
	font:17px 'HelveticaNarrowRegular', sans-serif;
	background:#a13c23;
	text-decoration:none;
}

#midCol #jobList ul li a.active {
	color:#fff;
	font:17px 'HelveticaNarrowRegular', sans-serif;
	background:#a13c23;
	text-decoration:none;
}

#midCol #jobContent {
	border-left:1px solid #bdbdbd;
	width:370px;
	margin-top:40px;
	padding-left:20px;
	float:left;
}

#midCol #jobContent #jobProfile {
	margin-bottom:20px;
}

#midCol #jobContent #jobProfile h3 {
	font:18px 'HelveticaNarrowRegular', sans-serif;
	color:#000;
	border-bottom:1px solid #bdbdbd;
	padding-bottom:10px;
	margin-bottom:20px;
}

#midCol #jobContent #jobProfile p {
	font:11px Arial, Helvetica, sans-serif;
	color:#808080;
}

#midCol #jobContent #jobProfile img {
	float:left;
	margin-right:20px;
}

#midCol #jobContent h3 {
	font:18px 'HelveticaNarrowRegular', sans-serif;
	color:#000;
	margin-bottom:20px;
}

#midCol #jobContent p {
	font:11px Arial, Helvetica, sans-serif;
	color:#000;
}

#midCol #jobContent p.q {
	font:11px Arial, Helvetica, sans-serif;
	color:#f15a24;
}


/* -------------------------------Left Column items--------------------------------- */
#leftCol {
	width:200px;
	float:left;
	position:relative;
	z-index:2;
}

#twitter {
	width:180px;
	height:300px;
	margin:20px auto;
}

/* -------------------------------Right Column items--------------------------------- */
#rightCol {
	width:200px;
	float:right;
	position:relative;
	z-index:2;
}

.sideBarItem {
	width:180px;
	margin:20px auto 0;
}

#eventBox {
	width:160px;
	height:180px;
	background:#333;
	padding:10px;
	margin:20px auto 0;
}

#eventBox h3 {
	font:15px Arial, Helvetica, sans-serif;
	color:#fcee21;
	text-align:center;
	margin:0;
}

#eventSlide {
	width:160px;
	position:relative;
	z-index:0;
	background:#333;
}

#eventSlide h4 {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#fff;
	margin-bottom:16px;
}

#eventSlide p {
	font:12px  Arial, Helvetica, sans-serif;
	color:#fff;
}

#thumb {
	float:right;
	margin:15px 0;
}

#thumb li {
	list-style:none;
	list-style-image:none;
	float:left;
	margin:2px;
	overflow:hidden;
	background:url(../img/coc/btn_dots.gif) no-repeat right top;
	width:12px;
	height:12px;
	padding:0;
	overflow:hidden;
}

#thumb li:hover {
	background:url(../img/coc/btn_dots.gif) no-repeat left top;
}

#thumb li a image {
	border:none;
	text-decoration:none;
}

/*KDI Night Quick Fix (Suffian)*/
.kdi-160{font-size:10px;}

/*=== clearfix ===*/
.clearfix:after {  
  content: ".";  
  display: block;  
  clear: both;  
  visibility: hidden;  
  line-height: 0;  
  height: 0;  
  }  

.clearfix { display: inline-block; }  
html[xmlns] .clearfix { display: block; }  
* html .clearfix { height: 1%; }