@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Oswald);
#wrapper {
	width:1280px; margin:auto;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}


a img  
{  
border: 0;  
}  

.space1 {
	font-size: 5px;
}
#historyTB a {
	color:white;
	font-size:14px;
	text-decoration:none;
}
#historyTB a:hover {
	color:#CCE9EC;
}
.category_8 {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #006bb6;
}
.category_8b {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
}
.news_1 {
	font-size: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #3398cc;
}
.news_2 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #3398cc;
}
.news_3 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #646464;
	line-height:20px;
	font-weight: bold;
}
.topbar_1 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
}
.topbar_1:hover {
	color: #333;
}
.topbar_1b {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
}
.bottom_1 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.bottom_2 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #9B9B9B;
}
.c1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #888888;
	line-height:24px;
}
.c2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0f85dd;
	font-weight: bold;
	padding-top:3px;
}
.c3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006ab8;
	font-weight: bold;
}
.c4 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #616161;
	font-weight: bold;
}
.c5 {
	font-family: KaiTi;
	font-size: 30px;
	font-weight: bold;
	color: #999999;
}
.c6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E6E6E6;
	font-weight: bold;
}
.c7 {
	font-size: 14px;
	font-family: KaiTi;
}
.c7 {
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.c8 {
	color: #8E8E8E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.c9 {
	font-family: Arial, Helvetica, sans-serif;
	color: #8E8E8E;
	font-size: 12px;
}
.c10 {
	color: #999999;
	font-size: 30px;
	font-family: KaiTi;
	font-weight: bold;
}
.c11 {
	font-family: KaiTi;
	font-size: 30px;
	color: #666;
	font-weight: bold;
}
.textbox2 {
	width:320px;
	height:26px;
	font-size:16px;	
	border:0px solid #ffffff;	
}
.textbox3 {
	width:400px;
	height:150px;
	font-size:16px;	
	border:0px solid #ffffff;	
}
.ic1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.ic2 {
	font-family: KaiTi;
	color: #999;
	font-size: 14px;
}
.ic2b {
	font-family: KaiTi;
	color: #999;
	font-size: 14px;
}
.ic2c {
	font-family: KaiTi;
	color: #999;	
	font-size: 14px;
}
.ic2d {
	font-family: KaiTi;
	color: #999;	
	font-size: 14px;
}
.ic3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
}
.ic4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
}
.ic5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}
.checkbox1 {
	width:10px;
	height:10px;
}
.e1 {
	font-family: "Arial Narrow";
	font-weight: bold;
	font-size: 28px;
	color: #484848;
}
.e2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6E6E6E;
	font-weight: bold;
}
.g1 {
	font-family: "Arial Narrow";
	font-size: 30px;
	font-weight: bold;
	color: #FFF;
}
.g3 {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #37658E;
}
.hi1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:black;
}
.hi2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4D4D4D;
}
.n1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.n2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
}
.n3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 12px;
	color:#000;
}
.n4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.n5 {
	font-size: 12px;
	font-weight: normal;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 12px;
}
.r1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
}
.r2 {
	font-size: 18px;
	line-height: 15px;
}
.p1 {
	font-family: "Arial Narrow";
	font-size: 26px;
	font-weight: bold;
	color: #333;
}
.p2 {
	font-size: 26px;
	font-family: "Arial Narrow";
	color: #ADADAD;
	font-weight: bold;
}
.p3 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #505050;
	font-weight: bold;
}
.p4 {
	font-size: 14px;
	line-height: 18px;
	color: #666;
	font-family: "Arial Narrow";
	font-weight: bold;
}
.p5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #464646;
	font-weight: bold;
}
.p5a {
	font-family: "Arial Narrow";
	font-size: 28px;
	color: #464646;
	font-weight: bold;
}
.p5b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #d0cecf;
	font-weight: bold;
}
.p6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #696969;
}
.p7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #696969;
}
.s1 {
	font-family: "Arial Narrow";
	font-size: 25px;
	color: #005797;
	font-weight: bold;
}
.s2 {
	font-family: "Arial Narrow";
	font-size: 25px;
	font-weight: bold;
}
.sr1 {
	font-family: "Arial Narrow";
	font-weight: bold;
	font-size: 28px;
	color: #4F4F4F;
	line-height: 24px;
}
.sr2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #797979;
	font-weight: normal;
	line-height: 10px;
}
.sr3 {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.sr3 {
	font-size: 11px;
	color: #666;
	line-height: 10px;
}
.v1 {
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.v2 {
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
}
.v3 {
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #A1A1A1;
}
.v4 {
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3871A3;
}
.d1 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
}
.d2 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #3E76B5;
}
.catGender {
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #333;
	padding:15px 45px 2px 48px;
}
.pageTitleH {
	font-size: 26px;
	font-family: Oswald, Arial;
	letter-spacing:1px;
	font-weight:bold;
	color: #FFF;
	padding:15px 5px 5px 20px;
}
.pageTitleF {
	font-size: 26px;
	font-family: Oswald, Arial;
	letter-spacing:1px;
	font-weight:bold;
	color: #333;
	padding:10px 5px ;
}
.contentText {
	font-size: 14px;
	font-family: Arial;
	color: #333;
	padding:10px 5px ;
}
.pageTitleS {
	font-size: 20px;
	font-family: Oswald, Arial;
	letter-spacing:1px;
	color: #FFF;
	padding:15px 5px 5px 20px;
}
.localTD {
	background-color:#EBEBEB;
	alignment-adjust:middle;
	cursor:pointer;
}
.localTD:hover {
	background-color:#E8F7FF;
}
.localTD img {
	padding:18px;
}
.localTD  .divBox .title {
	font-family: Oswald, Arial;	
	font-weight:bold;
	font-size: 20px;
	letter-spacing:1px;
	color: #006BB9;
	padding-top:22px;
}
.localTD .divBox {
	width:210px; float:right; text-align:center; padding:20px;
}
.localTD .divImg {
width:185px; float:left;
}
.localTD  .divBox a {
	font-family: Arial;	
	font-size: 12px;
	color: #333;
	line-height:30px;
	text-decoration:none;
}
.localTD  .divBox a:hover {
	background-color:#006BB9;
	color: #fff;
}
/* download  */
.dlBtn {
	height:28px;
	background:url(images/_gen/dl-btn02.jpg) no-repeat center center ;
	cursor:pointer;
}
.dlBtn:hover {
	background:url(images/_gen/dl-btn01.jpg) no-repeat center center ;
}
/* video  */
.vBtn {
	height:28px;
	background:url(images/_gen/v-btn02.jpg) no-repeat center center ;
	cursor:pointer;
}
.vBtn:hover {
	background:url(images/_gen/v-btn01.jpg) no-repeat center center ;
}
/* gallery  */
.gBtn {
	height:28px;
	background:url(images/_gen/g-btn02.jpg) no-repeat center center ;
	cursor:pointer;
}
.gBtn:hover {
	background:url(images/_gen/g-btn01.jpg) no-repeat center center ;
}
/* Federation */
#federateLogo ul  {
	list-style:none;
	padding-left:0px;
	background-color:#fff;
}
#federateLogo ul li {
	color:#006BB9;
	font-family: Oswald, Arial;	
	font-weight:normal;
	font-size: 14px;
	letter-spacing:1px;
	background-color:#FFF;
	list-style:none;
	display:inline-block;
	vertical-align:top;
	cursor:pointer;
	width:150px;
	min-height:150px ;
	padding:5px;
	margin:10px;
	opacity:1;
	border:0px;
}

