@charset "utf-8";
/* CSS Document */
body { 
	font-family: Arial, Helvetica, sans-serif;
	overflow: -moz-scrollbars-vertical;
	background: url(bg.gif) top left;
	font-size: 62.5%;
	line-height: 1.6em;
	color: #444;
    _height: 100%;
}

p, a, ul, ol, table, ul a, p a, li, dt, dl, dd{
	font-size: 100%;
}
p, table, ul, ol{
	margin: 0 0 15px 0;
    line-height: 150%
}


h1{
	font-size: 1.8em;
	line-height: 1.6em;
	color: #333;
	margin: 0 0 5px 0;
}

h2{
    font-size: 1.35em;
}

a, a img{
	border: none;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

.orange{
	color: #e68600;
}

.blue{
	color: #0059be;
}

table{
    margin: 0 0 25px 0;
}

hr {
	border: none;
	background: url('hr_border.gif') left center repeat-x;
	height: 15px;
	_zoom: 25%;
	_background: url('hr_border_large.gif') left center repeat-x;
	#zoom: 25%;
	#background: url('hr_border_large.gif') left center repeat-x;
	margin: 25px 0;
	#margin: 15px 0;	
    clear: both;
}

/*---------------------------*/
#container {
	width: 996px;
	margin: 0 auto;
        font-size: 1.2em;
    _position: relative;
    #position: relative;

}

#header{
	width: 960px;
	height: 171px;
	margin: 0 0 0 22px;
	position: relative;
}

#header #logo{
	position: absolute;
	top: 28px;
	z-index: 98;
	text-indent: -5000px;
	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, 
	src=http://dev01.apaci.com.hk/usfhk/html/v1_1/img/logo.png, sizingMethod=scale);
	background: transparent url("logo.png") repeat-y;
	#background: none;
	_background: none;
	width: 525px;
	height: 126px;
}

#header #lang{
	position: absolute;
	right: 5px;	
	top: 10px;
}

#header #lang a{
	color: #fff;
}

#content{
	width: 960px;
	#width: 962px;
	_width: 962px;
    
	padding: 35px 18px;
	float: left;
	margin: 0;
	z-index: 97;
	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, 
	src=http://dev01.apaci.com.hk/usfhk/html/v1_1/img/content_bg.png, sizingMethod=scale);
	background: transparent url("content_bg.png") repeat-y;
	#background: none;
	_background: none;
}

#subpage_content{
	width: 960px;
	#width: 962px;
	_width: 962px;
	padding: 15px 18px 35px 18px;
	float: left;
	margin: 0;
	z-index: 97;
	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, 
	src=http://dev01.apaci.com.hk/usfhk/html/v1_1/img/content_bg.png, sizingMethod=scale);
	background: transparent url("content_bg.png") repeat-y;
	#background: none;
	_background: none;
}

#content #left_nav{
	width: 260px;
	padding: 0 20px 0 19px;
	border-right: 1px solid #e9e9e9;
	float: left;
	overflow: hidden;
	position: relative;
}

#content #mid_nav{
	width: 380px;
	padding: 0 20px;
	float: left;
	overflow: hidden;
	_overflow: none;
	position: relative;
}

#mid_nav #mid_sub{
    position:relative;
    padding: 35px 0 0 0;
}

#mid_sub #mid_sub_pulldown{
    position:relative;
    top: -35px;
}

#mid_sub #mid_sub_pulldown2{
    position:relative;
    top: -90px;
}

#mid_sub #mid_sub_pulldown select{
    position: absolute;
    top: 0;
    width: 200px;
}


#content #right_nav{
	width: 200px;
	padding: 0 20px;
	float: left;
	overflow: hidden;
	position: relative;
}

#footer{
	width: 930px;
	padding: 5px 33px;
	float: left;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, 
	src=http://dev01.apaci.com.hk/usfhk/html/v1_1/img/footer_bg.png, sizingMethod=scale);
	background: transparent url("footer_bg.png") repeat-y;
	#background: none;
	_background: none;
}

