﻿/* header */
.headerInfo{width: 1004px;height: 100px;}
.headerInfo .beiing2008Logo{float: left;width: 117px;height: 100px;}
.headerInfo .olympicTitle{float: left;width:434px;height: 100px;background:url(../public_images/beijing2008_header_01.jpg); color:#fff;text-align:center;}
.headerInfo .olympicTitle SPAN{margin:3px auto; display:inline;font-family:verdana;font-size:9px}
.headerInfo .olympicTitle .date{	font-size: 11px;}
.headerInfo .siteBtn{float: left;width: 143px;height: 100px;background:url(../public_images/beijing2008_header_02.jpg);color:#fff;font-size:10px;text-align:right}
.headerInfo .siteBtn IMG{padding:0 2px;}
.headerInfo .siteBtn SPAN{float:right;margin:0px 0px 0 0;display:inline}
.headerInfo .siteBtn .homeBtn{float:right;margin:60px 20px 0 0;display:inline}
.information{background:url(../public_images/information.jpg);width:984px;height:22px;padding-top:9px;padding-left:20px;text-align:left;color:#fff;font-size:15px;font-weight: bold;}
.information SPAN{font-family:verdana;font-size:11px;float:right;padding-right:10px;font-weight:normal;}

/* column */
.Content{margin:0px auto;background:#fff url(../public_images/content_bg.gif) repeat-x top;padding-top:20px;}
.Content a { text-decoration: underline;}

.mainContent{width: 962px;padding:0px ;border:1px solid #A4A3A3;border-top:none;margin:0 auto;}

.subNav{width: 964px;background:#fff;text-align:left;padding:5px 0 20px 0;margin:0 auto;}
.subNav .channelNav .tag {background: url(../public_images/tagbg.gif);height:28px;font-family:verdana;font-size:14px;color:#fff;}
.subNav .channelNav .tag UL {float:left;}
.subNav .channelNav .tag LI {float:left;background: url(../public_images/tagli.gif);margin:3px 2px 0 0;padding:5px 20px 0;height:19px;text-align:center;border-left:1px solid #A4A3A3;border-right:1px solid #A4A3A3}
.subNav .channelNav .tag LI A{color:#fff}
.subNav .channelNav .tag .other {background: url(../public_images/tagliother.gif);color:#004AAF;font-weight: bold;height: 20px;padding:8px 20px 0;margin-top:0px;border-left:1px solid #A4A3A3;border-right:1px solid #A4A3A3}
.subNav .channelNav .tag .other A{color:#004AAF}
.subNav .channelNav .tag SPAN {float:right}
.subNav .channelNav .selectArea {border:1px #A4A3A3 solid;border-top:none;background: #CFD2D5;height:27px;padding-top:5px;padding-right:8px}
.subNav .channelNav .selectArea .selectRgith {float:right;}

.titleArea {background: url(../public_images/titlebg.jpg) repeat-x top;width: 962px;padding-top:17px; position: relative;}

.titleArea .icon {width:107px;border-right:1px #BEC4CA solid;float:left}
.titleArea .icon H5 {color:#FF7804;font-weight:bold}
.titleArea .icon SPAN {color:#004DA5;font-weight:bold;display:block;padding-top:5px;font-size:14px;}

.titleArea .gameTitle {width: 824px !important ;width: 824px;width /**/:844px;margin:0px auto;text-align:left;padding-left:20px;float:left;display:inline;text-align:left}
.titleArea .gameTitle IMG{	float: left;margin-right:10px;}
.titleArea .gameTitle .title{	float: left;padding-top:10px}
.titleArea .gameTitle .title a{ color:#004aaf;}
.titleArea .gameTitle .title IMG{	float: none;margin:0px 4px;}
.titleArea .gameTitle .t1{	color:#004EAE;font-size:22px;line-height:26px;font-weight:bold;text-align:left}
.titleArea .gameTitle .t2{	color:#004AAF;font-size:18px;line-height:24px;font-weight: bold;text-align:left}
.titleArea .gameTitle .t3{font-family:verdana;color:#3A3A3A;font-size:11px;line-height:18px;padding-top:10px;text-align:left;}
.titleArea .gameTitle .t4 .t4_button img{ vertical-align:middle;}

.titleArea .gameTitle .dateArea {margin:0px;margin-top:-10px;padding:0px;float:right;}
.titleArea .gameTitle .dateArea .notes {color:#BAC4CD;text-align:right;padding:2px 0px}
.titleArea .gameTitle .dateArea .allDate  {height: 32px;line-height:32px; vertical-align: middle; background: url(../public_images/toobar_bg3.gif) repeat-x;text-align:left;margin:0px auto;border-right:1px #C2C8CE solid}
.titleArea .gameTitle .dateArea .allDate UL{float:right;width: 720px !important ;width: 720px;width /**/:740px;}
.titleArea .gameTitle .dateArea .allDate LI{float:left;width:23px;margin:0px auto;border-left:1px solid #BAC4CD;text-align:center;color:#ADADAD;}
.titleArea .gameTitle .dateArea .allDate LI A {color:#004AAF;font-weight:bold}
.titleArea .gameTitle .dateArea .allDate LI A:hover {background: url(../public_images/timeonouse.gif);display:block;color:#004AAF;font-weight:bold}
.titleArea .gameTitle .dateArea .allDate .fin {padding-right:5px}
.titleArea .gameTitle .dateArea .allDate .t{color: #FF7800;font-weight: bold;}
.titleArea .gameTitle .dateArea .allDate .t A {color: #FF7800;font-weight: bold;}
.titleArea .gameTitle .dateArea .allDate .t A:hover {color: #FF7800;font-weight: bold;}
.titleArea .gameTitle .dateArea .allDate SPAN{font-size:14px;font-weight:bold;border-left:1px solid #BAC4CD;background:url(../public_images/toobar_bg2.gif);float:left;height:32px;width:100px;text-align:center;color:#004AAF;}
.titleArea .gameTitle .dateArea .allDate SPAN A {color:#004AAF;}
.titleArea .gameTitle .dateArea .allDate SPAN A:hover {background: url(../public_images/timeonouse.gif);display:block;color:#004AAF;font-weight:bold;}

.titleArea .correlation {background:url(../public_images/correlation_bg.gif) no-repeat center;width: 252px;height: 23px; position: absolute;top:7px;right:12px;}
.titleArea .correlation LI{float: left;width: 84px;padding:3px 0px 0;color:#5B7C97;font-weight: normal;text-align:center;}
.titleArea .correlation LI a{color:#004AAF; text-decoration: none;}
.titleArea .correlation LI a:hover{display:block;height: 18px;	background:url(../public_images/correlation_bg_icon.gif) no-repeat top center;}
.titleArea .eventTitle{	background: url(../public_images/event_bg.gif);width: 720px;height: 26px;padding:8px 0 0 28px;font-size: 16px;color:#fff;font-weight: bold;text-align:left;position: absolute;right:0px; bottom: 0}
.titleArea .eventTitle a{	color: #fff;}

.funTag {width:944px;margin:0px auto;clear:both;height:37px;background-image: url(../public_images/funtagbg.gif);background-repeat: repeat-x;background-position: bottom;}
.funTag UL{float:right;padding-right:16px;display:inline;padding-bottom:5px}
.funTag LI {background: url(../public_images/funtagright.gif) no-repeat right;height:32px;float:left;padding-right:2px;margin-right:2px;color:#BAC4CD} 
.funTag LI SPAN  {background: url(../public_images/funtaglibg.gif) no-repeat;height:32px;display:block;float:left;}
.funTag LI .unlink  {padding:0px 12px 0 11px;}
.funTag LI A {color:#597F9C;display:block;padding:0px 12px 0 11px;}
.funTag LI A:hover {background: url(../public_images/funtaglibg_s.gif);color:#5B7C97;display:block;padding:0px 12px 0 11px;}
.funTag IMG {padding-right:4px; vertical-align:middle; margin:7px 0 7px;}
.funTag .other {background: url(../public_images/funtagright_s.gif) no-repeat right;color:#5B7C97}
.funTag .other A {color:#5B7C97}
.funTag .other SPAN {background: url(../public_images/funtaglibg_s.gif) no-repeat;height:32px;display:block}
.funTag .line {background: url(../public_images/lines.gif);font-size:1px;height:5px;clear:both;display:none}

.toolbar {width:943px;height: 50px;line-height:32px; vertical-align: middle; background: url(../public_images/toobar_bg3.gif) repeat-x;text-align:left;margin:0 auto 3px;margin-top:10px}
.toolbar SPAN{font-size:14px;font-weight:bold;border-left:1px solid #BAC4CD;background:url(../public_images/toobar_bg2.gif);float:left;height:32px;width:80px;text-align:center;margin-right:20px;color:#004AAF;}
.toolbar SPAN A {color:#004AAF;}
.toolbar SPAN A:hover {background: url(../public_images/timeonouse.gif);display:block;color:#004AAF;font-weight:bold;}
.toolbar .right{float:right;width:360px;height: 58px;position:relative;}
.toolbar .right SELECT{	float:right;margin:8px 5px 0;width:350px}
.toolbar .right .eventStyle {border-right:1px #BAC4CD solid;height:32px;}
.toolbar .left {float:left;background: url(../public_images/toobar_pic1.gif) no-repeat right;height: 58px;position:relative;}
.toolbar .left UL{float:left;margin-left:-20px;}
.toolbar .left LI{float:left;width:25px;margin:0px auto;border-left:1px solid #BAC4CD;text-align:center;color:#ADADAD;}
.toolbar .left LI A {color:#004AAF;font-weight:bold}
.toolbar .left LI A:hover {background: url(../public_images/timeonouse.gif);display:block;color:#004AAF;font-weight:bold}
.toolbar .left .fin {padding-right:5px}
.toolbar .left .t{color: #FF7800;font-weight: bold;}
.toolbar .left .t A {color: #FF7800;font-weight: bold;}
.toolbar .left .t A:hover {color: #FF7800;font-weight: bold;}
.toolbar .notes {position:absolute;margin-top:32px;color:#BAC4CD}

.toolbarOther {width:943px;height: 50px;line-height:32px; vertical-align: middle; background: url(../public_images/toobar_bg4.gif) repeat-x;text-align:left;margin:0 auto 3px;margin-top:0px;}
.toolbarOther .right{float:right;width:360px;height: 58px;position:relative;}
.toolbarOther .right SELECT{	float:right;margin:5px 0px 0;width:350px}
.toolbarOther .right .eventStyle {height:32px;}
.toolbarOther .notes {position:absolute;margin-top:32px;color:#BAC4CD}

.subNav .locationAndSeo{width: 1004x;height: 26px;background: url(../public_images/location_icon.gif) no-repeat left;margin-top:5px;}
.subNav .location{width: 480px;height:21px; ;padding:4px 0 0 18px;color:#004AAF;float:left;text-align:left;}
.subNav .location a{color:#004AAF}

/* public */
.publicSearch{width: 245px;height: 21px;text-align:left;margin:5px auto 0}
.publicSearch .inputBg{height: 21px;border:0px;float:left;}
.publicSearch .inputStyle{width:133px;border:0px ;margin:1px;float:left;border:1px solid #BBBBBB;background: #fff;}
.publicSearch .searchBtn{background:url(../public_images/search_btn.gif);width: 21px;height: 18px;	float: left;margin:0px 0 0 8px;border:0px;}

/* leftContent */
.leftContent .mainNav{width: 160px;padding:0px 0;}
.leftContent .mainNav UL{margin:0 0 0 14px;background: url(../public_images/menu_line.gif); float:left;display:inline;}
.leftContent .mainNav LI{float:left;display:inline;width:122px!important ;width:122px;width /**/:132px;height: 20px!important ;height: 20px;height /**/:27px;margin:0 0 0 14px!important ;margin:0 0 0 14px;margin /**/:0 0 0 14px; padding:7px 0 0 10px;background:url(../public_images/menu_icon.gif) no-repeat left;text-align:left;color:#004AAF;font-weight: bold;font-size:11px; font-family: Arial;}
.leftContent .mainNav LI a{color:#004AAF;}
.leftContent .mainNav LI a:hover{color:#FF7800; text-decoration: none;}
.leftContent .mainNav .mm{height: 27px;line-height:13px;padding:0px 0 8px 10px!important ;padding:0px 0 0 10px;padding /**/:0px 0 0 10px;}
.leftContent .mainNav .endLine{line-height: 14px;}
.leftContent .paralympic{font-size:11px;width:164px;height:70px;line-height:14px;margin:5px 0 0;padding:5px 0 0 ; text-align: center;color:#004AAF;font-weight: bold;clear:both;}
.leftContent .paralympic a{color:#004AAF;}
.leftContent .paralympic SPAN{font-size:9px;color:#32998B;display:block;font-weight: normal;}

.footerMenu{width: 826px;height: 80px;margin:0px auto;padding-top:8px;text-align:left;color:#004AAF;line-height:22px;font-size:9px;}
.footerMenu a{	color:#004AAF}
.footerMenu IMG{margin:0px; }
.footerMenu DIV{	float: left;}
.footerMenu .line{	background: url(../public_images/footer_line.gif) no-repeat center;width: 23px;height: 70px;}
.footerMenu .footerNav{width:690px;margin: 16px 0 0;clear:right;text-align:left;}
.footerBg{width: 1004px;height:54px; background:url(../public_images/beijing_fooer.jpg);clear:both; }

.pages {color:#004AAF;text-align:right;margin:10px}
.pages A {color:#004AAF;margin-left:5px}
.tableIcons {color:#424242;text-align:left;}
.tableIcons IMG {color:#424242;t;margin:0px 3px 0 8px}

.progress TABLE{border:1px #FF7800 solid;float:left;margin-left:5px} 
.progress TD {margin:0px;padding:0px}
.progress TABLE IMG{border:1px #FF7800 solid;margin:0px;padding:0px}
.progress .text {float:left;margin-left:15px;padding-top:35px;color:#004AAF;font-weight:bold}
.progress .text A {color:#004AAF}

/* legend */
.legend {background:#F6F6F6;border:1px #EBEBEB solid;color:#424242;}
.legend TABLE {width:940px;margin:0px auto}
.legend TD {text-align:left;padding-left:10px}
.legend .centerText {text-align:center}

.wrtstlingBg {background:url(../public_images/wbg1.gif);margin:0px auto;width:964px;}
.wrtstlingBgnone {background:none;}
.wrtstlingBg H2 {background:url(../public_images/connH2.gif);height:20px;width:454px;padding-top:4px;padding-left:23px;font-weight:bold;color:#fff;text-align:left}
.wrtstlingBg .f12list {width:450px;margin:0px auto;padding:5px}
.wrtstlingBg .conArea {width:477px}
.wrtstlingBg .picGroup {width:450px;margin:0px auto;padding:10px 5px}
.wrtstlingBg .picGroup SPAN {width:120px}
.wrtstlingBg .leftArea {float:left;margin-left:0px;display:inline}
.wrtstlingBg .rightArea {float:right;margin-right:0px;display:inline}
.wrtstlingBg .newsList .more {padding-top:11px}

/* new top tag */
.tag_title{ width:964px; height:25px; background:url(../public_images/titelBg.gif) repeat-x bottom left;margin:0 auto}
.tag_title a { text-decoration: none;}
.tag_title a:hover { text-decoration: underline; color:#004aaf;}
.tag_title ul{ margin:0;padding:0; float:left}
.tag_title ul li{float:left; text-align:center;}
.titleOne{border-right:1px #B1B6B9 solid;border-left:1px #B1B6B9 solid;border-top:1px #B1B6B9 solid; background:url(../public_images/titleOne.gif) repeat-x top left;line-height:25px!important; height:25px!important;+line-height:24px;+height:24px;margin-right:1px;font-weight:bold;color:#0044AF;padding:0 22px}
.titleOne a{color:#0044af;font-size:13px;height:25px;}
.titleTwo{ padding:0 22px; margin-right:2px;height:24px; line-height:22px; border-right:1px #B1B6B9 solid;border-left:1px #B1B6B9 solid;border-top:1px #B1B6B9 solid; background:url(../public_images/titleTwo.gif) repeat-x top left;color:#5D7D96;}
.titleTwo a{color:#5d7d96; font-size:13px; font-family:Arial}
.subLeft{float:left;padding-left:10px;line-height:20px;}
.subLeft a{margin:0 5px;}
.titleDown{width:955px; height:26px;background: url(../public_images/titelDBg.gif) repeat-x top left;border-right:1px #B1B6B9 solid;border-left:1px #B1B6B9 solid;border-bottom:1px #B1B6B9 solid;margin-bottom:1px;text-align:right;padding-right:7px;margin:0 auto 1px auto;padding-top:6px;}
.titleDown a{ text-decoration: none;}
.titleDown span.lspan{ padding:4px 0 0 16px; color:#6b6c6d;}
.titleDown span.rspan{ color:#6b6c6d; float:right;}
.titleDown span.lspan a{ padding:1px 4px 2px; font-weight:bold; color:#a6abaf; border-right:1px #dfdfdf solid;}
.titleDown span.lspan a:hover{ background:#ff7800; color:#fff; text-decoration:none;}
.titleDown span.lspan a.now{ background:#ff7800; color:#fff; cursor:default;}
.titleDown select,.titleDown img{ vertical-align:middle}
.titleTwoBg{width:952px; height:19px; background:url(../public_images/titleTwoBg.gif) repeat-x top left;border:1px #DFDFDF solid;padding-left:10px;text-align:left;color:#0044af; margin:0 auto 2px auto;padding-top:5px}
.titleTwoBg a{	color:#0044af;margin: 0 7px; font-size: 11px; font-family: Arial; text-decoration: none;}


