body  {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

a { text-decoration:none;}
img { border:none;}
.sonorous{ float:right;}

.clear{ clear:both; font-size:0px; line-height:0px;}
.clear20{ clear:both; height:20px;}
.clear15{ clear:both; height:15px;}
.bold{ font-weight:bold; color:#2D3842;}
.black{ color:#000000;}
span.black{ color:#000000;}
.font11{ font-size:11px; font-weight:bold;}
.pathway{ color:#666666; font-size:11px; display:block; padding-top:5px; margin-left:20px;}
.pathway a {color:#666666;}

#container { 
	width: 980px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative;
}

/*****************************************page5 and page6************************************************/

#left_wrapper {
	float: left;
	text-align:center;	
	margin-left:30px!important;
	margin-left:15px;
	width: 280px; /* since this element is floated, a width must be given */
	background:url(../images/bg_home_bar2.gif) left top no-repeat #B5B9BD; /* the background color will be displayed for the length of the content in the column, but no further */
}


#left_wrapper h1{ padding:0; margin:0; padding:15px; margin-bottom:24px;}


#left_wrapper #menu {font-family:Helvetica,Arial,sans-serif; text-align:right; padding-right:10px;}
#left_wrapper #menu ul{ padding:0; margin:0; list-style:none;}
#left_wrapper #menu ul li{ margin-bottom:30px; min-height:20px;}
#left_wrapper #menu ul li a{ color:#434A4B; font-size:15px; font-weight:bold; letter-spacing:-1px;}
#left_wrapper #sub_menu{font-family:Helvetica,Arial,sans-serif; padding-top:50px; text-align:right; padding-bottom:90px; padding-right:10px; letter-spacing:-1px; line-height:18px;}
#left_wrapper #sub_menu ul{ padding:0; margin:0; list-style:none;}
#left_wrapper #sub_menu ul li{ padding:0; margin:0; margin-bottom:5px; list-style:none;}
#left_wrapper #sub_menu ul li a{ color:#434A4B; font-size:15px; font-weight:bold;}
#left_wrapper #sub_menu_p_17{ padding-top:50px; text-align:right; padding-bottom:20px; padding-right:10px; letter-spacing:-1px; line-height:18px;}
#left_wrapper #sub_menu_p_17 ul{ padding:0; margin:0; list-style:none;}
#left_wrapper #sub_menu_p_17 ul li{ padding:0; margin:0; margin-bottom:5px; list-style:none;}
#left_wrapper #sub_menu_p_17 ul li a{ color:#434A4B; font-size:15px; font-weight:bold;}

#right_wrapper {
	float:left;
	width:670px;
}

#right_wrapper #header{ float:right; width:560px; padding-right:10px;}

#right_wrapper #lang {  margin-top:5px; text-align:right; padding-bottom:10px; } 
#right_wrapper #lang a{ color:#626A6A;}
#right_wrapper #lang a.lang_active{ color:#0091D2;}
 
#right_wrapper #tool_bar{ text-align:right; width:150px; clear:both; float:right; height:54px;}
#right_wrapper #tool_bar ul{ list-style:none; padding:0; margin:0; float:right; }
#right_wrapper #tool_bar ul li{ padding-right:20px; line-height:18px;}
#right_wrapper #tool_bar ul li a{ color:#6B7474; font-size:11px}
#right_wrapper #tool_bar ul li.email{ background:url(../images/icon_mail.gif) right top no-repeat;}
#right_wrapper #tool_bar ul li.login{ background:url(../images/icon_account.gif) right no-repeat;}
#right_wrapper #tool_bar ul li.search{ background:url(../images/icon_search.gif) right no-repeat;}

#right_wrapper h2{ padding:0; margin:0; font-size:16px; color:#5C6A74; font-weight:bold; border-bottom:solid #9CA3A3 1px; width:600px; margin-left:20px;}
#right_wrapper #main_content{ float:left; clear:both; width:640px;  background:#FFFFFF;}
#right_wrapper #main_content .news_wrapepr{ width:360px; float:left; padding-top:20px; padding-left:20px; padding-right:4px;/*border-right:1px dashed #9CA3A3*/}
#right_wrapper #main_content .news{ width:315px; height:77px; clear:both; color:#666666; margin-bottom:20px; line-height:12px;}
#right_wrapper #main_content .last{ margin-bottom:0px;}
#right_wrapper #main_content .news a{ color:#0091D2; font-weight:bold; font-size:9px;}
#right_wrapper #main_content .news img{ float:left; }
#right_wrapper #main_content .news .news_des{ float:left; width:165px; padding-top:8px; }

.divider{ float:left; margin-top:20px;}
#right_wrapper #main_content .calendar{ width:250px; float:left; padding-top:20px; padding-left:5px;border-left:1px dashed #9CA3A3}
#right_wrapper #main_content .calendar ul{ padding:0; margin:0; list-style:none; padding-top:12px; padding-left:5px;}
#right_wrapper #main_content .calendar .news_date{ font-weight:bold; border-bottom:solid #9CA3A3 1px; padding-bottom:5px; padding-left:20px; height:15px;}
#right_wrapper #main_content .calendar .news_date .left {float:left;}
#right_wrapper #main_content .calendar .news_date .right {float:right;}
#right_wrapper #main_content .calendar ul li{ padding:0; margin:0; list-style:none; background:url(../images/icon_squre_green.gif) left 4px no-repeat; padding-left:15px; padding-bottom:15px;}
#right_wrapper #main_content .calendar ul li.green{ padding:0; margin:0; list-style:none; background:url(../images/icon_squre_green.gif) left 4px no-repeat; padding-left:15px; padding-bottom:15px;}
#right_wrapper #main_content .calendar ul li.red{ padding:0; margin:0; list-style:none; background:url(../images/icon_squre_red.gif) left 4px no-repeat; padding-left:15px; padding-bottom:15px;}
#right_wrapper #main_content .calendar ul li.purple{ padding:0; margin:0; list-style:none; background:url(../images/icon_squre_purple.gif) left 4px no-repeat; padding-left:15px; padding-bottom:15px;}
#right_wrapper #main_content .calendar ul li.blue{ padding:0; margin:0; list-style:none; background:url(../images/icon_squre_blue.gif) left 4px no-repeat; padding-left:15px; padding-bottom:15px;}
#right_wrapper #main_content .calendar ul li.gray{ padding:0; margin:0; list-style:none; background:url(../images/icon_squre_gray.gif) left 4px no-repeat; padding-left:15px; padding-bottom:15px;}
#right_wrapper #main_content .calendar ul li a{ color:#333333;}

#bot_wrapper{#margin-top: -2px;} 
#bot_wrapper #footer_up{ background:url(../images/bar_big.gif) no-repeat; width:980px; height:78px;}
#bot_wrapper #footer_up .footer_sound{ width:300px; float:left; padding-top:28px;}
#bot_wrapper #footer_up .footer_sound img{float:right;}
#bot_wrapper #footer_up .footer_mark{ width:640px; float:left; padding-top:28px;}
#bot_wrapper #footer_up .footer_mark img{float:right;}
#bot_wrapper #footer_bot{ background:url(../images/bg_footer.gif) 30px top no-repeat; width:980px; height:57px;  font-size:11px;text-align:right; padding-top:3px;}
#bot_wrapper #footer_bot .footer_bot_left{ display:block; float:left; width:300px; color:#434A4B}
#bot_wrapper #footer_bot .footer_bot_left a{color:#434A4B}
#bot_wrapper #footer_bot .footer_bot_right{ display:block; float:left; width:665px; }
#bot_wrapper #footer_bot a{color:#333333;}
#bot_wrapper #footer_bot a:hover{ text-decoration:underline;}
.bg_bar{ background:url(../images/bg_bar.gif) center 105px no-repeat; width:100%;  clear:both;}


/*****************************************page2************************************************/
.bg_bar_blue{ background:url(../images/bg_bar_blue.gif) center 105px no-repeat; width:100%; clear:both;}
#left_wrapper2 {
	float: left;	
	margin-left:30px!important;
	margin-left:15px;
	width: 280px; /* since this element is floated, a width must be given */
	
	
}
.bar_blue {
	background:url(../images/bar_blue.gif) left top no-repeat #B5B9BD;
}

#left_wrapper2 h1{ padding:0; margin:0; padding:15px; margin-bottom:59px;}

#left_wrapper2 #menu {font-family:Helvetica,Arial,sans-serif; text-align:left; margin-bottom:30px;}
#left_wrapper2 #menu a.active{ color:#FFFFFF; }
#left_wrapper2 #menu ul{ padding:0; margin:0; list-style:none; }
#left_wrapper2 #menu ul.level_1 li{ margin-bottom:5px;}
#left_wrapper2 #menu ul li a{ color:#434A4B; font-size:15px; font-weight:bold; }

#left_wrapper2 #sub_menu{font-family:Helvetica,Arial,sans-serif; text-align:left; padding-bottom:90px; padding-top:0px; padding-right:10px; line-height:18px;}
#left_wrapper2 #sub_menu a.active{ color:#FFFFFF; }
#left_wrapper2 #sub_menu ul{ padding:0; margin:0; list-style:none;}
#left_wrapper2 #sub_menu ul li{ padding:0; margin:0; margin-bottom:5px; list-style:none;}
#left_wrapper2 #sub_menu ul li a{ color:#434A4B; font-size:15px; font-weight:bold;	padding-left:17px;}
#left_wrapper2 #sub_menu ul li ul.level_2{ border-top:#DADCDE 1px solid; border-bottom:#DADCDE 1px solid; padding-left:25px; padding-top:10px; margin-top:8px;}
#left_wrapper2 #sub_menu ul li ul.level_2 li{ margin:0; background:url(../images/icon_squre_gray.gif) left 4px no-repeat; padding-left:0px; margin-bottom:15px;padding-left:17px;}
#left_wrapper2 #sub_menu ul li ul.level_2 li.selected{ margin:0; background:url(../images/icon_squre_white.gif) left 4px no-repeat; padding-left:0px; margin-bottom:15px;padding-left:17px;}
#left_wrapper2 #sub_menu ul li ul.level_2 li a{color:#434A4B;padding-left:0px;}
#left_wrapper2 #sub_menu ul li ul.level_2 li a.active{ color:#FFFFFF; font-weight:bold;padding-left:0px;} 

#left_wrapper2 #menu ul.level_1 li a{ padding-left:17px;}
#left_wrapper2 #menu ul li ul.level_2 { border-top:#DADCDE 1px solid; border-bottom:#DADCDE 1px solid; padding-left:25px; padding-top:10px; margin-top:8px;}
#left_wrapper2 #menu ul li ul.level_2 li{ margin:0; background:url(../images/icon_squre_gray.gif) left 4px no-repeat; padding-left:17px; margin-bottom:15px;}
#left_wrapper2 #menu ul li ul.level_2 li.selected{ margin:0; background:url(../images/icon_squre_white.gif) left 4px no-repeat; padding-left:17px; margin-bottom:15px;}
#left_wrapper2 #menu ul li ul.level_2 li a{ font-weight:normal; font-size:14px; padding-left:0;}
#left_wrapper2 #menu ul li ul.level_2 li a.active{ font-weight:bold;}

#left_wrapper2 #menu ul li ul li ul.level_3 { padding-left:5px;}
#left_wrapper2 #menu ul li ul li ul.level_3 li{ margin-bottom:0px; background:none; }
#left_wrapper2 #menu ul li ul li ul.level_3 li a{ margin-bottom:0px; font-size:12px; font-weight:bold;}
#left_wrapper2 #menu ul li ul li ul li ul.level_4{ margin:0; padding:0; padding-left:35px; }
#left_wrapper2 #menu ul li ul li ul li ul.level_4 li{ margin:0; padding:0;}
#left_wrapper2 #menu ul li ul li ul li ul.level_4 li a{ margin-bottom:0px; font-size:12px; font-weight:normal;}
#left_wrapper2 #menu ul li ul li ul li ul.level_4 li a.active{ color:#FFFFFF; font-weight:normal;}

#left_wrapper2 #sub_menu ul li ul li ul.level_3 { padding-left:5px;}
#left_wrapper2 #sub_menu ul li ul li ul.level_3 li{ margin-bottom:0px; background:none; }
#left_wrapper2 #sub_menu ul li ul li ul.level_3 li a{ margin-bottom:0px; font-size:12px; font-weight:bold;}
#left_wrapper2 #sub_menu ul li ul li ul.level_3 li a.active{ color:#FFFFFF;}
/*****************************************page3************************************************/
.bg_bar_green{ background:url(../images/bg_bar_green.gif) center 105px no-repeat; width:100%; clear:both;}
#left_wrapper2 {
	float: left;	
	margin-left:30px!important;
	margin-left:15px;
	width: 280px; /* since this element is floated, a width must be given */
	height:100%;
}
.bar_green {
	background:url(../images/bar_green.gif) left top no-repeat #B5B9BD;
}

/*--------------------------------------------Page8/Page9/page10 header and footer-------------------------------------------*/
.bg_bar_widebg{}
#left_wrapper2 {
	float: left;	
	margin-left:30px!important;
	margin-left:15px;
	width: 280px; /* since this element is floated, a width must be given */
	height:100%;
}
.bar_widebg {
	background:url(../images/logo_bg.gif) left top no-repeat #B5B9BD;
	height:100%;
}
.bar_widebg #logo_higher{ padding:15px; margin:0; margin-bottom:95px!important;}
/*page 10 header reconstruction*/
#header_wrapper_r{
	position:absolute;
	right:0px;
	top:103px;
}
#right_wrapper #header_wrapper_r #footer_up{ background:url(../images/bar_big.gif) no-repeat; width:980px; height:78px;}
#right_wrapper #header_wrapper_r #footer_up .footer_sound{ width:300px; float:left; padding-top:28px;}
#right_wrapper #header_wrapper_r #footer_up .footer_sound img{float:right;}
#right_wrapper #header_wrapper_r #footer_up .footer_mark{ width:640px; float:left; padding-top:28px;}
#right_wrapper #header_wrapper_r #footer_up .header_mark{ width:640px; float:left;}
#footer_up .header_mark img{float:right; padding-left:10px;}