#footer ul{
	position: relative;
	overflow: hidden;
	padding: 0;
	margin: 0 0 5px -10px;
	width: 930px;
}

#footer ul li{
	display: inline;
	margin: 0 0 0 -1px;
	padding: 0 10px 0 12px;
	border-left: 1px solid #888;
}

#footer ul li a{
	color: #e68600;
}

#footer p{
	margin: 0 0 5px 0;
	padding: 0;
}

#footer_top_bg{
	width: 996px;
	float: left;
	margin: 0;
	height: 10px;
	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, 
	src=http://dev01.apaci.com.hk/usfhk/html/v1_1/img/footer_topbg.png, sizingMethod=scale);
	background: transparent url("footer_topbg.png") repeat-y;
	#background: none;
	_background: none;
}

#footer_bot_bg{
	width: 996px;
	float: left;
	_float: none;
	margin: 0 0 10px 0;
	height: 10px;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, 
	src=http://dev01.apaci.com.hk/usfhk/html/v1_1/img/footer_botbg.png, sizingMethod=scale);
	background: transparent url("footer_botbg.png") repeat-y;
	#background: none;
	_background: none;
}

#search{
	background: url(bg_search.gif) no-repeat top left;
	width: 180px;
	height: 22px;
	padding: 12px 10px;
	margin: 0 0 20px 0;
}

input{
	width: 119px;
	height: 19px;
	padding: 4px 0 0 4px;
	border: none;
	background: url(bg_input.gif) repeat-x top left;
	color: #888;
}

input.button{
	width: 49px;
	height: 23px;
	border: none;
	padding: 0;
}

#search .input{
	float: left;
	width: 119px;
}

#search .button{
	width: 49px;
	float: left;
	margin: 0 0 0 6px;
	_margin: 0 0 0 4px;
}

#top_bg{
	width: 996px;
	float: left;
	margin: 0;
	height: 25px;
	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, 
	src=http://dev01.apaci.com.hk/usfhk/html/v1_1/img/content_topbg.png, sizingMethod=scale);
	background: transparent url("content_topbg.png") repeat-y;
	#background: none;
	_background: none;
}

#bot_bg{
	width: 996px;
	float: left;
	_float: none;
	margin: 0;
	padding: 0;
	height: 25px;
	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, 
	src=http://dev01.apaci.com.hk/usfhk/html/v1_1/img/content_botbg.png, sizingMethod=scale);
	background: transparent url("content_botbg.png") repeat-y;
	#background: none;
	_background: none;
}


#intro{
	width: 260px;
	position: relative;
	margin: 0 0 25px 0;
	float: left;
}

#content .box{
	width: 259px;
	position: relative;
	margin: 0 0 25px 0;
	background: url(box_bg.gif) repeat-y top left;
	clear: both;
}

#content .box .content{
	padding: 0 10px 15px 10px;
	overflow: hidden;
}

#content .box .topbg{
	background: url(box_topbg.gif) top left no-repeat;
	width: 259px;
	height: 5px;
}

#content .box .botbg{
	background: url(box_botbg.gif) bottom left no-repeat;
	width: 259px;
	height: 5px;
}

.home_photo{
	overflow: hidden;
	background: #f4f4f4;
	padding: 10px 0 10px 3px;
	width: 254px;
	margin: 0 0 5px -9px;
}

.home_photo a{
	margin: 0 0 0 4px;
	_margin: 0 0 0 3px;
}

.home_photo a img{
	border: 2px #fff solid;
}

.home_photo a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

.home_photo span {
float:left;width:72px;overflow:hidden;padding:0 5px 0 0;height:82px;
}


.sporticon{
	background: #f4f4f4;
	width: 257px;
	margin: 0 0 15px -9px;
	position: relative;
}

.sporticon ul{
	padding: 9px;
	_padding: 9px 0px 9px 5px;
	margin: 0;
	position: relative;
}

.sporticon ul li{
	display: inline;
	_margin: 0 1px 0 0;
    margin: 0 2px 0 0;
	padding: 0;
}

.sporticon ul li a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

ul.sportlist{
	position: relative;
}

