/* ------------------------ GLOBAL ---------------------------- */ 

body {
	background-color:#dbdddf;
	font-size:12px;
	margin:0;
}

a:link, a:active, a:visited {
	color:#0099cc;
}

a:hover {
	color:#036f93;
	text-decoration:none;
}

a.black {
	color:black;
}

img {
	border:none;
}

img.is_png {
	behavior: url(../../js/iepngfix.htc);
}

.clear {
	clear:both;
}

.bold {
	font-weight:bold;
}

.date {
	font-weight:bold;
	font-size:10px;
	color:#990000;
}


h1 {
	font-size: 30px;
}

h2 {
	font-size: 24px;
	color:#333333;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 14px;
}


#container {
	width:1000px;
	height:auto;
	/* height:858px; */
	position:relative;
}


#lang_menu {
	width:48px;
	float:left;
	position:absolute;
	top:20px;
	left:2px;
}
#flash_header {
	position:absolute;
	width:1100px;
	float:left;
	top:0px;
	left:48px;
}

#lang_menu img {
	margin-bottom:12px;
}

#header {
	width:300px;
	position:absolute;
	left:20px;
	z-index:0;
	
}

#innerheader {
	width:900px;
	position:absolute;
	left:41px;
	z-index:4;
	
}

#backgrhead1 {
	top:8px;
	width:100%;
	height:36px;
	position:absolute;
	left:0px;
	z-index:1;
	
}
#backgrhead2 {
	width:369px;
	height:255px;
	position:absolute;
	left:310px;
	z-index:1;
	
}
#backgrhead3 {
	width:520px;
	height:220px;
	position:absolute;
	left:679px;
	z-index:1;
	
}

#header img, #header div {
	float:left;
}

/*-===================================================== navigation ========================================================*/
#content {
	position:absolute;
	width:100%;
	left:40px;
	top:0;
	color:#FFFFFF;
	z-index:2;

}

#homecol1 {
	position:relative;
	top:35px;
	left:0px;
	z-index:1;
	width:100%;
	background-color:#ffffff;
}
#homecol1 #bar {
	position:relative;
	top:0px;
	left:0px;
	z-index:2;	
	background-color:#ffffff;
	height:auto;	
	font-size:11px;
	padding:20px 15px;
}


#homecol1 #navigation {
	position:relative;
	top:0px;
	left:0px;
	z-index:1;	
	background-color:#9BB9A9;
	height:auto;	
	width:1000px;
	font-size:11px;
	padding:20px 15px;
}

#homecol1 #lbl_navigation {
	position:absolute;
	top:10px;
	left:-28px;
	z-index:5;
}

#homecol1 #portal {
	position:relative;
	top:0px;
	left:0px;
	z-index:2;	
	background-color:#f6f5ef;
	width:1120px;
	height:250px;	
	font-size:11px;
	padding:20px 15px;
}
#homecol1 #lbl_portal {
	position:absolute;
	top:15px;
	left:-27px;
	z-index:0;
}


#innercol1 {
	position:relative;
	top:300px;
	left:0px;
	z-index:1;
	width:300px;
	background-color:#f3d49c;
}

#innercol1 #navigation {
	position:relative;
	top:0px;
	left:0px;
	z-index:1;	
	background-color:#B6D2C3;
	height:auto;	
	font-size:11px;
	padding:20px 15px;
}

#innercol1 #lbl_navigation {
	position:absolute;
	top:-50px;
	left:-27px;
	z-index:5;
}


#navigation #first_menu {
	background-color:#FFFFFF;
	position:relative;
}


#navigation a {
	text-decoration:none;
	color:#A41414;
}

#navigation li a:hover {
	color:#ff9900;
}


#navigation ul {
	margin:0;
	color:#ffffff;
	padding:20px 40px;
	font-size:12px;
}

#navigation ul ul {
	margin:0;
	color:#ffffff;
	padding:5px 20px;
	font-size:12px;
}

#navigation ul ul li {
	list-style:none;
	line-height:160%;
	font-weight:normal;
}

#navigation ul ul li.sel {
	font-weight:bold;
}


#navigation li {
	list-style:none;
	line-height:160%;
	font-weight:bold;
}

#lbl_map {
	position:absolute;
	top:440px;
	left:-30px;
	z-index:3;
}

/*-===================================================== blog ========================================================*/
#blog {
	position:relative;
	top:0px;
	z-index:3;	
	background-color:#dddddd;
	height:auto;
	width:300px;	
	font-size:11px;
	padding:20px 15px;
}

#left_news {
	position:relative;
	top:0px;
	z-index:3;	
	background-color:#dddddd;
	height:auto;
	width:300px;	
	font-size:11px;
	padding:20px 15px;
}

#left_news a {
	text-decoration:none;
	color:#010101;
}

#homecol1 #lbl_blog {
	position:absolute;
	top:0px;
	left:-29px;
	z-index:5;
}

#innercol1 #lbl_blog {
	position:absolute;
	top:0px;
	left:-29px;
	z-index:5;
}

#innercol1 #lbl_events {
	position:absolute;
	top:110px;
	left:-29px;
	z-index:3;
}



#blog h3 {
	margin:4px 0;
	font-size:12px;
}

#blog .more {
	color:#000000;
	font-size:11px;
}

#blog a {
	color:#444444;
	text-decoration:none;
}

#blog a:hover {
	color:#ff3300;
}


#homecol1 #copyright {
	position:relative;
	top:0px;
	z-index:1;
	background-color:#e5e5e5;
	height:auto;
	width:300px;
	padding:20px 15px;
}

