@charset "utf-8";

/*-----------------------Global------------------*/

* {
    font: 11px "Verdana", "Arial", "Helvetica", "sans-serif" #fff;
}

.chi{letter-spacing:0.5em;}
.eng{letter-spacing:0; font-size:14px; font-family:Arial, Helvetica, sans-serif}
/*.no_border_link a:link, .no_border_link a:visited{text-decoration:none;}*/
.no_border_link a, .no_border_doc a{text-decoration:none;}
img.no_border_link, .no_border_doc
{	
	border:0px;
	cursor:pointer;
}
/*-----------------------Body------------------*/

body {
    margin: 0;
	padding: 0;
	margin-top: 30px;
	margin-bottom: 10px;
	background-color: #424242;
}


/*-----------------------Container------------------*/

#container {
    width: 960px;
    margin: 0 auto;
    text-align: left;
	background-color: #FFFFFF;
	border-top: 8px #FFCC00 solid;
	border-bottom: 9px #FCC757 solid;
	background-color:#F2F3D4;
}


/*-----------------------Navigation 1------------------*/

#navigation1 {
	background: #333333 url(../images/subpage_navigation_bkgd2.jpg) no-repeat 0 0;
	border-top: 2px #FFFFFF solid;
	height: 64px;
}

/***********************
      Header
************************/

#header {
    width: 900px;
    float: left;
	display: inline;
	margin: 4px 30px;
	text-align: right;
	/* background-color: red; */ 
	/* margin-left: 376px; */
	/* margin-top: 5px; */
}

#header h2 {
    margin: 0;
	padding: 0;
	font: bold 14px "Arial", "Helvetica", "Verdana";
	color: #FFFF00;
	text-transform: uppercase;
}

/***********************
      Menu 2
************************/
#menu2
{
	width:700px;
	_width: 750px;/*for IE 6*/
    float: left;
	display: inline;
	margin-left: 130px;/*for Chinese*/
	margin-top: 20px !important;  /* for Firefox */
	margin-top: 20px;             /* for IE */
	text-align: right;
	
}

#menu2.eng {
	margin-left: 180px;
	width:700px;
}

#menu2.chi{
	width:750px;
}

#menu2 * {
	color: #FFFFFF;	
	font: bold 12px "Arial", "Helvetica", "Verdana";
}

#menu2 ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu2 li {
	display: inline;
}

#menu2 li a {
	display: block;
	float: left;
	padding: 0 10px;
	border-left: 1px solid #FFFFFF;
	color: #FFFFFF;
	text-decoration: none;
}

#menu2 li a:hover {
	color: #FFCC33;
	text-decoration: none;
}

#menu2 li.first a {
	border: none;
	padding-left: 0;
}

#menu2 li.last a {
	padding-right: 0;
}

/*************************
      Language Box
**************************/

#languageBox {
    width: 50px;
    float: left;
	display: inline;
	margin-right: 30px;
	margin-top: 19px;
	text-align: right;
}

/*-----------------------Navigation 2------------------*/


#navigation2 {
  width: 200px;
  float: left;
}

/***********************
      Menu Image
************************/

#menu_image {
  width: 200px;
	height: 150px;
	float: left;
	background-color: #F2F3D4;
	border-bottom:5px solid #F2F3D4;
}

*html #menu_image {
    margin-bottom: -2px;
}

/***********************
      Menu 3
************************/

#menu3 {
    width: 200px;
	height: 500px;
	float: left;
	display: inline;
	padding-bottom: 10px;
	background:transparent url(../images/menu4_bk.jpg) repeat-x 0 0;
}

#menu3 p {
	font: 600 16px "Tahoma", "Verdana", "Arial", "Helvetica";
	color:#FFFF00;
	text-align: left;
	margin: 10px auto;
	margin-left:15px;
	background:transparent url(../images/p_arrow.gif) no-repeat 0 0;
	padding: 0 25px;
}

#menu3 ul {
    list-style: none;
	margin: 0;
	padding:7px 16.5px 0;/*FOR IE7+ & FireFox*/
	_padding: 7px 15.5px 0;/*FOR IE6*/
	width: 170px;
}

