/* Created by chan | aliasv8@yahoo.com | last modified 03/06/2010*/
/* CSS very messy, need to rearrange all when the client confirmed the new layout*/

* {
		margin: 0;
		padding: 0;
		}
		
html {
		font-size: 99.9%;
		}

body {
	background:url(../images/bg.gif) repeat-x;
	background-color: #575757;
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	overflow:auto;
}

#wrap {
		width: 775px;
		height: 100%;
		margin: 0 auto;
		border-top: 0;
		background-color: #fff;

		}
#page{
		background-color: #fff;	
}
#header{ 
}

#flashHr{
	width: 775px;
	height: 100px;
	background-color: #fff;	
	margin-top: 0 auto;
}

#main{
	width: 775px;
	height: auto;
	margin: 0 0 10px 0;
	padding: 5px 0 0 0;
	background: #fff;
	position: absolute;
	/*overflow:auto;*/
	overflow:hidden;
	}
#main_temp{
	width: 774px;
	
	padding-top: 600px;
	background:url(../images/site_uc.jpg) no-repeat; 
}
	
#wip{
	background:url(../images/events_2009/WorkInProgress.png) no-repeat; 
	padding-top: 100px;
	width: 240px;
	height: 155px;
	margin: 30px auto;
	}
	
#navStack{ 	
	width: 775px;
	height: 20px;
	margin-top: 0 auto;
}

#nav{
	margin:0;
	padding: 0;
	list-style: none;
	position: relative;
	width: 775px;
	height: 20px;
	background:url(../images/nav_links_v2/nav_bg_a.jpg) no-repeat;
}

#nav  ol li { 
	display:inline-block;  list-style: none;
}

#nav a{ display: block;	text-indent: -1000%;	position: absolute;	outline: none; } 

#nav a:hover { background:url(../images/nav_links_v2/nav_bg_b.png) repeat-x; }

#nav .btnMain{ 
	width: 62px;
	height: 20px;
	background:url(../images/nav_links_v2/nav_bg_a.png) repeat-x; left: 0px;
	margin: 0;
}

#nav .btnCorporate{
	width: 155px;
	height: 20px;
	background:url(../images/nav_links_v2/nav_bg_a.png) repeat-x; left: 62px;
}

#nav .btnSatelite{
	width: 158px;
	height: 20px;
	background:url(../images/nav_links_v2/nav_bg_a.png) repeat-x;  left: 217px;
}

#nav .btnEvent{
	width: 147px;
	height: 20px;
	background:url(../images/nav_links_v2/nav_bg_a.png) repeat-x;  left:375px;
}

#nav .btnGallery{
	width: 128px;
	height: 20px;
	background:url(../images/nav_links_v2/nav_bg_a.png) repeat-x;  left: 522px;
}

#nav .btnGuessB{
	width: 104px;
	height: 20px;
	background:url(../images/nav_links_v2/nav_bg_a.png) repeat-x;  left: 650px;
}

#content{
	width: 775px;
	background-color: #FFF;
}

#columnLeft{
	float:left;
	width: 50%;
}

#columnRight{
	width: auto;
	margin: 0 0 0 50%;
}

#columnL_content{
	padding-left: 10px ;
	min-height: 700px;
}

#columnR_content { 
	padding: 0;
}

#event{
	width: 375px;
	height: auto;
	padding: 10px 5px 10px 10px;
	margin: auto;	
	background:#fff;
    clear:both; 
}

#event p{ 
	padding: 10px 10px 15px 10px;
}
#event h1, #event h3{
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
}
#event h1{
	padding-top: 5px;
}
#event h3{
	padding: 5px auto 10px auto;
}

.event_info0{
		width: 320px;
		margin-left: 2px;
		margin-top: 20px;
		padding: 15px;
}
.event_info0{ 
	height: auto; 
	border: 1px solid #a5d2ff; 	
	background-color: #f3f9ff;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
}
.event_info0 li{
	font-size: 0.8em;
	line-height: 1.6em;
}
.event_info0 li {
		border-bottom: 1px solid #a5d2ff;
}
.event_info0 ul{
	display:inline;  list-style: none;
}

#eventL_A{
	width: 366px;
	height: 658px;
	background:url(../images/events_2009/1p1w.jpg) no-repeat;
}

#eventL_A{ clear:both;}

#eventL_A  a, #highlight_1p1w a, .eventsClick  a{ 	color: #ffcc33; background:transparent; text-decoration:none;}
#eventL_A  a:visited, #highlight_1p1w a:visited , .eventsClick a:visited { color: #ff66cc; }
#eventL_A  a:focus,  #eventL_A a:hover, #eventL_A a:active,
.eventsClick  a:focus, .eventsClick  a:hover, .eventsClick  a:active,
#highlight_1p1w a:focus, #highlight_1p1w a:hover, #highlight_1p1w a:active{ 
clear:both; 
	color:#ff0099; 
	text-decoration: none; 
	}

 .eventsClick { 
	font: 12px Century Gothic, Arial, Helvetica, sans-serif;
	display:block;
	padding: 633px 0 10px 255px;
	text-indent: 10px;
	font-weight: bold;
}
#eventL_A_facebook{
	display: block;
	width: 16px;
	height: 16px;
	margin: -202px 0 0 342px;
}

#eventL_A_prize{
	display: block;
	width: 72px;
	height: 72px;
	margin: -180px 0 0 300px;
}
#event_more_info{
	display: block;
	min-width: 60px;
	height: 11px;
	padding-top: 228px;
	padding-left: 680px;
}