#footer_up .footer_mark img{float:right; padding-left:10px;}
#right_wrapper #header_wrapper_r #footer_bot{ background:url(../images/bg_footer.gif) 30px top no-repeat; width:980px; height:57px;  font-size:11px;text-align:right; padding-top:3px;}
#right_wrapper #header_wrapper_r #footer_bot .footer_bot_left{ display:block; float:left; width:300px;}
#right_wrapper #header_wrapper_r #footer_bot .footer_bot_right{ display:block; float:left; width:665px; }
#right_wrapper #header_wrapper_r #footer_bot a{color:#333333;}
#right_wrapper #header_wrapper_r #footer_bot a:hover{ text-decoration:underline;}

#bot_wrapper_r #footer_up{ background:url(../images/page8_10_footer.gif) no-repeat; width:980px; height:24px;}
#bot_wrapper_r #footer_up .footer_sound{ width:300px; float:left; padding-top:28px;}
#bot_wrapper_r #footer_up .footer_sound img{float:right;}
#bot_wrapper_r #footer_up .footer_mark{ width:640px; float:left; padding-top:28px;}
#bot_wrapper_r #footer_up .footer_mark img{float:right;}
#bot_wrapper_r #footer_bot{ background:url(../images/bg_footer.gif) 30px top no-repeat; width:980px; height:57px;  font-size:11px;text-align:right; padding-top:3px;}
#bot_wrapper_r #footer_bot .footer_bot_left{ display:block; color:#434A4B; float:left; width:300px;}
#bot_wrapper_r #footer_bot .footer_bot_right{ display:block; float:left; width:665px; }
#bot_wrapper_r #footer_bot a{color:#434A4B;}
#bot_wrapper_r #footer_bot a:hover{ text-decoration:underline;}