#menu3 ul li {
    margin: 0; 
}

#menu3 ul li a {
    display: block; 
    padding: 8px 0;
    font: bold 15px "Arial", "Tahoma", "Verdana", "Helvetica";
    border-bottom: 1px solid #FFFFFF;
    background-color: transparent;
    color: #FFFFFF; 
    text-decoration: none; 
    width: 100%; 
}

html>body #menu3 ul li a { 
    width: auto; 
}

#menu3 ul li a:hover {
    color: #FFCC33; 
}

#menu3 li.last a {
	border: none;
}

#menu3 ul.SM li
{
	background-color:#33CCCC;
}

#menu3 ul.SM li a
{
	padding:5px;
}

#menu3 ul.SM
{
	_margin-left:3px !important;
}

#menu3 ul li.last
{
	border-bottom:none;
}

/*-----------------------Contentbox------------------*/

#contentbox {
    width: 760px;
	/*clear:left;*/
	float: right;/**/
	background: #FFF url(../images/subpage_content_bkgd.gif) repeat-x;
	min-height: 650px;
    height: auto !important;
    height: 650px;
}

/**************************************************************
     Center Content: including con_text, content_bar, mod_date
****************************************************************/


#content_center {
	width: 100%;
	float: left;
	margin-top: 50px;
	display: inline;
	border-top:2px solid #B3B3B3;
	text-align: center;
}

#content_center h2 {
    font: 500 20px "Verdana", "Arial", "Helvetica", "sans-serif";
	color: #000000;
	margin-top: 10px;
	border-bottom:1px solid #CCC;
}

#content_center p {
    font: 14px "Verdana", "Arial", "Helvetica", "sans-serif";
	color: #000000;
	text-align: justify;
}

#content_center ul
{
	color: #000000;
	list-style:square;
}

#content_center ul li{
	padding:0.2em 0.1em 0.3em;
	text-align: justify;
	font: 14px "Verdana", "Arial", "Helvetica", "sans-serif";
}

/**********************
      Content Bar
**********************/

#content_bar{
	padding:0px;
	width:100%;
	height:155px;
	background-color:#DEDFD9;
	background-image:url(../images/Pattern.gif);
	background-repeat:no-repeat; 
	margin-top:15px;
	overflow:hidden;/*FOR IE6*/
}
/*
html>body #content_bar {
    height: 155px;
}*/

/***********************
    Content Bar's Image_height:100px;
************************/
img.con_bar_img{
}

.con_bar_img_p{
	padding-left:20px;
}

.con_bar_img_m{
	margin-left:160px;
}

.con_bar_smimg{
	margin-bottom:28px;
}

.sub_con{
	background-position:-100px center;
}

.top_con{
	/*background-position:5px -115px;*/
}

/*MooFlow*/
#MooFlow{ 
	width:750px;
	height:155px;
	background-color: #FFF;
	clear:both;
/*	margin:0 auto;*/
}

ul.sub_list{
	list-style:circle !important;
}


/***********************
    Content Text
************************/

.con_text{
	width:80%;
	margin:20px auto;
	margin-bottom:2px;
	padding-bottom:10px;
	border-bottom:1px solid #CCC;
	text-align:left;
	min-height:500px;
	height:auto !important;
	height:500px;
}

.con_text table tr td
{
	padding:0.5em 0.2em 0.3em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

.con_text a:link, .con_text a:visited
{
	text-decoration:none;
	color:#666666;
	font-size:14px; 
}

.con_text a:hover
{
	text-decoration:underline;
}

#articleTable p{
	color:#666;
}

/***********************
      Photo Menu
************************/

#photo_menu {
    width: 608px;
    float: left;
	display: inline;
	/* margin-left: 120px; */
	margin-top: 15px;
}

#photo_menu * {
	color: #000000;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
}

#photo_menu ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#photo_menu li {
	display: inline;
}

#photo_menu ul li a:link, #photo_menu ul li a:visited
{
	color:#999999;
	font:Verdana, Arial, Helvetica, sans-serif;
	padding-right: 0.5em !important;
	border-right:1px solid #CCC;
}

