/*===== css for all page =====*/
body {
	background-image: url(images/bg_purple.gif);
	background-repeat: repeat;
	margin-top: 0px;
	margin-left: 0px;
	font-family: Microsoft Sans Serif, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #333333;
}

/*links decoration*/
a:link {text-decoration: underline; color: #660099;}
a:visited {text-decoration: underline; color: #660099;}
a:active {text-decoration: underline; color: #660099;}
a:hover {text-decoration: underline; color: #660099;}

	/*copyright link (xhabition)*/
	#links_copyright:link {text-decoration: underline; color: #ffffff;}
	#links_copyright:visited {text-decoration: underline; color: #ffffff;}
	#links_copyright:active {text-decoration: underline; color: #ffffff;}
	#links_copyright:hover {text-decoration: underline; color: #ffffff;}

/*logo*/
#div_logo {
	width: 600px;
	height: 100px;
	margin-left: -300px;
	position: relative;
	left: 50%;
	background-image: url(images/logo_top.png);
	background-repeat: no-repeat;
}

/*create main div centered vertically & horizontally*/
#div_main_top {
	width: 600px;
	height: 70px;
	margin-left: -300px;
	position: relative;
	left: 50%;
	background-image: url(images/bg_hl_top.png);
	background-repeat: no-repeat;
}
		
#div_main_middle {
	width: 600px;
	margin-left: -300px;
	position: relative;
	left: 50%;
	background-color: #ffffff;
}

	/*main event 1 table*/
	#tb_main_event_1 {
		width: 580px;
	}
	
		/*table background*/
		#td_main_event_1 {
			width: 580px;
			height: 150px;
		}
		
	/*main event 2 table*/
	#tb_main_event_2 {
		width: 580px;
		margin-top: 10px;
	}
	
		/*table background (top, mid, low)*/
		#td_main_event_2_0 {
			width: 580px;
			height: 220px;
		}
		
		/*enable this when not using images as links
		#td_main_event_2_1 {
			width: 580px;
			height: 10px;
			background-image: url(images/bg_ev_blue_top.png);
			background-repeat: no-repeat;
		}
		
		#td_main_event_2_2 {
			background-color: #d5ecf7;
		}
		
		#td_main_event_2_3 {
			width: 580px;
			height: 10px;
			background-image: url(images/bg_ev_blue_bottom.png);
			background-repeat: no-repeat;
		}
		*/
		
	/*main event 3 & 4 tables data*/
	#tb_main_event_3 {
		width: 580px;
		margin-top: 10px;
	}
	
		/*table 3 background (top, mid, low)*/
		#td_main_event_3_0 {
			width: 380px;
		}
		
		/*enable this when not using images as links
		#td_main_event_3_1 {
			width: 380px;
			height: 10px;
			background-image: url(images/bg_ev_purple_top.png);
			background-repeat: no-repeat;
		}
		
		#td_main_event_3_2 {
			background-color: #dfd5f7;
		}
		
		#td_main_event_3_3 {
			width: 380px;
			height: 10px;
			background-image: url(images/bg_ev_purple_bottom.png);
			background-repeat: no-repeat;
		}
		*/
		
		/*vertical space between event 3 and event 4*/
		#td_main_event_3_vspace {
			width: 10px;
		}
		
		/*table 4 background (top, mid, low)*/
		#td_main_event_4_0 {
			width: 180px;
		}
		
		/*enable this when not using images a links
		#td_main_event_4_1 {
			width: 190px;
			height: 10px;
			background-image: url(images/bg_ev_pearl_top.png);
			background-repeat: no-repeat;
		}
		
		#td_main_event_4_2 {
			background-color: #feecbb;
		}
		
		#td_main_event_4_3 {
			width: 190px;
			height: 10px;
			background-image: url(images/bg_ev_pearl_bottom.png);
			background-repeat: no-repeat;
		}
		*/

/*back to top link*/
#td_link_backtop {
	text-align: right;
	font-size: 8pt;
}
		
/*control the upper layer of the bottom div*/
#div_main_bottom_1 {
	width: 600px;
	height: 40px;
	margin-left: -300px;
	position: relative;
	left: 50%;
	z-index: 1;
	background-image: url(images/bg_hl_bottom_1.png);
	background-repeat: no-repeat;
}

/*control the underneath layer of the bottom div*/
#div_main_bottom_2 {
	width: 600px;
	height: 25px;
	margin-left: -300px;
	position: relative;
	left: 50%;
	top: -30px;
	z-index: 0;
	background-image: url(images/bg_hl_bottom_2.png);
	background-repeat: no-repeat;
	padding-top: 75px;
	text-align: center;
	font-family: Microsoft Sans Serif;
	font-size: 10px;
	color: white;
}

/*===== activity page =====*/
#tb_activity_1 {
	width: 560px;
	margin-top: 30px;
	padding-left: 10px;
	padding-right: 10px;
}
	
	#td_activity_1_1 {
		padding-top: 10px;
	}
	
	#td_activity_1_2 {
		text-align: center;
	}
	
#tb_activity_2 {
	width: 560px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
	
	#td_activity_2_1 {
		padding-top: 10px;
	}

	#td_activity_2_2 {
		text-align: center;
		vertical-align: middle;
	}
		
#tb_activity_3 {
	width: 560px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

	#div_activity_3_0 {
		text-align: center;
	}
	
#tb_activity_4 {
	width: 560px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

	#td_activity_4_2 {
		text-align: center;
	}
	
	#div_activity_4_3 {
		text-align: center;
	}
	
/*===== history page =====*/
#tb_history {
	width: 560px;
	margin-top: 30px;
	padding-left: 10px;
	padding-right: 10px;
}

	/*text in table 1 (left side)*/
	#td_history_1_0 {
		vertical-align: top;
		padding-right: 10px;
	}
	
	/*image in table 1 (right side)*/
	#td_history_1_1 {
		width: 200px;
		text-align: center;
	}
	
	/*image in table 1 (left side)*/
	#td_history_2_0 {
		width: 180px;
		text-align: center;
		vertical-align: top;
		padding-top: 10px;
	}
	
	/*text in table 2 (right side)*/
	#td_history_2_1 {
		vertical-align: top;
		padding-left: 10px;
		padding-top: 10px;
	}

/*===== privilege page =====*/
#tb_privilege {
	width: 560px;
	margin-top: 30px;
	padding-left: 10px;
	padding-right: 10px;
}

	#td_privilege_1_0 {
		padding-top: 10px;
	}

	#td_privilege_1_1 {
		text-align: center;
		padding-top: 10px;
		font-size: 8pt;
	}
	
	#td_privilege_1_2 {
		padding-top: 30px;
	}
	
/*official pin's image*/
#tb_privilege_2 {
	width: 560px;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

	#td_privilege_2_0 {
		width: 310px;
		text-align: center;
		font-size: 8pt;
	}
	
	/*pin information*/
	#td_privilege_2_1 {
		width: 250px;
	}
	
		/*table of pin information*/
		#tb_privilege_pin_info {
			width: 250px;
		}
		
			/*pin's header*/
			#td_pin_name {
				text-align: center;
				font-weight: bold;
				color: #ff0000;
			}
			
			/*pin's detail*/
			#td_pin_detail {
				width: 150px;
			}
			
			/*pin's number*/
			#td_pin_number {
				width: 50px;
			}
			
			/*pin's value*/
			#td_pin_value {
				width: 50px;
			}

#tb_privilege_3 {
	width: 560px;
	margin-top: 30px;
	padding-left: 10px;
	padding-right: 10px;
}

	#td_privilege_3_0 {
		padding-top: 10px;
	}
		
		/*jatukam information table*/
		#tb_privilege_jatukam {
			width: 560px;
		}
		
			#td_jatukam_type {
				width: 380px;
				padding-left: 10px;
			}
			
			#td_jatukam_type_2 {
				padding-left: 10px;
			}
			
			#td_jatukam_value {
				width: 60px;
				padding-left: 10px;
			}
			
			#td_jatukam_price {
				width: 80px;
				padding-right: 10px;
				padding-left: 10px;
				text-align: right;
			}
			
/*===== donate page =====*/
#tb_donate {
	width: 560px;
	margin-top: 30px;
	padding-left: 10px;
	padding-right: 10px;
}

	#td_donate_1_0 {
		padding-top: 10px;
	}

/*===== judge page  =====*/
#tb_judge {
	width: 560px;
	margin-top: 30px;
	padding-left: 10px;
	padding-right: 10px;
}
	
	/*list of the official border*/
	#tb_judge_list {
		margin-top: 10px;
	}

		/*name*/
		#td_judge_name {
			padding-left: 10px;
		}
		
		/*last name*/
		#td_judge_lastname {
			padding-left: 30px;
		}
		
		/*position*/
		#td_judge_position {
			padding-left: 30px;
		}
	
/*===== contact page =====*/
#tb_contact {
	width: 560px;
	margin-top: 30px;
	padding-left: 10px;
	padding-right: 10px;
}

	/*images on top*/
	#td_contact_1_0 {
		text-align: center;
	}
	
	/*contact detail*/
	#td_contact_1_1 {
		text-align: center;
		padding-top: 10px;
	}

/*===== text decoration =====*/
#txt_header {
	font-weight: bold;
	color: #643999;
}

#txt_header_red {
	font-weight: bold;
	color: #ff0000;
}

/*===== horizontal line =====*/
#hr_fix {
	width: 550px;
	margin-top: 10px;
}