ul.sportlist li{
	list-style: none;
	background: url(dot_blue.gif) 3px 7px no-repeat;
	padding: 0 0 0 15px;
	margin: 0 0 5px 0;
}

ul.sportlist li a{
	color: #0059be;
	font-weight: bold;
	text-decoration: underline;
    font-size: 1.075em;
}

ul.sportlist li a:hover{
	text-decoration: none;
}

#l-home_fixture, #o-home_fixture,
#l-home_result, #o-home_result {
	border-top: 4px solid #e8e8e8;
	border-bottom: 4px solid #e8e8e8;
	padding: 0;
	#padding: 0 0 10px 0;
	margin: -1px 0 5px 0;
	width: 380px;
	position: relative;
	float: left;
}

#l-home_fixture dl, #o-home_fixture dl,
#l-home_result dl, #o-home_result dl{
	clear: both;
	border-top: 1px solid #e4e4e4;
	
	
}

#l-home_fixture dt, #o-home_fixture dt,
#l-home_result dt, #o-home_result dt{
    font-size: 1em;
	width: 95px;
	float: left;
	font-weight: bold;
	color: #479e00;
	margin: 0 0 4px 0;
	padding: 10px 0 0 0;
}

#l-home_fixture dd, #o-home_fixture dd,
#l-home_result dd, #o-home_result dd{
	width: 285px;
	float: left;
	padding: 0;
	margin:10px 0 10px 0;
}

#l-home_fixture dd a, #o-home_fixture dd a,
#l-home_result dd a, #o-home_result dd a{
	color: #444;
	margin: 0 5px 0 0;
}

#l-home_fixture dd p, #o-home_fixture dd p,
#l-home_result dd p, #o-home_result dd p{
font-weight: bold;	
margin: 0 0 0 0;
    line-height: 130%


}

#l-home_fixture dd p.date, #o-home_fixture dd p.date,
#l-home_result dd p.date, #o-home_result dd p.date{
	font-weight: normal;
	margin: 0 0 1px 0;
	padding: 2px 0 0 0;
}

#home_mid_nav a.links{
	margin: 0 0 25px 0;
}


.right{
   float: right;

}

p.date{
font-size: 0.9em;
}

.left{
    float: left;
}





#home_news,
#subpage_news{
	border-top: 4px solid #e8e8e8;
	border-bottom: 4px solid #e8e8e8;
	padding: 0;
	margin: -1px 0 5px 0;
	overflow: hidden;
	position: relative;
    float: left;
    width: 200px;
     #width: 200px;
}

#home_news dt , 
#subpage_news dt {
    font-size: 1.16em;
	font-weight: bold;
	color: #267ec2;
	margin: 0 0 4px 0;
	border-top: 1px solid #e4e4e4;
	padding: 10px 0 0 0;
}

#home_news #short_news dt a, #subpage_news #short_news dt a{
    color: #267ec2;
}

#home_news dd p.date,
#subpage_news dd p.date{
	font-weight: bold;
	margin: 0 0 1px 0;
}

#home_news dd p,
#subpage_news dd p{
	margin: 0 0 10px 0;
    line-height: 130%
}

#home_news dd a, 
#subpage_news dd a{
	color: #444;
}


a.links{
	background: url(arrow.gif) right 2px no-repeat;
	#background: url(arrow.gif) right 4px no-repeat;
	_background: url(arrow.gif) right 4px no-repeat;
	padding: 0 19px 0; 0;
	color: #e68600;
	font-weight: bold;
	margin: 0;
	line-height: 1.7em;
	display: inline-block;
}

a.links:hover{
	background: url(arrow_green.gif) right 4px no-repeat;
	#background: url(arrow_green.gif) right 4px no-repeat;
	_background: url(arrow_green.gif) right 4px no-repeat;
	color: #479e00;


	text-decoration: none;
}

.arrow_back {
	background: url(arrow_back.gif) left 3px no-repeat;
	#background: url(arrow_back.gif) left 1px no-repeat;
	_background: url(arrowback_.gif) left 1px no-repeat;
	padding: 0 0 0 20px;
	color: #e68600;
	font-weight: bold;
	margin: 0;
	display: inline-block;
	line-height: 1.4em;
	margin: 0 0 15px 0;
}