#photo_menu li a:hover{
	color:#999;
	text-decoration:underline;
}

#photo_menu ul li a.current,#photo_menu ul li a.current:hover {	
	color:#669933 !important;
	font-weight:bold;
	text-decoration:none;
	cursor:text;
}

#photo_menu li.first a {
	border: none;
	padding-left: 0;
}

#photo_menu ul li a.last
{
	border-right:0px !important;
}


/***********************
    Photo Group
************************/

.photo_group
{
	margin: 10px auto;
	clear:both;
	padding-bottom:20px;
}

.photo_group legend
{
	font: 14px Verdana, Arial, Helvetica, sans-serif;
}

.photo_group ul
{	
	list-style:none;
}

.photo_group ul li
{
	margin-right: 5px;
	float:left;
	display:inline;
}

.photo_group ul li img
{
	width:100px;
	height:67px;
}


/***********************
    Modified Date
************************/

#mod_date{
	font-size:11px;
	width:80%;
	text-align:right;
	margin:0 auto;
	padding-top:5px;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}

/***********************
      News Block
************************/
#news_block
{
	text-align:center;
}

#news_metadata
{
	text-align:right;
	margin-top:-15px;
	margin-bottom:10px;
	padding:0;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
}

#news_block div.photo_group
{
	padding:0px;
	margin: 0 auto;
	height:auto;
}

.news_photo
{
	/*padding-bottom:20px;*/
	border:1px solid #F4F4F4;
	margin:5px;
}

#photo_caption
{
	margin:5px auto;
	width:517px;
	border:1px dotted #CCC;
	padding:5px;
}

#photo_caption.chi p
{
	text-indent:-5em;
	padding-left:5em;
	text-align:justify;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
}

#photo_caption.eng p
{
	text-indent:-9em;
	padding-left:9em;
	text-align:justify;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
}

#news_v
{
	border-top:2px solid #EDFAB8;
	border-bottom:1px solid #EDFAB8;
	padding:5px;
	/*background:transparent url(../images/video.gif) no-repeat right 20px;*/
}

#pager{
	width:100%;
	text-align:center;
	font-size:10px;
	margin-top:10px;
}

#pager div.active{
	background-color:#CAF071;
	color:#006600;
}

.pagerItem{
	cursor:pointer;
	display:inline;
	margin:5px;
	border:1px solid #CAF071;
	padding:0.3em;
}
/**************************************************
  Shout Box: including personal_info, avatar, quote
****************************************************/
.shoutBox
{
	width:100%;
	text-align:left;
	margin-top:25px;
}

.shoutBox #box_title
{
	background-color:#EDFAB8;
	color:#99CC00;
	padding:0.2em;
	font-weight:bold;
}

.shoutBox .boxContent
{
	margin-bottom:20px;
	border-bottom:1px dotted #ccc;
	padding-bottom:5px;

}

.shoutBox .last
{
	border-bottom:0px;
}

.boxContent p.personal_info
{
	font:Geneva, Arial, Helvetica, sans-serif 11px !important;
	font-family:"Times New Roman", Times, serif !important;
	color:#669900 !important;
	margin:0px;
	margin-bottom:5px;

}

.avatar
{
	float:left;
	margin:0px;
	margin-right:5px;
}

.quote
{
	min-height:150px;
	height:auto !important;
	height:150px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:justify;
	margin:0px;
}

/*-----------------------Footer------------------*/

#footer {
	clear: both;
	background-color: #FFF;
	/*border-top: 20px #FFFFFF solid;*/
	min-height: 80px;
	height: auto !important;
	height: 80px;
	color: #000000;
	text-align: center;
	font: 11px "Verdana", "Arial", "Helvetica", "sans-serif";
}

a.textbutton, a.textbutton:visited {
	font: 11px "Verdana", "Arial", "Helvetica", "sans-serif";
	color: #4F4A68;
	text-decoration: none;
}

a.textbutton:hover {
	font: 11px "Verdana", "Arial", "Helvetica", "sans-serif";
	color: #7A794D;
}