/* CSS Document */

@charset "utf-8";
html {
                font-size: 100%;
                height: 100%;
                margin-bottom: 1px; /* Always show a scrollbar to avoid jumping when the scrollbar appears  */
                }
				
a{color:#06C;}
a:hover{text-decoration:underline;color:#06C}
img{border:none;}


/* Basic Structure */
body {
padding: 0;
margin: 0;
color:#333;
font:normal 12px Arial,sans-serif;
/*font-family:"Lucida Grande",Tahoma,sans-serif;*/
/*font-family:Segoe UI,"Lucida Grande",Arial,sans-serif;*/
background:white;


}


#page_footer{
width:970px;
margin:0 auto;
}

#page{
width:100%;
margin:0 auto;
background:#fff;}

#page_bk{width:950px;
margin:0 auto;}

#content{ 
clear:both;
width:100%;
background:url(bg_page_top.png) no-repeat;
}

#artical{ font-size:100%; }

/* --------------------------------------HEADER-------------------------------------- */
#g_head{height:80px;}
#head{height:65px;}

#top_menu{
	float:right;
	/*color:#778899;background:url(bg_top_menu.jpg) 25px 0 no-repeat;*/
	color:#818488;
	color:#DCDCDC;
	padding:10px 5px 5px 0px;
	font:normal 100% Arial;
	/* font-family:'Trebuchet MS', Trebuchet, Arial;*/
}

#top_menu a{ text-decoration:none;color:#778899;}

#top_menu .lan_in{ color:black; font-weight:bold;}

/* ------------LOGO-------------- */
#g_logo{
	float:left;
	padding:20px 10px 0 10px;
	margin-top:7px;
}
#logo{
	float:left;
	padding:20px 10px 0 10px;
}
	
#lang{
	clear:right;
	float:right;
	margin-top:10px;
}
	
#lang{ 
	color:black;
	cursor:default;
}
	
#lang a{
	font-family:Arial;
	color:#999;
	text-decoration:none;
}
	
#lang a:hover{ text-decoration:underline;}

/*banner*/	
#mainPic{
	clear:both;
	width:100%;
	margin:0 auto;
}

/*menu*/
/*#horizontal_menu_left{
padding-left:8px;
background:url(bg_mainmenu_left.png) no-repeat;
margin:1px 0;

}

#horizontal_menu_right{
padding-right:8px;
background:url(bg_mainmenu_right.png) 100% 0 no-repeat;
}*/
#mainMenu{
	clear:both;
	width:100%;
	height:35px;
	background:url(bar_noblackbar_gray.jpg) no-repeat;
	margin:0; padding:0;
	/*margin:0 0 5px 0;*/
	/*background:url(bg_mainmenu_center.png) repeat-x;*/
}

#mainMenu li{
	/*border-left:1px solid #C7C7C7;*/
	display:block;
	width:16.5%;
	float:left;
	text-align:center;
}

#mainMenu  li a {
	display:block;
	height:35px;
	text-decoration: none;
	/*color:#4F5966;*/
	color:white;
	font:bold 12px Arial;
	line-height:35px;
}

#mainMenu a:hover {	text-decoration: none;	color:#000;	}	

/*---------------------------------LOCATION-----------------------------*/
#location{
	clear:both;
	text-align:left;
	/*border-bottom:1px solid #C4CCD2;
	border-top:1px solid #C4CCD2;*/
	padding:5px 20px;
	color:#666;
	font:normal 12px Segoe UI,"Lucida Grande",Arial,sans-serif;
}

#location a{ 
	color:#708090;
}
#location a:hover{ 
text-decoration:underline;
}

/*---------------------------------SEARCH------------------------------*/
.search{ 
	float:left;
	width:480px;
	clear:right;
}
#search_top{
	font-family:'Trebuchet MS', Trebuchet, Arial; 
	padding:3px 0;color:#666; 
	position:absolute; 
	z-index:38;
	text-align:right; 
	width:950px; 
}
#search{
	clear:right;
	width:220px;
	height:22px;
	float:right;
	text-align:left;
	background:url(bg_searchbar.gif) no-repeat top left;
}
#search input{ 
	border:none; 
	background:none;  
	padding:0 10px; 
	margin:0; 
	width:130px; 
	color:#999;
}
#search label{margin-left:20px;}
#search a{
	font:normal 100% Arial;
	line-height:200%;
	color:#999;
	text-decoration:none;
}
/*---------------------------------SEARCH END------------------------------*/

/*---------------------------------Google SEARCH------------------------------*/
#g_search{
	clear:right;
	width:451px;
	height:32px;
	float:right;
	text-align:left;
	background:url(bg_searchbar_1.gif) no-repeat top left;
	position:relative;
	margin:7px 0 10px 0;
}
/*.search{ 
	float:left;
	width:480px;
}*/
#search input{}
#g_search .index_searchbar{
	border:1px solid #d0d0d0; 
	background:#FFFFFF; 
	height:17px;  
	width:200px; 
	color:#999;
	position:absolute;
	top:5px;
	padding:2px;
	left:7px;
}
#g_search .btn_psearch{
	position:absolute;
	top:5px;
	left:220px;
}
#g_search .btn_ftsearch{
	position:absolute;
	top:5px;
	left:330px;
}