#event_more_info { 	
	font: 12px Century Gothic, Arial, Helvetica, sans-serif;
}
#event_more_info a { 	
	color: #fff; 
	background:transparent; 
	text-decoration: none;}
#event_more_info a:visited  { color: #d0d0d0; }
#event_more_info a:focus,  #event_more_info a:hover, #event_more_info a:active { color: #ff0099; text-decoration:none; background:#FFC;}

#eventL_A_prize a, #eventL_A_prize a:visited, #eventL_A_prize a:hover{
	background-position: 100px 0;
	background: transparent;
	color: transparent;
}
	
#eventL_A_facebook a, #eventL_A_facebook a:visited, #eventL_A_facebook a:hover{
	background-position: -100px 0;
	background: transparent;
	color:#4668b0;
}
	
#highlights{
	width: auto;
	padding: 5px 0 5px 0;
	}
	
#highlights h1, h2, p, i {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
}
#highlights h1 {
	font-size:16px;
	color:#FFF;
	background-color:#590039;
	border-bottom: 1px solid #000;
	width: 354px;
	height: 20px;
	padding: 3px 6px;
	font-weight:bold;
}

#highlights h2 {
	font-size:14px;
	height: 20px;
	padding: 2px 10px 0 10px;
	font-weight:bold;
}
#highlights ul, #forum_banner li {
	display:inline-block;  list-style: none;
}

#highlights .dates{
	font:12px  Arial, Helvetica, sans-serif;
	color: solid #999;
	padding-left: 15px;
}

#highlights p{
	font-size:12px ;
	color: solid #000;
	width: 300px;
	padding: 0px 10px 15px 15px;
	border-bottom: 1px solid #CCC;
}

#highlights i{
	font-size:12px ;
	color: solid #000;
	width: 300px;
	padding: 20px 10px 5px 5px;
}

#forum_banner{}

.expired {
	display:block;
	font-size: 12px;
	font-weight: bold;
	color:#900;
	text-decoration:blink;
	text-align:left;
	padding: 10px 10px 0 10px;
	}

a { 	color: #000000; background:transparent; text-decoration: none;}
a:visited  { color: #d0d0d0; }
a:focus,  a:hover, a:active { color: #ff0099; text-decoration:none; background:#FFC;}

/*for event column right*/
.post_Event {
	padding-bottom: 5px;
}
.post_Event ul {
	list-style: none;
}

.post_Event img {
	width: 366px;
	padding: 0;
}

.post_Event a { 	
	color: #3b0000; 
	background:transparent; 
	text-decoration: none;
}

.post_Event a:visited { 
	color: #ff66cc; 
}

.post_Event a:focus,  .post_Event a:hover, .post_Event a:active { 
	color: #ff0099;
	text-decoration:none; 
	background:transparent; 
}

.post_Event_img_banner{
	padding-top: 5px;
	padding-bottom: 0px;
}
.post_Event_img_banner a,  .post_Event_img_banner a:visited, .post_Event_img_banner a:focus,
.post_Event_img_banner a:hover, .post_Event_img_banner a:active{
	color: #fff;
	text-decoration:none; 
}
	
#company {
	width: 740px;
	padding:  15px 10px 10px 10px;
	background:url(../images/title-company-profile.jpg) no-repeat;
	margin-left: -180px;
}

#company  p{
	font: 12px Century Gothic, Arial, Helvetica, sans-serif;
	color: #323232;
	padding: 25px 10px 5px 15px;	
}

#company ul {
	font: 12px  Century Gothic, Arial, Helvetica, sans-serif;
	color: #323232;
	padding-left: 25px;
	list-style:inside square; 
}
/* Temporary event banner css*/
#celcom_ffc{
	width: 733px;
	height: 184px;
/*	padding:  15px 10px 10px 10px;*/
	background:url(../images/events_2010/Celcom_FFC.jpg) no-repeat;
	margin-left: -180px;
}

#achieve{
	width: 350px;
	height: 180px;
	padding: 5px;
	margin-left: 12px;
	background:url(../images/title-our-achievement.jpg) no-repeat;
}

#achieve p {
	padding-top: 25px;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
}

#achieve a { 	color: #FFF; background:transparent; text-decoration: none;}
#achieve a:visited  { color: #d0d0d0; }
#achieve a:focus, #achieve a:hover,  #achieve a:active { text-decoration:none; background:transparent; }
#achieve img {

}


#footer {
	padding: 0;
	position:fixed;
	bottom: 0px;
	width: 775px;
	height: 24px;
	margin: 0 auto;
	background: url(../images/nav_links_v2/ft.gif) repeat-x;
}

#footer p {
	font: 10px sans-serif; 
	color: solid black;
	text-align: center;
	padding: 4px 0;
}

/* previous designer's css code*/
/* no time to check, 
	just leave here,
	arrange a bit for clean viewing only*/

.title_h1, .title_h2, .bodytext, .bodytext-bold, .highlighttext{
	font-family:  Century Gothic, Arial, Helvetica, sans-serif;
}

.title_h1{
	padding: 5px 0 5px 13px;
	font-text:16px;
	color:#3b0000;
	font-weight:bold;
}

.title_h2{
	font-text:14px;
	color: #000;
	font-weight:bold;
	position:absolute;
	bottom: 0px;
}

.bodytext {
	font-size: 12px;
	color: #323232;
}

.bodytext-bold {
	font-size: 12px;
	font-weight:bold;
	color: #4E0000;
	letter-spacing:0.5px;
}

.highlighttext {
	font-size: 12px;
	color: #000000;
}

.style3 {font-family: Arial, Helvetica, sans-serif}