/*body{
  
  background:#FFF url(../images/batik.png) repeat;
  font-size:12px;
  font-family:arial;
  margin:0px auto;
  padding:0px;
  margin:0px;
  
}*/
img{
 border:none;
 padding:0;
 margin:0;
}

/* container */
#container{
  width:993px;
  /*width:1013px;*/
  margin:0 auto;
  
  /*background:#FFF;*/
  background:#FFF url(../images/gradasi.png) center repeat-y;
}
/* masthead */
#masthead{
  margin:0;
  padding:0;
  width:993px;
  height:286px;
  color:#898989;
 /* border-left:1px solid #dcdcdc;*/
  background:#FFF;
}
.masthead-top{
  width:993px;
  height:48px;
  background:#FFF;
  border:none;
  border-left:1px solid #fd313c;
}
.mas-left{
  width:200px;
  height:48px;
  float:left;
  border-right:1px solid #dcdcdc;
}
.mas-right{
  width:460px;
  height:45px;
  float:right;
}
.language{
  width:60px;
  height:20px;
  border-right:1px solid #f4f4f4;
  color:#898989;
  font-size:12px;
  float:left;
  padding:10px;
  text-align:center;
} 
.language a{
  color:#898989;
  font-size:12px;
  text-decoration:none;
} 
.language a:hover{
  color:red;
  font-size:12px;
  text-decoration:none;
}
.search{
  width:280px;
  height:40px;
  margin-top:5px;
  float:right;
} 
.search2 p{
 padding:0px;
 margin:0px;
 float:left;
 cursor:pointer;
}
.search2{
  width:280px;
  height:27px;
} 
.search3{
 width:300px;
 height:30px;
 padding-left:10px;
}
.input-search{
  width:230px;
  height:25px;
  border:1px solid #d5d5d5;
  padding:0;
  margin:0;
  float:left;
}
.masthead-bottom{
  width:993px;
  height:236px;
}
/* menu */
.top-menu{
  width:200px;
  height:238px;
  float:left;
  border-left:1px solid #dcdcdc;
  border-right:1px solid #dcdcdc;
}
.top-menu ul{
  width:200px;
  list-style:none;
  padding:0;
  /*margin-top:150px;*/
  float:left;
}
.top-menu li{
  color:#898989;
  display:block;
  height:20px;
}
.top-menu li a{
  color:#898989;
  text-decoration:none;
  font-size:12px;
  padding:2px 0 3px 10px;
  display: block;
}
.top-menu li a:hover{
  text-decoration:none;
  color:#000;
  display:block;
  background:#dddddd;
  padding:2px 0 3px 10px;
}
.top-menu li a.current{ 
 color: #000; 
 background:url('../images/top-menu.jpg') top left repeat-x; 
}
.top-menu li a:hover{ 
 color: #000; 
 background:url('../images/top-menu.jpg') top left repeat-x; 
}

/* top nav */
#top-nav{
  width:993px;
  height:47px;
  background:#000;
}
#top-nav2{
  width:993px;
  height:15px;
  background:#000;
}
#top-nav ul{
  padding:0;
  margin:0;
  list-style:none;
  width:993px;
  height:47px;
  background:url('../images/menu-li.jpg') top left repeat-x
}
#top-nav li{
  color:#FFF;
  font-size:12px;
  font-family:arial;
  float:left;
  display:block;
}
#top-nav li a{
  color:#FFF;
  font-size:12px;
  font-family:arial;
  text-decoration:none;
  display: block;
  line-height: 270%;
  padding:0 15px 0 15px;
}
#top-nav li a.current{ 
 color: #FFF; 
 background:url('../images/menu.jpg') top left repeat-x; 
}
#top-nav li a:hover{ 
 color: #FFF; 
 background:url('../images/menu.jpg') top left repeat-x; 
}
/* logo */
.logo{
  width:682px;
  height:236px;
  float:right;
  background:url('../images/logo.png') no-repeat;
  margin-top:1px;
  
}
.logo2{
  width:410px;
  height:236px;
  background:url('../images/logo_2.png') no-repeat;
  float:right;
  margin-top:3px;
  margin-right:4px;
}
/* content */
#content{
 width:993px;
 height:1260px;
 border:1px solid #dcdcdc;
}
#content2{
 width:993px;
 border:1px solid #dcdcdc;
}
#content3{
 width:993px;
 height:1300px;
 border:1px solid #dcdcdc;
}
/* content top */
#content-top{
 width:993px;
 height:186px;
 border-bottom:1px solid #dcdcdc;
}
#content-news{
 width:993px;
 height:1100px;
 border-bottom:1px solid #dcdcdc;
}
#content-news2{
 width:993px;
 height:900px;
 border-bottom:1px solid #dcdcdc;
}
#content-news3{
 width:993px;
 height:1300px;
 border-bottom:1px solid #dcdcdc;
}
#content-news4{
 width:993px;
 height:1000px;
 border-bottom:1px solid #dcdcdc;
}
#content-news5{
 width:993px;
 height:700px;
 border-bottom:1px solid #dcdcdc;
}
#content-news6{
 width:993px;
 height:1500px;
 border-bottom:1px solid #dcdcdc;
}
.left{
  float:left;
  width:211px;
  height:168px;
}
.tab{
  width:993px;
  height:16px;
  background:#333333;
}
.about{
  width:214px;
  height:168px;
}
.event{
  width:128px;
  height:168px;
  float:left;
  margin-top:-16px;
}
.event ul{
  width:128px;
  height:168px;
  list-style:none;
  padding:0;
  margin:0;
}
.event li{
  
}
.right{
  width:650px;
  height:168px;
  float:left;
}
.store{
  width:300px;
  height:138px;
  padding-top:20px;
  float:left;
  padding-left:15px;
}
.pic{
  width:105px;
  height:105px;
  float:left;
}
.teks{
  width:180px;
  color:#3c3c3c;
  font:12px;
  float:left;
  padding-left:15px;
}
.teks p{
  font-size:13px;
  width:130px;
}
.teks a{
  color:#000;
  text-decoration:underline;
  font:12px;
}
.teks a:hover{
  text-decoration:none;
}
.teks p a img{
  height:25px;
  border:none;
}
.teks3{
  width:100px;
  color:#3c3c3c;
  font:12px;
  float:left;
  padding-left:50px;
}
.teks3 p{
  font-size:13px;
  width:130px;
  padding-bottom:10px;
}
/* content bottom */
#content-bottom{
  width:993px;
  height:830px;
  float:left;
  border-bottom:1px solid #dcdcdc;
}
/* left */
#headline{
  float:left;
  width:729px;
  height:724px;
  border-right:1px solid #dcdcdc;
}
#headline2{
  float:left;
  width:730px;
  height:1000px;
  border-right:1px solid #dcdcdc;
}
#headline3{
  float:left;
  width:730px;
  border-right:1px solid #dcdcdc;
  border-top:none;
  padding-bottom:20px;
}
#headline3 h2{
  font-size:18px;
  color:#000000;
  margin-left:30px;
  margin-top:15px;
}
#headline3-l{
  float:left;
  width:728px;
  border-right:1px solid #dcdcdc;
  border-top:none;
  padding-bottom:20px;
}
#headline3-h{
  float:left;
  width:729px;
  border-top:none;
  padding-bottom:20px;
}
#headline4{
  float:left;
  width:730px;
  /*height:900px;*/
  border-right:1px solid #dcdcdc;
}
#headline5{
  float:left;
  width:729px;
  height:100%;
  border-right:1px solid #dcdcdc;
}
#headline6{
  float:left;
  width:730px;
  height:700px;
  border-right:1px solid #dcdcdc;
  margin-bottom:10px;
}
.vote{
  width:729px;
  height:120px;
  margin:10px 0 0 10px;
}
.line{
  background:url('../images/news-back.jpg') top repeat-x;
  width:729px;
  height:30px;
  padding:0;
  margin:0;
}
.line h1{
  width:150px;
  font-size:14px;
  color:#000;
  padding:3px 0 0 10px;
}
.news{
  width:730px;
  height:374px;
}
.news2{
  width:730px;
  height:425px;
}
.news-headline{
  width:221px;
  height:350px;
  float:left;
}
.news-headline ul{
  list-style:none;
  padding:0;
  margin:0;
  height:360px;
}
.news-headline li{
  width:210px;
  height:62px;
  /*background:#434343;*/
  
  color:#f80e1b;
  font-size:12px;
  display:block;
 
}
.news-headline li a span{
  font-size:11px;
  color:#898989;
}
.news-headline li a{
  color:#FFF;
  font-size:12px;
  text-decoration:none;
  display:block;
  height:60px;
  padding:5px 0 0 10px;
  background:url('../images/headline-li.jpg')repeat-x;
}
.news-headline li a:hover{
  color:#f80e1b;
  font-size:12px;
  text-decoration:none;
  background:#FFF;
}
.news-headline li a.current {
	background:#FFFFFF;
	color:#f80e1b;
  border: none;    
  border-left:none;  
}
.news-headline a:hover{
  text-decoration:none;
}
/*.news-headline li:hover{
  background:#FFF;
  color:#f80e1b;
  font-size:11px;
  text-decoration:none;
  width:200px;
  height:65px;
}*/
.news-teks{
  width:500px;
  height:360px;
  float:left;
  color:#646464;
  font-size:12px;
  padding-top:10px;
  padding-left:5px;
}
.news-teks ul{
  list-style:none;
  width:500px;
  height:360px;
  padding:0;
  margin:0;
  
}
.news-teks li{
  width:500px;
  color:#646464;
  font-size:12px;
  border:none;
}
.news-teks li .image{
  width:491px;
  height:248px;
}
.teks-preview{
  width:491px;
  height:100px;
  padding-left:5px;
}
.teks-preview h1{
  color:#000;
  font-size:25px;
  padding:0;
  margin:0;
  padding-top:5px;
}
.teks-preview h1 a{
 /*color:#000;
 text-decoration:none;
 font-size:25px;*/
 color:#2dc4fb;
 text-decoration:none;
}
.teks-preview h1 a:hover{
 /*color:#646464;
 text-decoration:none;*/
}
.teks-preview p{
  width:491px;
  font-size:13px;
}
.news-teks2{
  width:500px;
  height:420px;
  float:left;
  color:#646464;
  font-size:12px;
  padding:10px 0 0 10px;
}

.news-teks2 p a{
 font-size:12px;
 color:#343434;
 text-decoration:none;
}

.news-teks2 p a:hover{
 color:#b8b8b8;
 text-decoration:none;
}

.news-teks4{
  width:500px;
  height:250px;
  float:left;
  color:#646464;
  font-size:12px;
  padding:5px 0 0 5px;
}
.news-teks3{
 width:460px;
 float:left;
}
.news-teks3-athlete{
 width:475px;
 float:left;
}
.news-teks2 h1{
  width:490px;
  color:#000;
}
.images{
  width:491px;
  height:248px;
  border:none;
}
.images2{
  width:491px;
  height:173px;
  border:none;
}
/* highlight */
.highlight-athlete{
  width:240px;
  float:left;
  margin-left:5px;
}
.highlight{
  width:206px;
  height:420px;
  float:left;
}
.highlight2{
  width:206px;
  height:420px;
  float:left;
  margin-left:10px;
}
.highlight3{
  width:206px;
  height:420px;
  float:left;
  margin-left:10px;
  
}
.highlight-header{
  width:206px;
  height:20px;
  float:left;
  padding-bottom:20px;
}
.highlight-header2-athlete{
  width:100%;
  float:left;
}
.highlight-header2{
  width:206px;
  height:81px;
  float:left;
  padding-bottom:20px;
}
.highlight-header h1{
  color:#000;
  font-size:12px;
  font-weight:bold;
  float:left;
  width:100px;
}
.highlight-header h2{
  color:#000;
  font-size:18px;
  font-weight:bold;
  float:left;
  width:200px;
}
.highlight-more{
  width:53px;
  height:16px;
  float:right;
  padding:10px 0 0 0;
}
.highlights{
  width:206px;
  height:200px;
  float:left;
}

.highlights a{
  color: #02adf2;
  text-decoration:none;
}

.highlights a:hover{
  color: #222222;
  text-decoration:none;
}

.hightlight-medal{
  width:233px;
  height:385px;
  background:#efefef;
  float:left;
}
.hightlight-medal h1{
  color:#000;
  font-size:16px;
  margin:0;
  padding:0;
  padding:10px;
}
.title-menu{
  float:left;
  width:200px;
  height:100px;
  border-right:1px solid #fc0500;
  margin-top:5px;
}
.title-menu h1{
  color:#0e0e0e;
  font-size:22px;
  float:right;
  font-family:arial;
  padding-right:15px;
}
.title-menu h2{
  color:#0e0e0e;
  font-size:20px;
  float:right;
  font-family:arial;
  padding-left:30px;
}
.content-menu{
  width:500px;
  float:right;
  padding-right:10px;
  margin-top:10px;
}
.content{
  width:500px;
  height:300px;
}
.content h1{
  color:#0e0e0e;
  font-size:20px;
  width:500px;
  height:25px;

}
.content p{
  width:450px;
  height:100px;
  font-size:12px;
  color:#5b5b5b;

}
.content2{
  width:500px;
}
.content2-left{
  width:230px;
  float:left;
}
.content2-left p{
  width:220px;
  color:#4c4b47;
  font-size:12px;
  padding:0;
  margin:0;
}
.content2-left h1{
  font-size:14px;
  color:#000;
}
.content2-left span{
  color:#4c90f1;
  font-size:12px;
}
.content2-right{
  background:#3a9dfa;
  width:220px;
  height:220px;
  float:left;
  position:relative;
}
.content2-right h1{
  color:#FFF;
  font-size:14px;
  font-weight:bold;
  padding-left:5px;
}
.content2-top{
  width:230px;
  height:190px;
}

.content2-bottom{
  width:480px;
  color:#5b5b5b;
}
.content2-bottom h1{
  font-size:14px;
  color:#000;
  padding:0;
  margin:0;
 
}
.content2-bottom p{
  color:#5b5b5b;
  font-size:12px;
  width:480px;
}
.content3{
  width:500px;
  height:100px;
}
.content3 p{
  width:450px;
  font-size:12px;
  color:#b8b8b6;

}
.content4{
  width:650px;
  height:200px;
  padding-left:50px;
}
.content5{
  width:730px;
  /*height:450px;*/
  padding-left:5px;
  margin-bottom:15px;
}

.content7{
 width:730px;
 height:350px;
 padding-top:1px;
}
.content8{
 width:720px;
 margin:5px 4px 0 5px;
}
.content9{
 width:730px;
 height:230px;
 padding-top:1px;
}
.content10{
 width:700px;
 height:230px;
 padding-top:1px;
 margin:60px 10px 0 10px;
}
.content4-left{
  width:70px;
  height:100px;
  float:left;
  padding:40px 20px 0 60px;
}
.content4-right{
  width:500px;
  float:right;
  color:#b8b8b6;
  font-size:12px;
}
.content4-right ul{
 padding:0;
 margin:0;
 float:right;
}
.content4-right li{
 color:#b8b8b6;
 font-size:12px;
}
.content4-right h1{
  width:400px;
  height:20px;
  /*color:#15abcc;*/
  color:#000000;
  font-size:14px;
}
.content4-right p{
  font-size:12px;
  /*color:#b8b8b6;*/
  color:#000;
  width:450px;
}
.content4-right p a{
  font-size:12px;
  color:#5e5e5e;
  width:450px;
  text-decoration:none;
}
.content4-right p a:hover{
  font-size:12px;
  color:#15abcc;
  text-decoration:none;
}
.content5-bar{
 width:730px;
 height:50px;
}
.content5-bar-left{
 width:602px;
 height:50px;
 float:left;
}
.content5-bar-right{
 width:112px;
 height:50px;
 float:right;
 padding-right:16px;
}
.contentcomp-bar{
 width:730px;
 height:50px;
}
.contentcomp-bar-left{
 width:572px;
 height:50px;
 float:left;
}
.contentcomp-bar-right{
 width:141px;
 height:50px;
 float:right;
 padding-right:17px;
}
.content7-left{
 float:left;
 width:200px;
 height:90px;
 border-right:1px solid #a62627;
 margin:18px;
}
.content7-left h1{
 font-size:20px;
 padding:0;
 margin:0;
 color:#000;
}
.content7-right{
 float:left;
 width:450px;
 height:300px;
}
.content7-right ul{
 float:left;
 width:400px;
 height:300px;
 list-style:none;
 margin:0;
 padding:0;
 padding-left:5px;
 padding-top:5px;
}
.content7-right li{
 color:#000;
 font-size:12px;
}
.content7-right p{
 width:400px;
}
.content7-right ul.classic{
 width:400px;
 height:60px;

}
.content8-left{
 width:175px;
 float:left;
 height:480px;
 border-right:3px solid #000;
}
.content8-left2{
 width:175px;
 float:left;
 height:480px;
}
.content8-top{
 width:175px;
 height:235px;
 border-bottom:1px dotted #000;
 padding-left:8px;
}
.content8-top-img{
 padding:0 10px 0 0px;
}
.content8-top h1{
 font-size:16px;
 color:#000;
}
.content8-top p{
 width:150px;
 height:50px;
 color:#5a595e;
 font-size:12px;
}
.content8-bottom{
 width:175px;
 height:235px;
 padding-left:8px;
 margin-top:5px;
}
.content8-bottom-img{
 padding:0 10px 0 0px;
}
.content8-bottom h1{
 font-size:16px;
 color:#000;
}
.content8-bottom p{
 width:150px;
 height:50px;
 color:#5a595e;
 font-size:12px;
}
.content8-right{
 width:355px;
 float:left;
}
.content8-comp{
 width:349px;
 float:left;
 padding-left:10px;
 padding-bottom:10px;
}
.content8-comp2{
 width:349px;
 height:400px;
 float:left;
 padding-left:10px;
}
.content8-comp-bar{
 width:349px;
 height:42px;
 float:left;
}
.content8-comp-venue{
 width:108px;
 height:135px;
 float:left;
 padding:4px;
 text-align:center;
}
.content8-comp-venue p{
 color:#fe872d;
 font-size:9px;
 padding:0;
 margin:0;
 padding-top:3px;
}
.content8-comp-venue a{
 color:#fe872d;
 font-size:9px;
 text-decoration:none;
}
.content8-comp-venue a:hover{
 color:#323232;
 font-size:9px;
 text-decoration:none;
}
.content8-img{
 width:361px;
 height:173px;
}
.content8-img2{
 width:348px;
 height:146px;
}
.content8-img3{
 width:350px;
 height:47px;
}
.contet8-list{
 width:359px;
 height:300px;
}
.content8-list h1{
 color:#14b3eb;
 font-size:14px;
}
.content8-list ul{
 list-style:url('../images/li.jpg');

}
.content8-list li{
 color:#000;
 font-size:12px;
 padding:4px;
}
.content8-list li a{
 color:#000;
 font-size:12px;
 text-decoration:none;
}
.content8-list li a:hover{
 text-decoration:none;
 color:#02adf2;
}
.content9-left{
 float:left;
 width:200px;
 height:90px;
 border-right:1px solid #a62627;
 margin-left:17px;
}
.content9-left h1{
 font-size:20px;
 padding:0;
 margin:0;
 color:#000;
 padding-left:30px;
}
.content9-right{
 float:left;
 width:450px;
 height:200px;
}
.content9-right p{
 width:450px;
 height:35px;
 padding-left:30px;
}
.content9-right ul{
 width:450px;
 height:60px;
 padding:0;
 margin:0;



 margin-left:30px;
}
.content9-right li{
}
.content-gallery{
 width:720px;
 height:360px;
 margin:8px;
 overflow: hidden;
}
.content-gallery-photo{
 width:720px;
 height:450px;
 margin:8px;
 overflow: hidden;
}
.content-gallery-left{
 float:left;
 width:565px;
}
.content-gallery-left2{
 float:left;
 width:403px;
 height:330px;
 overflow: hidden;
}
.content-gallery-left2 ul{
 padding:0;
 margin:0;
 list-style:none;
 width:565px;
 float:left;
}
.content-gallery-left2 li{

}
.content-gallery-left ul{
 padding:0;
 margin:0;
 list-style:none;
 width:565px;
 float:left;
}
.content-gallery-left li{
}
.content-gallery-left li h1{
  font-size:16px;
  color:#000;
  width:500px;
}
.content-gallery-left li p{
  width:565px;
  height:304px;
  border:1px solid #dcdcdc;
}
.content-gallery-right{
  width:150px;
  float:left;
}
.content-gallery-right ul{
  width:150px;
  padding:0;
  margin:0;
  list-style:none;
  float:left;
  padding-top:35px;
}
.content-gallery-right li{
  width:120px;
  height:65px;
  padding:8px;
 
}
.content-gallery-right li a img{
  border:1px solid #dcdcdc;
  width:120px;
  height:60px;
  margin-left:15px;
}
.content-gallery-right li a.current{
  background:url('../images/blue-panah.jpg') top left no-repeat;
  padding-top:20px;
}
.content-gallery-right2{
  width:300px;
  height:350px;
  float:left;
  margin-left:10px;
}
.content-gallery-right2 ul{
  width:350px;
  padding:0;
  margin:0;
  list-style:none;
  float:left;
}
.content-gallery-right2 li{
  width:300px;
  height:65px;
  
  border:1px solid #dcdcdc;
  display: block;
}
.content-gallery-right2 li span{
  width:60px;
  float:left;
  padding:10px;
}
.content-gallery-right2 li p{
  width:200px;
  height:30px;
  float:left;
  padding:5px;
  font-size:12px;
  color:#323232;
}
.content-gallery-right2 li a{
  width:300px;
  height:65px;
  font-size:12px;
  color:#323232;
  text-decoration:none;
  background:url('../images/vid-li.jpg') top left repeat-x;
  display: block;
}
.content-gallery-right2 li a:hover{
  background:#FFF;
  color:#323232;
  text-decoration:none;
  display: block;
}
.content-gallery-right2 li a.current{
  font-size:11px;
  color:#646464;
  background:#FFF;
  font-weight:bold;
}
.content-gallery-bottom{
 width:720px;
 margin:8px;
 
}
.header-content-gallery{
 width:710px;
 height:30px;
 border-bottom:4px solid #00adff;
}
.header-content-gallery h1{
 width:400px;
 height:20px;
 font-size:13px;
 color:#7d7a75;
 float:left;
}
.header-content-gallery p{
 width:120px;
 height:20px;
 font-size:12px;
 color:#078ed2;
 float:right;
 padding:0;
 margin:0;
 padding-top:8px;
}
.header-content-gallery p a{
 text-decoration:none;
 font-size:13px;
 color:#078ed2;
 padding-left:10px;
  font-weight:bold;
}
.number-gallery{
 width:700px;
 height:20px;
 margin-top:5px;
 float:left;
}
.number{
 width:300px;
 height:20px;
 font-size:12px;
 color:#0792d7;
 float:left;
}
.number ul{
 padding:0;
 margin:0;
 list-style:none;
 height:20px;
 width:300px;
 float:left
}
.number li{
 float:left;
 padding:0 3px 0 3px;
 color:#646464;
 
}
.number li a{
 font-size:12px;
 color:#02abfe;
 text-decoration:none;
 font-weight:bold;
 border:1px solid #dfdfdf;
 padding:3px 5px;
 
}
.number li a.current{
 color:#646464;
 text-decoration:none;
 border:1px solid #dfdfdf;
 background:#02abfe;
}
.number li a:hover{
 color:#646464;
 text-decoration:none;
 border:1px solid #dfdfdf;
}
.next-gallery{
 float:right;
 width:50px;
 height:20px;
 margin-left:8px;
}
.next-gallery a{
 font-size:12px;
 color:#02abfe;
 text-decoration:none;
 font-weight:bold;
}
.next-gallery a:hover{
 font-size:12px;
 font-weight:bold;
 color:#b5b8c7;
 text-decoration:none;
}
.previous-gallery{
 float:left;
 width:80px;
 font-size:12px;
 color:#b5b8c7;
 height:20px;
}
.previous-gallery a{
 font-size:12px;
 color:#02abfe;
  font-weight:bold;
 text-decoration:none;
}
.previous-gallery a:hover{
 font-size:12px;
 font-weight:bold;
 color:#b5b8c7;
 text-decoration:none;
}
.pic-gallery{
 width:680px;
 height:300px;
 margin:10px;
}
.gal{
 width:90px;
 height:63px;
 float:left;
 padding:2px;
}
.vid-gal{
 width:155px;
 height:180px;
 float:left;
 padding:6px;
}
.vid{
 width:155px;
 height:116px;
 border:1px solid #dcdcdc;
 padding:2px;
}
.vid-title{
 width:150px;
 height:50px;
 padding:5px 0 0 2px;
}
.vid-title a{
 font-size:11px;
 color:#000;
 text-decoration:none;
}
.vid-title a:hover{
 text-decoration:none;
 color:#646464;
}
.view-slide{
 width:150px;
 height:20px;
 float:right;
 margin-top:10px;
 
}
.view-slide a{
 font-size:12px;
 font-weight:bold;
 color:#02abfe;
 text-decoration:none;
 padding-left:10px;
}
.view-slide a:hover{
 font-size:12px;
 font-weight:bold;
 color:#b5b8c7;
 text-decoration:none;
}
#picgallery2{display:none}
.pic-gallery2{
 width:680px;
 height:200px;
 margin:10px;
}
.pic-gallery2 ul{
 width:700px;
 padding:0;
 margin:0;
 padding-left:5px;
}
.pic-gallery2 li{
 width:320px;
 font-size:12px;
 color:#000;
 float:left;
 padding:2px;
}
.pic-gallery3{
 width:700px;
 height:200px;
 margin:10px;
}
.pic-gallery3 ul{
 width:700px;
 padding:0;
 margin:0;
 padding-left:5px;
}
.pic-gallery3 li{
 width:355px;
 font-size:12px;
 color:#000;
 float:left;
 padding:3px;
}
.up{
 width:730px;
 height:150px;
}
.explore{
  width:730px;
  height:450px;
}
.explore2{
  width:730px;
  height:450px;
}
.view{
  width:108px;
  height:108px;
  float:left;
  padding:5px 5px 25px 5px;
}
.view p{
  width:99px;
  height:15px;
  padding:0;
  margin:0;
  color:#507da7;
  font-size:10px;
}
.view p a{
  color:#507da7;
  font-size:10px;
  text-decoration:none;
}
.view p a:hover{
  color:#323232;
  font-size:10px;
  text-decoration:none;
}
.pic3{
  width:729px;
  height:230px;
}
.slide3{
  width:650px;
  height:130px;
  background:#212121;
  margin-top:-15px;
  position:absolute;
}
.slide-title{
  float:left;
  width:200px;
  height:70px;
  padding:5px 0 0 10px;
}
.slide-title2{
  width:640px;
  height:50px;
  padding:5px 0 0 10px;
}
.slide-title2 h1{
 color:#FFF;
  font-size:24px;
  font-family:arial;
  padding:0;
  margin:0;
}
.form{
  width:600px;
}
.form-left{
  width:210px;
  float:left;
}
.form-left p{
  padding-left:5px;
}
.submit{
  background:url('../images/search-faq.jpg') no-repeat;
  color:#FFF;
  font-size:12px;
  width:90px;
  height:23px;
  margin-left:3px;
  border:none;
  cursor:pointer;
}
.button2{
  width:200px;
  height:30px;
  padding-top:10px;
}
.slide-title h1{
  color:#FFF;
  font-size:24px;
  font-family:arial;
  width:200px;
  height:80px;
  padding:0;
  margin:0;
}
.slide-view{
  width:400px;
  height:70px;
  float:left;
  padding-left:40px;
}
.slide-view p{
  color:#adadab;
  font-size:14px;
  text-align:justify;
  width:350px;
  padding:0;
  margin:0;
   padding-top:10px;
}
.slide-view p a{
  color:#FFF;
  font-size:12px;
  font-family:arial;
  text-decoration:none;
}
.slide-view p a:hover{
  color:#aeaeae;
  text-decoration:none;
}
/* list cultural event, press release, and features stories */
.list{
  width:500px;
  height:500px;
  margin:0 10px 0 10px;
}
.press{
  width:710px;
  height:150px;
  padding-bottom:20px;
}
/*.press h1{
  width:710px;
  height:32px;
}
*/
.press-list{
  width:710px;
  height:100px;
  padding:10px 0px 0 10px;
}
.bar{
  width:700px;
  height:29px;
  background:url('../images/press-back.jpg') repeat-x;
  border:1px solid #dcdcdc;
}
.bar h1{
  height:20px;
  font-size:14px;
  color:#fe872d;
  margin:0;
  padding:5px 0 4px 10px;
}
.press-list-title{
  width:300px;
  height:80px;
  float:left;
}
.press-list-title h1{
  width:220px;
  height:100px;
  float:left;
  font-size:14px;
  color:#666666;
  padding:0;
  margin:0;
}
.press-list-title h1 a{
  /*font-size:14px;
  color:#666666;
  padding:0;
  margin:0;
  text-decoration:none;*/
  color: #02adf2; /*#2dc4fb;*/
 text-decoration:none;
}
.press-list-title h1 a:hover{
  /*font-size:14px;
  
  padding:0;
  margin:0;*/
  color:#222222;
  text-decoration:none;
}
.press-list-title img{
  float:left;
  padding-right:5px;
}
.pic2{
  width:206px;
  height:145px;
  padding-bottom:10px;
}
.title{
  width:200px;
  height:20px;
  font-size:14px;
  font-family:arial;
  color:#3a3a3a;
}
.title a{
  color:#979797;
  font-size:12px;
  text-decoration:none;
}
.title a:hover{
  color:#f86e0b;
  font-size:12px;
  text-decoration:none;
}
.list-press{
  width:350px;
  height:100px;
  float:right;
  padding-left:30px;
  border-left:1px dotted #dcdcdc;
  margin-right:10px;
}
.list-press ul{
  padding:0;
  margin:0;
  width:320px;
  
}
.list-press li{
  color:#979797;
  padding:2px;
}
.list-press li a{
  color: #02adf2;/*#2dc4fb;*/
  text-decoration:none;
  /*color:#979797;
  font-size:12px;
  text-decoration:none;*/
}
.list-press li a:hover{
  /*
  font-size:12px;*/
  color:#222222;
  text-decoration:none;
}
.list-press p{
  float:right;
}
.list-press p a{
 font-size:12px;
 color:#343434;
 text-decoration:none;
 margin-right:25px;
 /*color:#979797;
 font-size:12px;
 text-decoration:none;*/
}
.list-press p a:hover{
  color:#666666;/*#b8b8b8;*/
 text-decoration:none;
 /*color:#f86e0b;
 font-size:12px;
 text-decoration:none;*/
}
.gallery{
 width:730px;
 height:270px;
}
.photo{
 width:210px;
 height:263px;
 background:#000;
 color:#FFF;
 font-size:11px;
 float:left;
 margin:4px 0px 0 4px;
}
.control{
 width:200px;
 height:20px;
 padding:10px;
}
.control h1{
 width:100px;
 padding:0px;
 margin:0px;
 float:left;
 color:#FFF;
 font-size:18px;
}
.control span{
 float:left;
 cursor:pointer;
 padding-left:3px;
}

 
.previous{
 background:url('../images/previous.jpg') no-repeat;
 width:16px;
 height:16px;
 float:left;
}
.next2{
 float:left;
 background:url('../images/next.jpg') no-repeat;
 width:16px;
 height:16px;
}
.photo p{
 width:170px;
 color:#FFF;
 font-size:11px;
 padding:0 10px 0 10px;
}
.photo a{
 color:#FFF;
 font-size:11px;
 text-decoration:none;
}
.photo a:hover{
 color:#646464;
 text-decoration:none;
}
.photo img{
 border:2px solid #FFF;
 margin:0 10px 0 10px;
}
.info{
 float:left;
 width:510px;
 height:263px;
 margin-left:6px;
}
.info1{
 float:left;
 width:169px;
 height:263px;
 color:#646464;
 font-size:12px;
 border:1px solid #dcdcdc;
 border-right:none;
}
.klas{
 width:160px;
 height:195px;
}
.info1 p{
 height:85px;
 width:140px;
 border:none;
 padding:0 8px 0 10px;
}
.info1 span{
 width:100px;
 color:#646464;
 font-size:12px;
 padding-left:10px;
}
.info1 h1{
 font-size:12px;
 color:#000;
 padding-left:10px;
 width:150px;
 font-family:arial;
}
.info1 a{
 font-size:12px;
 color:#000;
 text-decoration:none;
}
.info1 a:hover{
 color:#646464;
 text-decoration:none;
}
.photo2{
 width:149px;
 margin:10px 0 0 10px;
}
.line-red{
 background:#ff0100;
 width:100%;
 height:8px;
}
.line-green{
 background:#066a38;
 width:100%;
 height:8px;
}
.line-blue{
 background:#00aef3;
 width:100%;
 height:8px;
}
.comment2{
 width:150px;
 color:#9e9e9e;
 font-size:11px;
 margin:10px 0 0 10px;
 height:12px;
}
/* right */
#sidebar{
 width:253px;
 float:right;
 padding:0px 7px 0 3px;
}
#sidebar2{
 width:253px;
 height:100%;
 float:left;
 padding:0px;

}
#sidebar2-l{
 width:253px;
 height:100%;
 float:left;
 padding:0px;
 
}
#sidebar2-h{
 width:253px;
 height:100%;
 float:left;
 padding:0px;
 border-left:1px solid #dcdcdc;
}
#sidebar3{
 width:250px;
 min-height:500px;
 float:left;
 padding:0;
}
#sidebar3-l{
 width:250px;
 height:900px;
 float:left;
 padding:0px;
 border-left:1px solid #dcdcdc;
}
#sidebar4{
 width:253px;
 height:700px;
 float:left;
 padding:0;
}
.user{
 width:253px;
 /*box-shadow:10px 10px 5px #e8e8e8;
 -moz-box-shadow:10px 10px 5px #e8e8e8;*/

}
.user-nav{
 width:253px;
 height:72px;/*202px;*/
 padding-left:3px;
}
.user-sign{
 float:left;
 color:#646464;
 font-size:12px;
}
.community{
 width:238px;
 height:225px;
 padding-left:15px;
 float:left;
}
.header-cm{
 width:230px;
 height:20px;
 padding-bottom:3px;
}
.header-cm h1{
 font-size:16px;
 color:#464646;
 width:150px;
 height:20px;
 float:left;
 font-family:arial;
 padding:0;
 margin:0;
}
.more{
 color:#646464;
 float:right;
 padding:5px 40px 0 0;
}
.more a{
 text-decoration:none;
 color:#646464;
 font-size:11px;
 font-family:arial;
}
.more a:hover{
 color:#000;
 text-decoration:none;
}
.socil-net{
 width:212px;
 height:185px;
 float:left;
}
.header{
 width:210px;
 height:30px;
 border-bottom:1px solid #dcdcdc;
}
.header h1{
 font-size:14px;
 color:#464646;
 width:160px;
 height:30px;
 float:left;
 font-family:arial;
 padding:0;
 margin:0;
}
.notice{
 width:238px;
 height:220px;
 padding-left:17px;
 float:left;
}
.notice h1{
 font-size:16px;
 color:#464646;
 width:100px;
 float:left;
 font-family:arial;
}
.notice ul{
 list-style:none;
 padding:0;
 margin:0;
 width:253px;
 height:100px;
 float:left;
}
.notice li{
 padding:5px;
 color:#646464;
 text-decoration:none;
}
.notice li a{
 padding:5px;
 color:#646464;
 text-decoration:none;
}
.notice li a:hover{
 text-decoration:none;
 color:#000;
}
.faq{
 width:238px;
 height:180px;
 float:left;
 padding-left:15px;
}
.header-faq{
 width:200px;
 height:20px;
 border-bottom:1px solid #dcdcdc;
}
.header-faq h1{
 font-size:12px;
 color:#929292;
 width:160px;
 height:30px;
 float:left;
 font-family:arial;
 padding:0;
 margin:0;
}
.option{
 width:238px;
 height:30px;
 float:left;
 padding-left:5px;
}
.option2{
 margin-left:10px;
 font-style:italic;
}
.select{
 width:210px;
}
.select2{
 width:300px;
 margin:0 5px 0 5px;
}
.subscribe{
 width:261px;
 height:26px;
 float:left;
}
.most{
 width:261px;
 float:left;
}
.most-bar{
 width:251px;
 height:30px;
 background:url('../images/press-back.jpg') top left repeat-x;
 border:1px solid #dcdcdc;
 margin-left:5px;
 margin-right:10px;
}
.most-bar h1{
 padding:0;
 margin:0;
 padding:5px 0 0 10px;
 font-size:14px;
 color:#fe872d;
}
.most-pop{
 width:261px;
 height:260px;
 padding-bottom:3px;
}
.more-most{
 width:250px;
 height:50px;
 border-top:1px dotted #dcdcdc;
 float:left;
}
.more-most p{
 float:right:686868
 color:#2157a1;
 font-size:11px;
 font-family:arial;
 float:right;
}
.more-most p a{
 color:#155da7;
 font-size:11px;
 font-family:arial;
 text-decoration:none;
}
.more-most p a:hover{
 color:#000;
 text-decoration:none;
}
.venue-menu{
 width:250px;
 height:93px;
 float:left;
}
.venue-menu ul{
 width:257px;
 padding:0;
 margin:0;
 list-style:none;
 float:left;
}
.venue-menu li{
 display:block;
 font-size:12px;
 color:#5b5b5b;
 height:25px;
 border-bottom:1px solid #dcdcdc;
 
}
.venue-menu li a{
 font-size:12px;
 color:#5b5b5b;
 text-decoration:none;
 font-family:arial;
 display:block;
 padding:5px 0 8px 20px;
}
.venue-menu li a:hover{
 color:#FFF;
 text-decoration:none;
 background:url('../images/venue-menu.jpg') repeat-x;
 background:#03269c url('../images/panah.png') 8px no-repeat ;
}
.venue-menu li a.current{
 background:#03269c url('../images/panah.png') 8px no-repeat ;
 color:#FFF;
 text-decoration:none;
}
.venue-menu2{
 width:253px;
 height:132px;
 float:left;
}
.venue-menu2 ul{
 width:262px;
 padding:0;
 margin:0;
 list-style:none;
 float:left;
}
.venue-menu2 li{
 display:block;
 font-size:12px;
 color:#5b5b5b;
 height:25px;
 border-bottom:1px solid #dcdcdc;
 
}
.venue-menu2 li a{
 font-size:12px;
 color:#5b5b5b;
 text-decoration:none;
 font-family:arial;
 display:block;
 padding:5px 0 8px 20px;
}
.venue-menu2 li a:hover{
 color:#FFF;
 text-decoration:none;
 background:url('../images/venue-menu.jpg') repeat-x;
 background:#03269c url('../images/panah.png') 8px no-repeat ;
}
.venue-menu2 li a.current{
 background:#03269c url('../images/panah.png') 8px no-repeat ;
 color:#FFF;
 text-decoration:none;
}
.venue-menu3{
 width:253px;
 float:left;
}
.venue-menu3 ul{
 width:262px;
 padding:0px;
 margin:0px;

 list-style:none;
 float:left;
}
.venue-menu3 li{
 display:block;
 font-size:12px;
 color:#5b5b5b;
 height:27px;
 border-bottom:1px solid #dcdcdc;
 
}
.venue-menu3 li a{
 font-size:12px;
 color:#5b5b5b;
 text-decoration:none;
 font-family:arial;
 display:block;
 padding:5px 0 8px 20px;
}
.venue-menu3 li a:hover{
 color:#FFF;
 text-decoration:none;
 background:url('../images/venue-menu.jpg') repeat-x;
 background:#03269c url('../images/panah.png') 8px no-repeat ;
}
.venue-menu3 li a.current{
 background:#03269c url('../images/panah.png') 8px no-repeat ;
 color:#FFF;
 text-decoration:none;
}
.venue-menu4{
 width:253px;
 float:left;
}
.venue-menu4 ul{
 width:262px;
 padding:0;
 margin:0;
 list-style:none;
 float:left;
}
.venue-menu4 li{
 display:block;
 font-size:12px;
 color:#5b5b5b;
 height:27px;
 border-bottom:1px solid #dcdcdc;
 
}
.venue-menu4 li a{
 font-size:12px;
 color:#5b5b5b;
 text-decoration:none;
 font-family:arial;
 display:block;
 padding:5px 0 8px 20px;
}
.venue-menu4 li a:hover{
 color:#FFF;
 text-decoration:none;
 background:url('../images/venue-menu.jpg') right repeat-x;
 background:#03269c url('../images/panah.png') 8px no-repeat ;
}
.venue-menu4 li a.current{
 background:#03269c url('../images/panah.png') 8px no-repeat ;
 color:#FFF;
 text-decoration:none;
}
.map{
 width:253px;
 height:140px;
 float:left;
 padding-left:10px;
}
.map-img{
 width:122px;
 height:122px;
 float:left;
 border:1px solid #dcdcdc;
}
.map-p{
 font-size:12px;
 color:#4c90f1;
 float:right;
 width:120px;
 height:50px;
 margin-top:20px;
}
.map-p p a{
 color:#4c90f1;
 font-size:12px;
 font-family:arial;
 text-decoration:none;
 float:left;
 height:50px;
}
.map-p a:hover{
 color:#646464;
 text-decoration:none;
}
.map2{
 width:253px;
 height:140px;
 float:left;
 padding-left:10px;
}
.map2-img{
 width:110px;
 height:90px;
 float:left;
 border:1px solid #dcdcdc;
}
.map2 p{
 font-size:12px;
 color:#4c90f1;
 float:right;
 width:120px;
 height:50px;
 margin-top:20px;
}
.map2 a{
 color:#4c90f1;
 font-size:12px;
 font-family:arial;
 text-decoration:none;
 float:left;
 height:50px;
}
.map2 a:hover{
 color:#646464;
 text-decoration:none;
}
/* footer */
#footer{
 width:994px;
 height:100px;
 background:#000;
 padding:0;
 margin:0;
}
.footer-top{
 width:993px;
 height:60px;
 border-bottom:1px solid #424242;
}
.jump{
 width:200px;
 height:50px;
 padding:0 10px 0 10px;
 float:left;
}
.jump h1{
  font-size:12px;
  color:#FFF;
}
.select2 {
 width:200px;
 height:20px;
 font-size:11px;
}
.nav-footer{
 float:left;
 width:600px;
 height:40px;
 padding-top:32px
}
.nav-footer ul{

 list-style:none;
 padding:0;
 margin:0;
}
.nav-footer li{
 font-weight:bold;
 font-size:11px;
 color:#FFF;
 float:left;
 padding-left:5px;
}
.nav-footer li a{
 font-weight:bold;
 font-size:11px;
 color:#FFF;
 text-decoration:none;
 padding-right:4px;
}
.nav-footer li a:hover{
 text-decoration:none;
 color:#646464;
}
.nav-bottom{
 width:993px;
 height:10px;
}
.nav-bottom p{
 color:#FFF;
 font-size:11px;
 padding-left:10px;
 font-weight:bold;
}
#footer2{
 width:995px;
 height:100px;
 background:#000;
 
}
.footer-top2{
 width:995px;
 height:70px;
 border-bottom:1px solid #424242;
}
.nav-bottom2{
 width:995px;
 height:30px;
}
/* sponsor */
#sponsor{
  width:993px;
  height:250px;
}
.sponsor-left{
 /*width:730px;*/
 width:975px;
 height:220px;
 float:left;
 margin-left:10px;
}
.sponsor-right{
 width:243px;
 height:230px;
 float:left;
 border-left:1px dotted #686868;
 margin:5px 0 5px 0;
}
.sponsor-right2{
 width:243px;
 height:230px;
 float:left;
 margin:5px 0 5px 0;
}
.other{
 width:230px;
 padding-left:20px;
}
.other h1{
 color:#686868;
 font-size:12px;
}
.other ul{
 width:200px;
 padding:0;
 margin:0;
 list-style:none;
}
.other li{
 float:left;
 padding:10px;
}
.sponsor-top{
 /*width:730px;*/
 width:975px;
 height:110px;
 border-bottom:1px dotted #686868;
}
.sponsor-top ul{
 /*width:700px;*/
 width:900px;
 height:100px;
 list-style:none;
 padding:0;
 margin:0;
}
.sponsor-top li{
 float:left;
 padding:0 20px;
}
.sponsor-top h1{
 color:#686868;
 font-size:12px;
}
.sponsor-bottom{
 /*width:730px;*/
 width:975px;
 height:100px;
}
.sponsor-bottom h1{
 color:#686868;
 font-size:12px;
}
.sponsor-bottom ul{
 /*width:730px;*/
 width:975px;
 height:100px;
 list-style:none;
 padding:0;
 margin:0;
}
.sponsor-bottom li{
 float:left;
 padding:0 20px;
}
.side-news{
 width:261px;
 float:left;
 /*border-bottom:1px solid #dcdcdc;*/
 margin-bottom:2px;
}
.side-news-view{
 width:263px;
 float:left;
 padding:10px;
}
.side-news-view-more{
 width:120px;
 float:right;
}
.side-news-view-more a{
 font-size:10px;
 text-decoration:none;
 color:#000;
}
.side-news-view-more a:hover{
 color:#b8b8b8;
 text-decoration:none;
}
.side-news-view-detail{
 width:120px;
 height:55px;
 float:left;
 margin-left:10px;
}
.side-news-view-title{
 width:120px;
 background:#f2f2f2;
 height:45px;
}
.side-news-view-title h1{
 width:115px;
 margin-left:10px;
 padding:0;
 margin:0;
 margin:5px;
}
.side-news-view-title span{
 margin:5px;
 font-size:10px;
 color:#000;
}
.side-news-view-title a{
 font-size:10px;
 text-decoration:none;
 color:#2dc4fb;
}
.side-news-view-def{
 width:110px;
 height:15px;
 font-size:10px;
 color:#000;
 padding:5px;
}
.side-news-view img{
 width:120px;
 height:80px;
 float:left;
}
.side-news-view p{
 width:100px;
 height:30px;
 font-size:14px;
 color:#333333;
 float:left;
 padding:0;
 margin:0;
 padding:5px 0 0 10px;
}
.side-news-view p a{
 text-decoration:none;
 font-size:14px;
 color:#222222;/*#333333;*/
}
.side-news-view p a:hover{
 text-decoration:none;
 color:#02adf2;/*#000000;*/
}
.side-news ul{
 width:230px;
 
 padding:0;
 margin:0;
 padding:10px 0 0 20px;
 float:left;
}
.side-news li{
 font-size:12px;
 color:#b3b3b3;
 width:230px;
 padding-bottom:10px;
}
.side-news li a{
 font-size:11px;
 color:#222222;/*#b3b3b3;*/
 text-decoration:none;
}
.side-news li a:hover{
 font-size:11px;
 color:#02adf2;/*#000;*/
 text-decoration:none;
}
.side-news-p{
  width:140px;
  float:right;
  height:15px;
  margin-top:10px;
}
.side-news-p a{
  text-decoration:none;
 color:#333333;
 font-size:12px;
}
.side-news-p a:hover{
 text-decoration:none;
 color:#b3b3b3;
}
.video-detail{
 width:650px;
 margin:15px;
 text-align:center;

}
.video-detail h1{
 font-size:16px;
 font-weight:bold;
 color:#333333;
}
.video-view{
 width:100%;
 padding-bottom:10px;
}
.video-view a{
 margin:0 auto;
 display:block;height:303px;width:403px;
}