.arrow_back:hover {
	background: url(arrow_green_back.gif) left 3px no-repeat;
	#background: url(arrow_green_back.gif) left 1px no-repeat;
	_background: url(arrow_green_back.gif) left 1px no-repeat;
	color: #479e00;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	text-decoration: none;
	line-height: 1.4em;
	margin: 0 0 15px 0;
}


.blue_arrow{
	padding: 0 15px 0 0;
}





/*----subpage css----*/

#content #mid_nav h1,
#subpage_content #mid_nav h1{
	clear: both;
}

#subpage_content #left_nav{
	width: 190px;
	padding: 0 20px;
	float: left;
	overflow: hidden;
	position: relative;
}

#subpage_content #left_wide_nav{
	width: 679px;
	padding: 0 20px 20px 20px;
    margin: -25px 0 0 0;
	float: left;
	overflow: hidden;
	position: relative;
}


#subpage_content #mid_nav{
	width: 450px;
margin:0 19px 0 0;
padding:0 0 0 20px;

	border-left: 1px solid #e9e9e9;
	float: left;

	position: relative;

min-height:500px;
height:auto !important;
height:500px;
}

#subpage_content #right_nav{
	width: 200px;
	padding: 0 20px;
	float: left;
	overflow: hidden;
	margin: -76px 0 0 0;
	position: relative;
}

#left_wide_nav iframe{
    margin: 25px 0 0 0;
}

#left_wide_nav h2 span.latest_gallery {
float:left;margin:20px 0 15px 0;
}

#subpage_content #left_wide_nav a,
#subpage_content #left_wide_nav table a,
#subpage_content #left_wide_nav p a,
#mid_nav p a,
#mid_nav table a{
    color: #267ec2;
}

#subpage_content #sitepath{
	width: 680px;
	padding: 0 20px 0 19px;
	margin: 0 0 10px 0;
    font-size: 1em;
    color: #444;
}

#subpage_content #sitepath a{
    color: #444;
}


#subpage_content #whats_new { padding: 0; #padding: 0 0 10px 0; margin: -1px 0 5px 0; width: 675px; position: relative; float: left; }
#subpage_content #whats_new dl{ clear: both; border-top: 1px solid #e4e4e4; }
#subpage_content #whats_new dt{ width: 120px; float: left; font-weight: bold; color: #479e00; margin: 0 0 4px 0; padding: 10px 0 0 0; }
#subpage_content #whats_new dd{ width: 555px; float: left; padding: 10px 0 5px 0 ; margin: 0 0 10px 0;font-weight:bold; }
#subpage_content #whats_new dd.date { font-weight:bold; font:Arial, Helvetica, sans-serif; }
#subpage_content #whats_new dd a{  margin: 0 5px 0 0; }
#subpage_content #whats_new dd p{ margin: 0 0 0 0; }
#subpage_content #whats_new dd p a{ color: #267EC2;text-decoration:none; }
#subpage_content #whats_new dd p a:hover{ color: #267EC2;text-decoration:underline; }
#subpage_content #whats_new p { font-family: Arial, Helvetica, sans-serif; line-height: 1.6em; color: #444; }
#subpage_content #whats_new dd p.date{ margin: 0 0 1px 0; padding: 0px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}

.pull_archive { float:left;height:50px;width:660px;margin:20px 0 0 -10px;font-family:arial;}
.pull_archive select { margin:10px 0 0 0; }
.pull_whatsnew { float:left;height:35px;width:660px;margin:20px 0 0 0; }




#l-home_fixture #local-fixture-list a,
#o-home_fixture #overseas-fixture-list a,
#l-home_result #local-result-list a,
#o-home_result #overseas-result-list a{
    color: #444;
}


#l-fixture, #o-fixture,
#l-result, #o-result,{
	border-top: 4px solid #e8e8e8;
	border-bottom: 4px solid #e8e8e8;
	padding: 0;
	#padding: 0 0 10px 0;
	margin: -1px 0 5px 0;
	width: 450px;

       position: relative;
}

#l-fixture dl, #o-fixture dl,
#l-result dl, #o-result dl{
	clear: both;
	border-top: 1px solid #e4e4e4;
}

#l-fixture dt, #o-fixture dt,
#l-result dt, #o-result dt{
    font-size: 1em;
	width: 80px;
	float: left;
	font-weight: bold;
	color: #479e00;
	margin: 0 0 4px 0;
	padding: 10px 0 0 0;
}

#l-fixture dd, #o-fixture dd,
#l-result dd, #o-result dd{
	width: 370px;
	float: left;
	padding: 0;
	margin: 10px 0 10px 0;
font-weight: bold;
}

#l-fixture dd a, #o-fixture dd a,
#l-result dd a, #o-result dd a{
	color: #444;
	margin: 0 5px 0 0;
}

#l-fixture dd p, #o-fixture dd p,
#l-result dd p, #o-result dd p{
	margin: 0 0 0 0;
}

#l-fixture dd p.date, #o-fixture dd p.date,
#l-result dd p.date, #o-result dd p.date{
	font-weight: normal;
	margin: 0 0 1px 0;
	padding: 2px 0 0 0;
}

#show_article { 
    float:left;width:670px;padding:20px 0 20px 0; font-family:Arial, Helvetica, sans-serif;
}

#whats_new #show_article p, #whats_new #show_article span  { font-family:Arial, Helvetica, sans-serif; }

#whats_new dd.date { font-weight:bold; }


#mid_nav a.links{
	margin: 0 0 25px 0;
}

#page_title{
	width: 661px;
	height: 42px;
	padding: 0 20px 0 0;
	margin: 0 0 25px 19px;
	position: relative;
	background: url(title_border.gif) repeat-x bottom left;
}

#page_title span{
	background: #fff;
	position: absolute;
}

#page_title h1{
	font-size: 2.2em;
	color: #055cbf;
	padding: 13px 5px 0 0;
	margin: 0;
	float: left;
}

#page_title img{
	padding: 0 8px 0 0;
}



#subpage_content #gallery{
	width: 680px;
	clear: both;
	margin: 0;
}

#subpage_content #gallery_list{
	width: 680px;
	clear: both;
}

<!-- add by teddy  -->
#subpage_content #gallery ul.thum li {
    text-align:center;
}

#subpage_content #gallery ul.thum li span.gal_desc {
width:150px;float:left;text-align:left;margin-top:10px;
}

#subpage_content #gallery ul.thum li span.gal_view {
width:150px;float:left;text-align:left;margin-top:20px;
}





#subpage_content #gallery ul.thum li a{
     text-align:center;
}

#subpage_content #gallery ul.thum li a img{
    margin: 0 auto;
}

#subpage_content #gallery ul.thum,
#subpage_content #gallery_list ul.thum{
	clear: both;
	width: 680px;
	position: relative;
}



#subpage_content #gallery_list ul.thum li p strong{
	line-height: 1em;
}

#subpage_content #gallery_list ul.thum li p{
	line-height: 1.5em;
	margin: 7px 0 -5px 0;
}
#subpage_content #gallery_list ul.thum li p strong{
	_line-height: 1.5em;
}

#subpage_content #gallery_list ul.thum li a.links{
	margin: 14px 0 0 0;
	background: none;
	font-weight: normal;

	
}

#subpage_content ul.thum li{
	width: 150px;
	display: inline-block;
	#float: left;
    text-align: center;
	background: url(photo_bg.gif) no-repeat top left;
	padding: 9px 8px 8px 8px;
	margin: 0;
	position: relative;
}

#event_list{
    padding: 0 0 180px 0;
}

#event_list ul li{
	float: left;
	background: url(bullet_blue.gif) no-repeat 0 2px;
	padding: 0 0 0 18px;
	width: 145px;
	margin: 0 0 10px 0;
}

#subpage_content #event_list ul li a{
	color: #267ec2;
	font-weight: bold;
	line-height: 1.1em;
	text-decoration: none;
    font-size: 1.2em;
}

#subpage_content #event_list ul li a:hover{
	color: #267ec2;
	text-decoration: underline;
}

#subpage_content ul.thum li a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

#subpage_content #gallery .paging{
	text-align: right;
	margin: 0 0 10px 0;
}

#subpage_content #gallery .paging ul{
text-align:right;
list-style: none;
float:right;
}

#subpage_content #gallery .paging ul li{
list-style: none;
text-align:right;
float:left;
}

#subpage_content #gallery .paging ul li span.active,
#subpage_content #gallery .paging ul li a:hover{
background-color:#0066CC;
padding:0 5px 0 5px;
color:#fff;
}

#subpage_content #gallery .paging ul li a{
	color: #555;
        margin: 0 0 0 2px;
	text-decoration: none;
	padding:0 5px 0 5px;
}

#subpage_content #gallery .paging ul li a.active{
	background: #267ec2;
	color: #fff;
}

#subpage_content #gallery .paging img{
	vertical-align: text-top;
}

#subpage_content #left_wide_nav h3, #subpage_content #mid_nav h3 {
	font-weight: bold;
	line-height: 150%;
	_line-height: 1em;
	margin: 0 0 5px 0;
font-size: 1.2em;
}

#subpage_content #left_wide_nav h2,
#subpage_content #mid_nav h2{
	color: #e68600;
        font-weight: bold;
    line-height: 1.2em;
	_line-height: 1.2em;
	margin: 0 0 10px 0;
}

#subpage_content #left_wide_nav h2.gallery_title{
	color: #e68600;
	_line-height: 1em;
}

#gallery_pulldown{
    margin: 10px 0 15px 0;
    clear: both;
    width: 680px;
}

#gallery_pulldown select{
    padding: 2px 0 2px 5px;
}

#l-fixture select,
#o-fixture select,
#l-result select{
   /* #margin: -20px 0 0 0;
    width: 200px;
    #position: absolute;*/
}


.borders {

                      border-top: 4px solid #e8e8e8;
                      border-bottom: 4px solid #e8e8e8;
                     width:450px;
                      float:left;

}


#subpage_content #left_wide_nav a{
	color: #ee3e1f;
	text-decoration: underline;
}

#subpage_content #left_wide_nav a:hover{
	text-decoration: none;
}

#subpage_content .box{
	width: 189px;
	position: relative;
	margin: 1px 0 25px 0;
	background: url(box_bg2.gif) repeat-y top left;
	clear: both;
}

#subpage_content .box .content{
	padding: 0 10px 15px 10px;
	overflow: hidden;
}

#subpage_content .box .topbg{
	background: url(box_topbg2.gif) top left no-repeat;
	width: 259px;
	height: 5px;
}

#subpage_content .box .botbg{
	background: url(box_botbg2.gif) bottom left no-repeat;
	width: 259px;
	height: 5px;
}





.highlight_photo{
	overflow: hidden;
	background: #f4f4f4;
	padding: 10px 0 10px 0;
	text-align: center;
	width: 187px;
	margin: 0 0 5px -9px;
}

.highlight_photo img{
	border: 2px #fff solid;
}

.highlight_photo a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

#banner{
	margin: 20px 0;
	float: left;
}

#banner a{
	margin: 0 0 10px 0
}

#banner a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

#pulldown{
	margin: 0 0 10px 0;
}

#pulldown form{
	margin: 0 0 15px 0;
}

#pulldown select{
	width: 200px;
	padding: 2px 1px 2px 5px;
}




/*----end of subpage css----*/


#left_nav ul#left_menu{
	overflow: hidden;
	margin: -1px 0 25px 0;
}

#left_nav ul#left_menu li{
	border-top: 1px dotted #999;
	padding: 2px 0;
	display: block;
	_display: inline-block;
}

#left_nav ul#left_menu li a{
	color: #444;
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 2px 5px;
}

#left_nav ul#left_menu li.current a,
#left_nav ul#left_menu li a:hover{
	color: #fff;
	text-decoration: none;
	background: #267ec2;
}




#button{
	position: absolute;
	top: 165px;
	left: 10px;
	margin: 0;
	list-style: none;
	z-index: 99;
	width: 986px;
}

#button ul li{
	float:left;
}

#button ul li a{
	float: left;
	display: block;
	font-weight: bold;
	line-height: 43px;
	margin: 0;
	padding: 0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	text-align: center;
	cursor: pointer;
font-size: 1.2em;
}

#button ul li a b{
	float: left;
	line-height: 43px;
	display: block;
	font-weight: normal;
	margin: 0;
	padding: 2px 23px 0 4px; /*Padding of menu items*/
	#padding: 4px 23px 0 4px; /*Padding of menu items*/
    font-size: 13px;
}

#button ul li.current a, #button ul li a:hover{
	color: #fff;
	background: url(menu_left_active.png) no-repeat top left; /*left tab image path*/
	_background: url(menu_left_active.gif) no-repeat top left;
	text-decoration: none;
}

#button ul li.current a b, #button ul li a:hover b{
	color: #fff;
	background: url(menu_right_active.png) no-repeat right top; /*right tab image path*/
	_background: url(menu_right_active.gif) no-repeat right top;
}

#button ul li a{
	background: url(menu_left.png) no-repeat top left; /*left tab image path*/
	_background: url(menu_left.gif) no-repeat top left;
}

#button ul li a b{
	color: #fff;
	background: url(menu_right.png) no-repeat right top; /*right tab image path*/
	_background: url(menu_right.gif) no-repeat right top;
}

#flash{
	position: absolute;
	z-index: 1;
	height: 190px;
}

#wrapper{
	position: absolute;
	z-index: 90;
}






.tabmenu{
	position: relative;
	margin: 0;
	height: 24px;
	list-style: none;
}

.tabmenu li{
	float:left;
}

.tabmenu li a{
	float: left;
	display: block;
	font-weight: bold;
	line-height: 1.8em;
	margin: 0;
	padding: 0 0 0 8px; /*Padding to accomodate left tab image. Do not change*/
	text-align: center;
	cursor: pointer;
}

.tabmenu li a b{
	float: left;
	line-height: 1.8em;
	display: block;
	margin: 0;
	padding: 0 14px 0 7px;
	#padding: 2px 14px 0 7px; /*Padding of menu items*/
}

.tabmenu li.current a, .tabmenu li a:hover{
	color: #fff;
	background: url(tabmenu_left_active.gif) no-repeat top left; /*left tab image path*/
	text-decoration: none;
}

.tabmenu li.current a b, .tabmenu li a:hover b{
	color: #fff;
	background: url(tabmenu_right_active.gif) no-repeat right top; /*right tab image path*/
}

.tabmenu li a{
	background: url(tabmenu_left.gif) no-repeat top left; /*left tab image path*/
    font-size: 13px;
}

.tabmenu li a b{
	color: #fff;
	background: url(tabmenu_right.gif) no-repeat right top; /*right tab image path*/
}


.moveTop {
    position: absolute;
    top: 30px;
}



/*title replacement*/

h1.title_usfhk{
	text-indent: -5000px; width: 140px; height: 17px;
	background: url(EN_title_usfhk.gif) no-repeat;
        _margin: 0 0 -10px 0;
}

h1.title_photo{
	text-indent: -5000px; width: 130px; height: 19px;
	background: url(EN_title_new_photo.gif) no-repeat;
	margin: 5px 0 10px 0; 
        _margin: 0 0 -10px 0;
}

h1.title_regular_event{
	text-indent: -5000px; width: 134px; height: 18px;
	background: url(EN_title_regular_event.gif) no-repeat;
	margin: 5px 0 10px 0; 
        _margin: 0 0 -10px 0;
}

h1.title_other_event{
	text-indent: -5000px; width: 134px; height: 18px;
	background: url(EN_title_other_event.gif) no-repeat;
	margin: 0 0 10px 0; 
         _margin: 0 0 -10px 0;
}

h1.title_latest_news{
	text-indent: -5000px; width: 115px; height: 15px;
	background: url(EN_title_latest_news.gif) no-repeat;
	margin: 10px 0 5px 0; 
        _margin: 0 0 -10px 0;
    float: left;
}