#innercol1 #copyright {
	position:relative;
	top:0px;
	z-index:1;
	background-color:#e5e5e5;
	height:auto;
	width:300px;
	padding:20px 15px;
}
/*-===================================================== poster board ========================================================*/

#poster {
	position:absolute;
	top:50px;
	z-index:2;	
	height:400px;	
	width:775px;	
	left:320px;
	background-color:#60786B;
	font-size:11px;
	padding:20px 25px;
}

#lbl_jarang {
	position:absolute;
	top:75px;
	left:291px;
	z-index:2;
}

#lbl_hnews {
	position:absolute;
	top:310px;
	left:215px;
	z-index:3;
}


#poster2 {
	position:absolute;
	top:250px;
	z-index:2;	
	height:400px;	
	width:300px;	
	left:500px;
	background-color:#225385;
	font-size:11px;
	padding:20px 25px;
}


/*-===================================================== coming soon ========================================================*/
#coming {
	position:absolute;
	top:220px;
	left:680px;
	color:#ffffff;
	z-index:43;	
	height:auto;	
	width:480px;
	background-color:#ff9900;
	font-size:11px;
	padding:15px 20px;
}

#lbl_highlights {
	position:absolute;
	top:310px;
	left:650px;
	z-index:43;
}

#coming img {
	z-index:5;
	margin:3px 10px 15px 0;
	/* float:left; */
}

#coming a {
	text-decoration:none;
	color:#ffffff;
}

/*-===================================================== news ========================================================*/
#month {
    float:right;
}


#events {
	position:absolute;
	left:740px;
	top:38px;
	z-index:3;	
	background-color:#D8E1DC;
	height:auto;	
	width:355px;
	font-size:13px;
	padding:20px 30px 20px 20px;
}


#lbl_events {
	position:absolute;
	top:70px;
	left:714px;
	z-index:2;
}

#hnews {
	position:absolute;
	left:320px;
	top:360px;
	z-index:4;	
	background-color:#eae9e1;
	height:auto;	
	width:775px;
	font-size:13px;
	padding:20px 30px 20px 20px;
}


#lbl_hnews {
	position:absolute;
	top:400px;
	left:291px;
	z-index:2;
}

#hnews h2 {
	color:#333333;
}
#hnews  img {
	float:left;
	padding:15px 10px 15px 0;
}
#hnews .more {
	color:#0072bc;
	font-size:12px;
	font-weight:bold;
}
#hnews a {
	color:#000000;
	text-decoration:none;
}



#events h2 {
	color:#333333;
}
#events2 h2 {
	color:#333333;
}
#events3 h2 {
	color:#333333;
}
#events4 h2 {
	color:#333333;
}

#events img {
	float:left;
	padding:15px 10px 15px 0;
}
#events2 img {
	float:left;
	padding:15px 10px 15px 0;
}
#events3 img {
	float:left;
	padding:15px 10px 15px 0;
}
#events4 img {
	float:left;
	padding:15px 10px 15px 0;
}

#events .more {
	color:#0072bc;
	font-size:12px;
	font-weight:bold;
}
#events2 .more {
	color:#0072bc;
	font-size:12px;
	font-weight:bold;
}
#events3 .more {
	color:#0072bc;
	font-size:12px;
	font-weight:bold;
}
#events4 .more {
	color:#0072bc;
	font-size:12px;
	font-weight:bold;
}

#events a {
	color:#000000;
	text-decoration:none;
}
#events2 a {
	color:#000000;
	text-decoration:none;
}
#events3 a {
	color:#000000;
	text-decoration:none;
}
#events4 a {
	color:#000000;
	text-decoration:none;
}

/*---------------------------- INNER PAGE ---------------------------*/
#inner_page {
	position:absolute;
	top:150px;
	left:380px;
	background-color:#f6f5ef;
	color:#000000;
	width:700px;
	overflow:hidden;
	height:auto;
	z-index:5;
	font-size:13px;
	padding:10px 40px 15px 40px;
	float:left;
}

#inner_page p {
	line-height:135%;
}

#inner_navigation {
	font-size:11px;
}


#inner_bottom_menu {
	height:14px;
}

#inner_bottom_menu img {
	float:left;
}

#inner_bottom_menu a{
	color:#333333;
	text-decoration:none;
	font-size:11px;
}

#inner_poster {
	position:absolute;
	top:195px;
	left:350px;
	background-color:#0f4277;
	width:730px;
	overflow:hidden;
	height:700px;
	z-index:4;
	padding:20px 25px;
}

#kartsiq {
	position:absolute;
	top:195px;
	left:350px;
	background-color:#ff9900;
	width:730px;
	color:#ffffff;
	overflow:hidden;
	height:700px;
	z-index:4;
	padding:20px 25px;
}

#azd {
	color:#ffffff;
	font-size:11px;
	padding:15px 20px;
}

#azd a {
	text-decoration:none;
	color:#ffffff;
}



#lbl_innerposter {
	position:absolute;
	top:325px;
	left:321px;
	z-index:4;
}

#inner_coming  {
	position:absolute;
	top:195px;
	left:350px;
	background-color:#0f4277;
	width:730px;
	overflow:hidden;
	height:700px;
	z-index:3;
	padding:20px 25px;
}

#news_coming  {
	position:absolute;
	top:195px;
	left:350px;
	background-color:#0f4277;
	width:730px;
	overflow:hidden;
	height:700px;
	z-index:3;
	padding:20px 25px;
}

#lbl_innercoming {
	position:absolute;
	top:425px;
	left:321px;
	z-index:3;
}

#lbl_innertext {
	position:absolute;
	top:250px;
	left:351px;
	z-index:6;
}