#federateLogo ul li:hover {
	opacity:0.5;
}

#federateLogo ul li .pImgF  {
	width:150px !important;
	height:150px !important;
	margin-left: auto;
    margin-right: auto ;
	border : 0px;
}
/* swimmer  */
#swimmer A  {
	color:#666;
	font-family:Arial;
	text-decoration:none;
}
#swimmer ul  {
	list-style:none;
	padding-left:70px;
	background-color:#fff;
}
#swimmer .width350 {
	width:350px !important;
	text-align:center !important;
}
#swimmer .width300 {
	width:290px !important;
	text-align:left !important;
	margin:12px 12px 18px 0 !important;
	height:230px !important;
	overflow:hidden;
	letter-spacing:0 !important;
}
#swimmer .width200 {
	width:200px !important;
	text-align:left !important;
	margin:12px 23px 10px 0 !important;
	height:180px !important;
	overflow:hidden;
}
#swimmer .width160 {
	width:160px !important;
	text-align:center !important;
	margin:10px !important;
	height:160px !important;
	overflow:hidden;
}
#swimmer .padding10 {
	padding-left:0 !important;
}
#swimmer ul li .lastItem {
	border-right:none !important;
}

#swimmer ul li {
	border: 1px solid #eee;
	color:#006BB9;
	font-family: Oswald, Arial;	
	font-weight:normal;
	font-size: 14px;
	letter-spacing:1px;
	background-color:#FFF;
	list-style:none;
	display:inline-block;
	vertical-align:top;
	cursor:pointer;
	width:220px;
	min-height:200px ;
	overflow:hidden;
	padding:10px 10px;
	-webkit-box-shadow:#aaa 1px 3px 4px;
	-moz-box-shadow: #aaa 1px 3px 4px;
	box-shadow: #aaa 1px 3px 4px;
	margin:12px 40px 18px 0;
	opacity:1;
}