#search_top{
	font-family:'Trebuchet MS', Trebuchet, Arial; 
	padding:3px 0;color:#666; 
	position:absolute; 
	z-index:38;
	text-align:right; 
	width:950px; 
}

#search_top span{ 
	font-weight:bold;
}
#search_top input,#search_top p{
	margin:0;
	float:none;
	font-size:100%;
	padding:0 5px;
}
#search_top .ipt_1{  background:#DDD; border:1px solid #ccc; font:normal 13px Segoe UI,"Lucida Grande",Arial,sans-serif;}
#search_top .gray_btn{ /*height:18px;*/ border:none; }



/*#search label{
	margin-left:20px;
}*/
/*#search a{
	font:normal 100% Arial;
	line-height:200%;
	color:#999;
	text-decoration:none;
}*/
/*---------------------------------Google SEARCH END------------------------------*/


#menu_ft{ font:normal 12px Arial;text-align:center; padding-top:25px; position:relative;clear:both; background:url(bg_maincontent.jpg) 50% 0 no-repeat;}
#menu_ft ul{ padding:0; margin:0 auto; list-style-type:none}
#menu_ft li{ display:inline; color:#A9A9A9; padding:0 10px;line-height:200%; /*text-transform:capitalize;*/}
#menu_ft li a{ color:#A9A9A9; text-decoration:none;}

#footer{font:normal 12px Arial; color:#c0c0c0; text-align:center; line-height:200%; }
#footer span{ padding:0 10px;}
#footer a{ color:#A9A9A9; text-decoration:none;}

#menu_ft li a:hover,#footer a:hover{ text-decoration:underline;}


/*Homepage main banner*/
#demos{display:block; position:relative;width:950px;height:350px; }

#nav {
	position:absolute;
	width:200px;
	top:315px;
	left:815px;
	display:block; 
	list-style: none;
	z-index:15;	
	filter:alpha(opacity=50);
	opacity:.50;
	margin:0;
	padding:0;
}
#nav li img{ 
}
#nav a {
	display:block;
	width:20px;
	height:20px;
	text-decoration: none;
	background:url(icon_circle.png) 50% 50% no-repeat; 
}
#nav a:hover{
	background:url(icon_circle_hover.png) 50% 50% no-repeat;
}

#nav a.activeSlide { background:url(icon_circle_hover.png) 50% 50% no-repeat; }

#nav a:focus { outline: none; }



#nav li {display:block;width:20px; height:20px; float: left; text-align:center;}

#nav img { border: none; display: block; vertical-align:middle;}


/*Homepage */

.an_block{
width:100%; 
}


#news_random{
width:100%; 
height:40px;
overflow:hidden;
}


#news_random h2, .an_block h2{
clear:both;
width:120px;
display:block;
float:left; 
margin:0;
padding:15px 10px 15px 40px; 
font:bold 12px Arial; 

}

.an_block h2{padding:15px 10px 0 40px; 
}

.news_art, .an_art{ padding:15px 0 0 0; width:770px;float:right; color:#888; }
.an_art{}
.news_art a{ color:#888; text-decoration:none;}
.news_art a:visited{ color:#888; text-decoration:none;}
.news_art a:hover{ color:#888; text-decoration:none;}





#maincontent{
font:normal 100% Arial;
line-height:150%;
clear:both;
color:#868a8d;
}

#event{
float:left;
width:180px;
}
#maincontent h5{
color:#015ca7;
margin:0;
padding:10px 0 0 0;
font:bold 12px Arial;
}
#maincontent h5 a{
color:#015ca7;
text-decoration:none;
}
#maincontent h5 a:visited{
color:#015ca7;
}
#maincontent h5 a:hover{
color:#015ca7;
text-decoration:underline;
}
#maincontent p{
margin:0;
padding:0 5px;
color:#818488;
margin-top:5px;

/*letter-spacing:0.05em;*/
}
#maincontent p a{
color:#818488;
text-decoration:none;
}
#maincontent p a:visited{
line-height:1.4em;
letter-spacing:0.05em;
color:#818488;
margin-top:5px;
padding:3px 5px 0 5px;
text-decoration:none;
}
#maincontent p a:hover{
color:#818488;
text-decoration:underline;
}



#maincontent img{
margin:5px 0 0 0;
}

/*Homepage END*/

.spot{ /*border:1px solid gray;*/ width:20%; float:left;}
.spot p{ text-align:left;  }


/* close float */
/* This needs to be first because FF3 is now supporting this */
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

.clearfix {display: inline-table; clear:both; positon:relative;}

/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */