/****** created by Johnny Liu Feb/20/2008 bySoft*****/

body {
	margin:0px;
	padding:0px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:63%;
	color:#000;
	background:#fff;
}

a{
	position:relative;
	text-decoration:none;
}

a img{
	border:none;
}

img {
    behavior:url("includes/js/win_png.htc");
}

#wrap {
	width:1000px;
	margin:0px auto;
}

.clear{
	clear:both;
}

.clear_with_height{
	clear:both;
	height:12px;
	font-size:0px;
}

.clear_with_height_links{
	clear:both;
	width:732px;
	height:12px;
	font-size:12px;
	text-align:right;
}

.clear_20{
	clear:both;
	height:20px;
	font-size:0px;
}
/****** defined color ********/

.blue{
	background:#CFE6FE;
	color:#CFE6FE;
}

.yellow{
	background:#ECE7D0;
	color:#ECE7D0;
}

.silver{
	background:#F3F3F3;
	color:#F3F3F3F;
}

.gray{
	background:#E0E0E0;
	color:#E0E0E0;
}

.navy{
	background:#4589B5;
	color:#4589B5;
}


.blue_text, .blue_text a{
	color:#CFE6FE;
}

.yellow_text, .yellow_text a{
	color:#ECE7D0;
}

.silver_text, .silver_text a{
	color:#F3F3F3;
}

.gray_text, .gray_text a{
	color:#E0E0E0;

}

.navy_text, .navy_text a{
	color:#4589B5;
}

.text_blue{color:#00609B;}
.text_italic{ font-style:italic;}
.text-12 { font-size:1.2em; font-weight:bold;}
.text-bold{ font-weight:bold;}

/*************** header ***************/

#header{
	margin:0px;
	padding:0px;
	width:100%;
	/*height:240px;*/
	position:relative;
	font-size:100%;
	z-index:101;
}

#logo{
	float:left;
	width:205px;
	height:171px;
	text-align:center;
}


#logo_bg{
	width:205px;
	height:220px;
	position:absolute;
	text-indent:-2000px;
	/*background:url(../../images/logo-sh.jpg) no-repeat top center;*/
	cursor:pointer;
}


#banner{
	width:640px;
	height:220px;
	/*background:url(../../images/banner-sh.jpg) no-repeat;*/
	float:left;
	position:relative;
}

#cout_down{
	position:absolute;
	left:-215px;
	top:180px;
	font-size:21px;
	font-weight:bold;
}

#banner_expo{
	width:125px;
	height:220px;
	/*background:url(../../images/bannerrit-sh.jpg) no-repeat;*/
	float:left;
}

#toolbar{
	clear:both;
	width:100%;
	height:30px;
	background:url(../../images/toolbar.jpg) no-repeat;
}

#flag{
	padding-top:6px;
	padding-left:28px;
}

.flag_element{
	padding-right:4px;
	float:left;
}

#fontsize{
	float:left;
}


.fontsize_element{
	position:relative;
	top:-2px;
	left:3px;
	width:18px;
	height:23px;
	padding-right:3px;
	float:left;
}

/***************************/

#search .field input{
	float:left;
	width:125px;
	margin-left:10px;
	position:relative;
	top:-2px;
	left:-5px;
}

#search .btn{
	font-size:1.2em;
	float:left;
	color:#00609B;
	font-weight:bold;
	line-height:20px;
	position:relative;
	left:-3px;
}

#search .btn a{
	color:#00609B;
}



/******************pathway************************/


#pathway_wrap{
	position:relative;
	top:0px;
	left:27px;
}

#pathway{
	width:700px;
	font-size:1.2em;
	color:#002F52;
/*	position:absolute;
*/
}

#pathway a{
	color:#002F52;
}

.pathway_icon{
	width:6px;
	height:10px;
	background:url(../../images/path_arrow.gif) no-repeat left center;
}

.pathway_active{
	text-decoration:underline;
	color:#002F52;
}

/************ content element  ************/

#content{
	width:100%;
	margin-bottom:9px;
	padding:0px;
	position:relative;
	float:left;
	font-size:100%;
}

#content .con_left{
float:left;
width:858px;
padding-left:10px;
}

#content .con_right{
padding-top:10px;
float:left;
width:120px;
height:365px;
overflow:hidden;
position:relative;
}
#content .con_right p.spip{
text-align:justify;
padding:0;
margin:0;}

/****** left column elements *********/

#left_column{
	width:180px;
	float:left;
	margin-top:30px;
}




/****** main body elements *********/

#section_block_wrap{
	clear:both;
	padding-left:0;
	margin-top:10px;
}

.section_block{
	padding-bottom:10px;
}

#main_body{
	clear:both;
	padding-left:0;
	height:320px;
}

#main_body_page_1{
	width:760px;
	/*_height:680px;
	min-height:680px;*/	
	_height:500px;
	min-height:500px;
	padding-left:40px;
	margin-top:30px;
	float:left;
}

#main_body_page_2{
	width:740px;
	float:left;
	_height:470px;
	min-height:470px;
	padding-left:40px;
	margin-top:30px;
}

#main_body_page_3{
	width:600px;
	float:left;
	_height:470px;
	min-height:470px;
	margin-top:30px;
}




/****** right column elements *********/

#right_column{
	float:right;
	width:200px;
	position:relative;
	padding-top:30px;
}

/*add by ken*/
#right_column a{
	color:#ffffff;
}

#right_column_2{
	float:right;
	width:200px;
	position:relative;
	padding-top:10px;
}


.right_top_box_1{
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	float:left;
	margin-bottom:15px;
}

.right_top_box_top_1{
	width:160px;
	height:10px;
	font-size:0em;
	background:url(../../images/right_column_box1_upper.gif) no-repeat;
}


.right_top_box_body_1{
	background:#87989D;
	width:160px;
	padding-bottom:10px;
}

.right_top_box_bot_1{
	width:160px;
	height:10px;
	font-size:0em;
	background:url(../../images/right_column_box1_lower.gif) no-repeat;
}

.right_top_box_text_1{
	width:135px;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:10px;
	border-bottom:1px solid #ABBEC4;
	/*padding-left:23px;
	background:url(../../images/menu_divider.gif) bottom no-repeat;
	border:1px solid red;*/
}

.red_point{
	width:4px;
	height:8px;
	background:url(../../images/menu_piont.gif) left center no-repeat;
}

.white_point{
	width:4px;
	height:8px;
	background:url(../../images/menu_point_white.gif) left center no-repeat;
}
.right_top_box_text_red
{
   padding-left:10px;
   background:url(../../images/menu_point_right.gif) left top no-repeat;
}
.right_top_box_text_white
{
   padding-left:10px;
   background:url(../../images/menu_point_right_white.gif) left top no-repeat;
}

.right_top_box_2{
	text-align:-moz-center!important;
	text-align:center;
	font-size:1.1em;
	color:#333;
	float:left;
}

.right_top_box_top_2{
	width:160px;
	height:10px;
	font-size:0em;
	background:url(../../images/right_column_box2_upper.gif) no-repeat;
}
.right_top_box_body_2{
	background:#E4E9EC;
	width:160px;
	padding-bottom:5px;

}
.right_top_box_bot_2{
	width:160px;
	height:10px;
	font-size:0em;
	background:url(../../images/right_column_box2_lower.gif) no-repeat;
}
.right_top_box_title_2{
	font-size:2.0em;
	color:#00609B;
	font-weight:bold;}

.right_top_box_text_2{
	border-bottom:solid 1px #FFFFFF;
	width:130px;
	padding-top:5px;
	padding-bottom:5px;
}


.right_top_box_text_3{
	width:130px;
	padding-top:5px;
	padding-bottom:5px;
}

.right_end_box
{
	clear:both;
	width:162px;
	height:320px;
}

/************ footer **********/

#footer{
	margin:0px;
	padding:0px;
	width:100%;
	height:38px;
	clear:both;
	font-size:100%;
	position:relative;
	background:url(../../images/footer_bg.gif) no-repeat;
    text-align:center;
}

.footer_text{
	font-size:11px;
	color:#fff;
	padding-top:5px;
}

.footer_text a{
	color:#fff;
}

.footer_rss{
	position:relative;
	top:3px;
	left:5px;
}

.footer_w3c{
	width:45px;
	position:relative;
	top:5px;
	left:0px;
}

.footer_intro{
font-size:80%;
}

#faq{
	position:absolute;
	top:-320px;
	left:800px;
	/*width:162px;*/
	height:320px;
	background:url(../../images/pic_wen1.jpg) no-repeat;
	float:left;
}

.index #faq{
	left:868px;}

.faq_body{
	width:120px;
	margin-top:79px;
	text-align:right;
	font-size:1.2em;
	line-height:150%;
}
.faq_body div{ clear:both;}

.faq_body a{
	color:#333;
	padding-right:10px;
	letter-spacing:-1px;
}

#highlighted_btn{
	width:116px;
	height:28px;
	float:left;
	margin-left:2px !important;
	margin-left:1px;
	font-weight:bold;
	line-height:200%;
	background:url(../../images/btn_active.jpg) repeat-x 0 0;
}

#highlighted_btn a{
	color:#00609B;
	padding-right:11px;
}
#title_1,#title_2,#title_3{
padding:5px 0;
clear:both;}
.bgmisic{
top:-10px;
+top:-20px;
right:18px;
position:relative;
}
.bgmisic .spip_doc_titre{display:none;}
#sh2010{width:78px;height:14px;overflow:hidden}