#swimmer ul li:hover {
	-webkit-box-shadow:#333 1px 3px 4px;
	-moz-box-shadow: #333 1px 3px 4px;
	box-shadow: #333 1px 3px 4px;
	opacity:0.8;
}
#swimmer ul li .pImg  {
	width:200px !important;
	margin-left: auto;
    margin-right: auto 
}
#swimmer ul li .pImgY  {
	width:290px !important;
	height:160px !important;
	margin-left: auto;
    margin-right: auto ;
	border:1px solid #ccc;
}
#swimmer ul li .pImgG  {
	width:195px !important;
	height:160px !important;
	margin-left: auto;
    margin-right: auto ;
}
#swimmer ul li .pImgF  {
	width:150px !important;
	height:150px !important;
	margin-left: auto;
    margin-right: auto ;
}
#swimmer ul li img {
	border: 2px solid #FFF;
}
#swimmer ul li img:hover  {
	border: 2px solid #006BB9;
}
#swimmer ul li img {
	display: block;
	margin-left: auto;
    margin-right: auto 
}
.swimTitle {
	color:#666;
	font-family: Oswald, Arial;	
	font-weight:bold;
	font-size: 18px;
	letter-spacing:1px;
}
.swimInfo {
	color:#666;
	font-family: Arial;	
	font-size: 12px;
	border-bottom:2px solid #666;
	border-top:2px solid #666;
	padding:10px 0;
	width:400px;
}
.swimInfo td {
	padding:3px 0;
	vertical-align:text-top;
}
.swimInfo .tdText {
	font-weight:bold;
}
.swimInfoBox {
	color:#666;
	font-family: Arial;	
	font-size: 12px;
	width:400px;
	height:300px;
	overflow-y:scroll;
	padding-right:8px;	
}
.mainImg img {
	border:10px solid #666;
}

/* News */

.NewTitle { 
	color:#006BB9;
	font-family: Oswald, Arial;	
	font-weight:bold;
	font-size: 24px;
	letter-spacing:1px; 
	padding:10px 10px 0px 15px;
}

#newsList ul  {
	list-style:none;
	padding-left:12px;
}

#newsList ul li .lastItem {
	border-right:none !important;
}

#newsList ul li {

	color:#006BB9;
	font-family: Oswald, Arial;	
	font-weight:normal;
	font-size: 14px;
	letter-spacing:1px;
	list-style:none;
	display:inline-block;
	vertical-align:top;
	cursor:pointer;
	width:340px;
	min-height:80px ;
	overflow:hidden;
	padding:10px 10px;
	-webkit-box-shadow:#aaa 1px 3px 4px;
	-moz-box-shadow: #aaa 1px 3px 4px;
	box-shadow: #aaa 1px 3px 4px;
	margin:0 15px 10px 0;
	opacity:0.8;
}

#newsList ul li:hover {
	-webkit-box-shadow:#333 1px 3px 4px;
	-moz-box-shadow: #333 1px 3px 4px;
	box-shadow: #333 1px 3px 4px;
	opacity:1;
}
#newsList ul li .pImg  {
	width:200px !important;
	margin-left: auto;
    margin-right: auto 
}
#newsList ul li img {
	border: 2px solid #FFF;
}
#newsList ul li img:hover  {
	border: 2px solid #006BB9;
}
#newsList ul li img {
	display: block;
	margin-left: auto;
    margin-right: auto 
}
#newsList ul li .title  {
	color:#333 ;
	font-family: Oswald,Arial;
	letter-spacing:1px;
	font-size:14px;
}
#newsList ul li .sDate  {
	color:#006BB9 ;
	font-family: Oswald,Arial;
	letter-spacing:1px;
	font-weight:500;
	font-size:14px;
	margin:0 0 5px 0;
}

#newsContent {
	margin:10px 20px;
	color:#666;
	
}
#newsContent .newsItem {
	border-bottom:1px solid #e6e6e6;
	padding:15px 5px 10px 5px ;
	color:#666;
	cursor:pointer;
}
#newsContent .topBorder {
	border-top:1px solid #e6e6e6;
}
#newsContent .newsItem:hover {
	background-color: #ebebeb;
}
#newsContent .pImg {
float:left;
padding:0 10px 10px 0;
}
#newsContent .title  {
	color:#333 ;
	font-family: Arial;
	font-weight:bold;
	font-size:14px;
	padding:0 0 5px 0;
}
#newsContent .sDate  {
	color:#666 ;
	font-family: Arial;
	font-size:14px;
	padding:0 0 4px 0;
}
#newsContent .desc  {
	color:#666 ;
	font-family: Arial;
	font-size:12px;
	padding:0 0 4px 0;
}
/* Let's get this party started */
::-webkit-scrollbar {
    width: 10px;
}
 
/* Track */
::-webkit-scrollbar-track {
/*    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 8px;
    border-radius: 8px;
	*/
	background: rgba(210,210,210,0.8);
	width:2px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
/*    -webkit-border-radius: 8px;
    border-radius: 8px;
	*/
    background: rgba(140,140,140,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(210,210,210,0.4); 
}