/*
 * Author: 	Joe-Kwun Lam
 * Filename: 	style.css
 * Modified: 	1st October 2008
 *
 */

html {margin: 0 auto;}
body {margin: 0 auto; background:url('../images/bkgd.jpg') no-repeat top center black;}
img {border: 0px;}

.float_clear {clear: both; overflow: hidden; height: 1px; margin-top:-1px;}

#container {margin: 0 auto;	width: 920px; background:white;}
#top_banner {margin: 0 auto; width: 920px; height: 158px;}
#left_pane {margin: 0 auto; width: 320px; float: left; background:white;}
#content_pane {margin: 0 auto; width: 600px; float: left; background:white;}
#footer {margin: 0 auto; width: 920px; height: 50px;}
.ad_pane {margin: 10px 0px 0px 20px; width: 600px; height: 70px}
.side_ad {margin: 0px 0px 0px 0px; width: 320px; height: 270px}
.badminton_videos {margin: 0px 0px 0px 80px;}

h1 {	
  font-family: Trebuchet MS;
	margin: 0px 20px 0px 20px;
	font-size: 0.75em;
	color: #000000;
	float: left;
	font-weight: normal;	
}

h1 a:link, h1 a:visited, h1 a:active {
	color: rgb(255,102,0);
	text-decoration: none;
}

h1 a:hover {
	text-decoration: underline;
}


.body_text {
	font-family: Trebuchet MS;
	margin: 20px 20px 0px 20px;
	font-size: 0.75em;
	color: #000000;
	float: left;
}

.body_text a:link, .body_text a:visited, .body_text a:active {
	color: rgb(255,102,0);
	text-decoration: none;
}

.body_text a:hover {
	text-decoration: underline;
}


.blog_title {
	font-family: Trebuchet MS;
	margin: 20px 0px 0px 20px;
	font-size: 1.1em;
	font-weight: bold;
	color: #6699FF;
	float: left;
}

.blog_info {
	font-family: Trebuchet MS;
	margin: 5px 0px 0px 20px;
	font-size: 0.75em;
	font-style: italic;
	color: #000000;
}

.blog_info a:link, .blog_info a:visited, .blog_info a:active {
	color: rgb(255,102,0);
	text-decoration: none;
}

.blog_info a:hover {
	text-decoration: underline;
}

.side_titles {
	font-family: Trebuchet MS;
	margin: 0px 0px 0px 20px;
	font-size: 1em;
	font-weight: bold;
	color: #000000;
}

.page_title {
	font-family: Trebuchet MS;
	margin: 0px 0px 10px 20px;
	font-size: 1.2em;
	font-weight: bold;
	color: #000000;
}