#left_wrapper2 #menu_page8_10 { text-align:left; margin-bottom:30px;}
#left_wrapper2 #menu_page8_10 a.active{ color:#FFFFFF; }
#left_wrapper2 #menu_page8_10 ul{ padding:0; margin:0; list-style:none;}
#left_wrapper2 #menu_page8_10 ul.level_1 li{ margin-bottom:5px;}
#left_wrapper2 #menu_page8_10 ul li a{ color:#434A4B; font-size:15px; font-weight:bold; }

#left_wrapper2 #menu_page8_10 ul.level_1 li a{ padding-left:17px;}
#left_wrapper2 #menu_page8_10 ul li ul.level_2 { border-top:#DADCDE 1px solid; border-bottom:#DADCDE 1px solid; padding-left:25px; padding-top:10px; margin-top:8px;}
#left_wrapper2 #menu_page8_10 ul li ul.level_2 li{ margin:0; background:url(../images/icon_squre_gray.gif) left 4px no-repeat; padding-left:17px; margin-bottom:15px;}
#left_wrapper2 #menu_page8_10 ul li ul.level_2 li.selected{ margin:0; background:url(../images/icon_squre_white.gif) left 4px no-repeat; padding-left:17px; margin-bottom:15px;}
#left_wrapper2 #menu_page8_10 ul li ul.level_2 li a{ font-weight:normal; font-size:14px; padding-left:0;}
#left_wrapper2 #menu_page8_10 ul li ul.level_2 li a.active{ font-weight:bold;}

#left_wrapper2 #menu_page8_10 ul li ul li ul.level_3 { padding-left:5px;}
#left_wrapper2 #menu_page8_10 ul li ul li ul.level_3 li{ margin-bottom:0px; background:none; }
#left_wrapper2 #menu_page8_10 ul li ul li ul.level_3 li a{ margin-bottom:0px; font-size:12px; font-weight:bold;}
#left_wrapper2 #menu_page8_10 ul li ul li ul li ul.level_4{ margin:0; padding:0; padding-left:35px; }
#left_wrapper2 #menu_page8_10 ul li ul li ul li ul.level_4 li{ margin:0; padding:0;}
#left_wrapper2 #menu_page8_10 ul li ul li ul li ul.level_4 li a{ margin-bottom:0px; font-size:12px; font-weight:normal;}
#left_wrapper2 #menu_page8_10 ul li ul li ul li ul.level_4 li a.active{ color:#FFFFFF; font-weight:normal;}

/*----------------------Page11/page12/page13/page14/page19 headerBar_Gray BG-------------------------------------------*/

.bg_bar_gray{ background:url(../images/bg_bar_gray.gif) center 105px no-repeat; width:100%; clear:both;}
#left_wrapper2 {
	float: left;	
	margin-left:30px!important;
	margin-left:15px;
	width: 280px; /* since this element is floated, a width must be given */
	height:100%;
}
.bar_gray{
	background:url(../images/bar_gray.gif) left top no-repeat #B5B9BD;
}

/*----------------------Page20 headerBar_Gray BG-------------------------------------------*/

.bg_bar_pink{ background:url(../images/bg_bar_pink.gif) center 105px no-repeat; width:100%; clear:both;}
#left_wrapper2 {
	float: left;	
	margin-left:30px!important;
	margin-left:15px;
	width: 280px; /* since this element is floated, a width must be given */
	height:100%;
	position:relative;
	padding-bottom:15px;
}
.bar_pink{
	background:url(../images/bar_pink.gif) left top no-repeat #B5B9BD;
}

/*****************************************page23************************************************/

#left_wrapper_23 {
	float: left;	
	margin-left:30px!important;
	margin-left:15px;
	width: 280px; 
	background: #B5B9BD;
	height:130px; 
}

#left_wrapper_23 h1{ padding:0; margin:0; padding:15px;}
#right_wrapper #main_content2{ float:left; clear:both; width:640px; padding-top:5px;}
.sitemap_list{ width:870px; background:#ffffff; margin-left:50px!important; margin-left:25px; padding-left:10px; float:left;}
.sitemap_list .menu_block{ font-size:11px;  width:210px; float:left; padding-bottom:25px;}
.sitemap_list .menu_block .sitemap_title{ font-size:14px; font-weight:bold; display:block; background:url(../images/icon_squre_blue.gif) left top no-repeat; padding-left:20px; padding-bottom:15px;}
.sitemap_list .menu_block .blue{ background:url(../images/icon_squre_bigblue.gif) left top no-repeat;}
.sitemap_list .menu_block .blue a{color:#000000;}
.sitemap_list .menu_block .green{ background:url(../images/icon_squre_biggreen.gif) left top no-repeat;}
.sitemap_list .menu_block .green a{ color:#000000;}
.sitemap_list .menu_block .red{ background:url(../images/icon_squre_bigred.gif) left top no-repeat;}
.sitemap_list .menu_block .red a{ color:#000000 }
.sitemap_list .menu_block .purple{ background:url(../images/icon_squre_bigpurple.gif) left top no-repeat;}
.sitemap_list .menu_block .purple a{ color:#000000; }
.sitemap_list .menu_block .gray{ background:url(../images/icon_squre_biggray.gif) left top no-repeat;}
.sitemap_list .menu_block .gray a{ color:#000000;}
.sitemap_list .menu_block .nav_1{ padding:0; margin:0; list-style:none; padding-left:10px; background:url(../images/v_line2.gif) left top repeat-y;}
.sitemap_list .menu_block .nav_1 li{ background:url(../images/icon_dot.gif) left 2px no-repeat; padding-left:10px;}
.sitemap_list .menu_block .nav_1 a{ color:#333333;}
.sitemap_list .menu_block .nav_1 .nav_2{padding:0; margin:0; list-style:none; padding-left:20px; padding-top:10px; padding-bottom:5px;}
.sitemap_list .menu_block .nav_1 .nav_2 li{ background:none;}
.bg_bar2{ background:url(../images/bg_bar.gif) center 140px no-repeat; width:100%;  clear:both;}
.pathway2{ color:#666666; font-size:11px; display:block; padding-top:5px; margin-left:20px; padding-left:250px; padding-bottom:20px;}
.pathway2 a{color:#666666;}


.bg_bar_purple{ background:url(../images/bg_bar_purple.gif) center 105px no-repeat; width:100%; clear:both;}
.bar_purple{
	background:url(../images/bar_purple.gif) left top no-repeat #B5B9BD;
}

.v_wrapper_1{display: table; position: relative;  height: 78px!important; height: 78px; width:100%; width:600px;}
.v_wrapper_2{position: absolute; top: 50%;display: table-cell; vertical-align: middle;}
.v_wrapper_3{position: relative; top: -50%;}

.left_bottom_info {width:238px;border:1px solid #7A7A80;color:#fff;background:#A5A5AD;margin-left:17px;/*position:absolute;bottom:14px;*/}
.left_bottom_info h2 {text-align:center;text-indent:-9999px;margin:12px auto 9px;background:url(../images/left_bottom_img.gif) no-repeat;width:74px;height:24px; font-weight:14px;}
.left_bottom_info p {font-size:16px;font-weight:bold;margin:0;padding:12px; height:40px;}
.bottom_links {background:#DBDBDE;font-size:9px;text-align:right;padding:8px 12px;}
.bottom_links span a {color:#0091D2;font-weight:bold;clear:both;text-align:right;}
.bottom_links span {display:block;color:#0091D2;}