h1.title_latest_fixture{
	text-indent: -5000px; width: 110px; height: 15px;
	background: url(EN_title_latest_fixture.gif) no-repeat;
	margin: 0 0 10px 0; 
        _margin: 0 0 -10px 0;
}

h1.title_latest_result{
	text-indent: -5000px; width: 110px; height: 15px;
	background: url(EN_title_latest_result.gif) no-repeat;
	margin: 0 0 10px 0;
        _margin: 0 0 -10px 0;
}

h2.title_pull_regular{
	text-indent: -5000px; width: 95px; height: 14px;
	margin: 0 0 3px 0;
	background: url(EN_title_pull_regular.gif) no-repeat;
}

h2.title_pull_others{
	text-indent: -5000px; width: 95px; height: 14px;
	margin: 0 0 3px 0;
	background: url(EN_title_pull_others.gif) no-repeat;
}


#mid_nav h2.title_sport_fixtures, #mid_nav h2.title_sport_results {
color: #e68600;
font-weight: bold;
display: inline-block;
line-height:25px;
}


#subpage_content  #article_paging {
margin-top:10px;
color: #555;
text-decoration: none;
padding:0 5px 0 5px;
line-height:17px;
float:left;
vertical-align:center;
display:block;
}

#subpage_content  #article_paging  a  {
color: #055CBF;
text-decoration: none;
padding:0 5px 0 5px;
line-height:17px;
vertical-align:center;
}


#subpage_content #article_paging  a:hover  { 
color: #A8A8A8; 
}


#subpage_content  ul.year_archive{
float:left;
margin:10px 0 10px 0;
}

#subpage_content  ul.year_archive li {
display:inline;
}


#subpage_content  ul.year_archive li a { 
padding:0 5px 0 5px;
color: #EDEDED;
}

#subpage_content #left_wide_nav #search_list{
   margin: 15px 0 0 0;
}

#subpage_content #left_wide_nav #search_list ul li {
	padding:0 0 0 15px;
    background: url(dot_orange.gif) 4px 9px no-repeat;
    font-size: 1.1em;
    font-weight: bold;
}

#subpage_content #left_wide_nav #search_list ul li ul li {
	padding:0 0 0 15px;
	background: url(arrow_orange.gif) 4px 7px no-repeat;
    font-size: 0.9em;
    font-weight: normal;
}

#subpage_content #left_wide_nav #search_list ul li a {
	color:#267EC2;
	text-decoration:none;
}
#subpage_content #left_wide_nav #search_list ul ul li a {
	color:#267EC2;
}
#subpage_content #left_wide_nav #search_list ul li a:hover {
	text-decoration:underline;
}



/*tooltips*/

#dhtmltooltip{
position: absolute;
left: -300px;
border: 1px solid #ccc;
padding: 3px 6px;
background: lightyellow;
visibility: hidden;
z-index: 100;
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}


/** additional css **/

#no_found { float:left;width:120px;height:35px;padding-top:10px; }


#subpage_content #mid_nav #update_content p,
#subpage_content #mid_nav #update_content a,
#subpage_content #mid_nav #update_content ul,
#subpage_content #mid_nav #update_content ul li {
	line-height: 150%;
}

#subpage_content #mid_nav #update_content ul,
#subpage_content #left_wide_nav #update_content ul {
	margin: 0 0 15px 0;
}

#subpage_content #mid_nav #update_content ul li,
#subpage_content #left_wide_nav #update_content ul li {
	background: url(dot_orange.gif) 4px 7px no-repeat;
	padding: 0 0 0 15px;
	margin: 0 0 5px 0;
    _position: relative;
}

#subpage_content #mid_nav #update_content li li,
#subpage_content #left_wide_nav #update_content li li {
	background: url(arrow_orange.gif) 4px 7px no-repeat;
	padding: 0 0 0 13px;
	margin: 0;
}

.bg{
    background: #ffdab9;
}

.bg2{
    background: #ffeedf;
}

p.copyright{
text-align: right;
width: 100%;
}