/**

#button_strip {
	margin: 0 auto;	
	width: 780px;
	height: 51px;
	float: clear;
	background-color: black;
}


.button {
	margin: 0 auto;	
	height: 51px;
	float: left;
}

#animation_level {
	margin: 0 auto;	
	width: 780px;
	height: 230px;
	float: none;
}

#animation {
	margin: 0 auto;	
	width: 430px;
	height: 230px;
	float: left;
}

#panel_news {
	margin: 0 auto;	
	width: 350px;
	height: 230px;
	float: left;
	background:url('../images/panel_news.jpg') no-repeat; 
}

#lower_level {
	margin: 0 auto;	
	width: 780px;
	height: 230px;
	float: none;
}

#panel_1 {
	margin: 0 auto;	
	width: 260px;
	height: 230px;
	float: left;
	background:url('../images/panel_1.jpg') no-repeat; 
}

#panel_2 {
	margin: 0 auto;	
	width: 260px;
	height: 230px;
	float: left;
	background:url('../images/panel_2.jpg') no-repeat; 
}

#panel_3 {
	margin: 0 auto;	
	width: 260px;
	height: 230px;
	float: left;
	background:url('../images/panel_3.jpg') no-repeat; 
}

.news_panel_text {
	font-family: Trebuchet MS;
	margin: 44px 30px 25px 48px;
	font-size: 0.75em;
	font-weight: bold;
	float: left;
}

.news_panel_text a:link, .news_panel_text a:visited, .news_panel_text a:active {
	color: rgb(153,0,0);
	text-decoration: none;
	font-weight: bold;
}

.news_panel_text a:hover {
	text-decoration: underline;
}

.panel_1_text {
	font-family: Trebuchet MS;
	margin: 44px 25px 25px 35px;
	font-size: 0.75em;
	float: left;
}

.panel_1_text a:link, .panel_1_text a:visited, .panel_1_text a:active {
	color: rgb(153,0,0);
	text-decoration: none;
	font-weight: bold;
}

.panel_1_text a:hover {
	text-decoration: underline;
}

.panel_2_text {
	font-family: Trebuchet MS;
	margin: 44px 25px 25px 30px;
	font-size: 0.75em;
	float: left;
}

.panel_2_text a:link, .panel_2_text a:visited, .panel_2_text a:active {
	color: rgb(153,0,0);
	text-decoration: none;
	font-weight: bold;
}

.panel_2_text a:hover {
	text-decoration: underline;
}

.panel_2_date {
	font-family: Trebuchet MS;
	font-size: 1em;
	font-weight: bold;
	color: rgb(153,0,0);
	float: left;
}

.panel_3_text {
	font-family: Trebuchet MS;
	color: #cccccc;
	margin: 44px 30px 25px 25px;
	font-size: 0.75em;
	float: left;
}

.panel_3_text a:link, .panel_3_text a:visited, .panel_3_text a:active {
	color: rgb(153,255,0);
	text-decoration: none;
}

.panel_3_text a:hover {
	text-decoration: underline;
}

#footer_level {
	margin: 0 auto;	
	width: 780px;
	height: 70px;
	float: none;
}

.gap1 {
  margin: 0px 15px 0px 0px;
  float: left;
}

.footer_text {
	font-family: Trebuchet MS;
	margin: 10px 0px 0px 35px;
	font-size: 0.75em;
	color: #CCCCCC;
	float: left;
}

.footer_text a:link, .footer_text a:visited, .footer_text a:active {
	color: rgb(153,255,0);
	text-decoration: none;
}

.footer_text a:hover {
	text-decoration: underline;
}

#diary{
	margin: 0 auto;	
	width: 780px;
	float: clear;
	text-align: center;
}

.diary_text {
	font-family: Trebuchet MS;
	margin: 100px 0px 0px 0px;
	font-size: 14px;
	font-weight: bold;
	float: clear;
	color: white;
}

.diary_text a:link, .diary_text a:visited, .diary_text a:active {
	color: white;
	text-decoration: underline;
}

.diary_text a:hover {
  color: red;
	text-decoration: underline;
}

#content_level {
	margin: 0 auto;	
	width: 780px;
	float: none;
	min-height: 380px;
}

#title_pane {
	margin: 0 auto;	
  float: none;
  width: 780px;
}


.title_text {
  font-family: Trebuchet MS;
	font-size: 1em;
	font-weight: bold;
	color: rgb(153,255,0);
	margin: 20px 35px 10px 35px;
}

.content_pane{
	margin: 0 auto;	
	width: 780px;
	float: none;
}

.content_text {
	font-family: Trebuchet MS;
	font-size: 0.8em;
	color: #CCCCCC;
	margin: 0px 25px 10px 35px;
}

.content_text a:link, .content_text a:visited, .content_text a:active {
	color: rgb(153,255,0);
	text-decoration: none;
}

.content_text a:hover {
	text-decoration: underline;
}

.content_margin {
  margin: 0px 20px 10px 20px;
  float:none;
}

.events_date_pane {
	margin: 0 auto;	
	width: 210px;
	float: left;
}

.events_events_pane {
	margin: 0 auto;	
	width: 300px;
	float: left;
}

.events_details_pane {
	margin: 0 auto;	
	width: 270px;
	float: left;
}

.events_text {
	font-family: Trebuchet MS;
	font-size: 0.8em;
	color: #CCCCCC;
	margin: 0px 0px 10px 35px;
}

.events_text a:link, .events_text a:visited, .events_text a:active {
	color: rgb(153,255,0);
	text-decoration: none;
}

.events_text a:hover {
	text-decoration: underline;
}