/****** created by Johnny Liu Aug/2/2007 bySoft*****/

body {
	margin:0px;
	padding:0px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	_behavior:url("../includes/js_v2/csshover.htc");
}

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

a:hover {
	text-decoration: underline;
}

a img{
	border:none;
}

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


.clear{
	clear:both;
}

h2.titil{ font-weight:normal;}
/*************** header ***************/

#header_wrap{
	width:100%;
	height:113px;
	background:url(../../images/header_bg_repeat.jpg) repeat-x;
}

#header{
	margin:0px auto;
	padding:0px;
	width:1010px;
	_height:113px;
	min-height:113px;
	position:relative;
}



#top_banner{
	width:100%;
	height:100px;
}


#logo{
	width:386px;
	height:56px;
	float:left;
	padding-left:10px;
	padding-top:10px;
}


.logo_bg{
	width:386px;
	height:56px;
	position:absolute;
	text-indent:-2000px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/logo.png'); 
	cursor:pointer;
}

.logo_bg[class]{
	background:url(../../images/logo.png) no-repeat;
}

#toolbar{
	width:500px;
	float:right;
	padding-top:10px;
	text-align:right;
	padding-right:24px;
}

.login{
	font-size:10px;
	margin-right:5px;
}

.flag a{
	margin-left:5px;
}

.search{
	margin-left:10px;
	font-size:11px;
	font-weight:bold;
}


#top_menu {
	width:100%;
	float:left;
	position:relative;
	top:-39px;
	left:0px;
	z-index:200000;
}


.main_menu_wrap{
	width:1010px;
	margin:0px auto;
	padding-right:32px!important;
	>padding-right:32px!important;
	padding-right:42px;
}

.main_menu{
	margin-right:4px;
	float:right;
}

.main_menu_bar{
	width:100%;
	height:10px;
	font-size:0px;
	/*background:#00896D;*/
}


.main_menu_left{
	width:5px;
	height:26px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/menu_gray_left.png');	
	float:left;
}

.main_menu_left[class]{
	background:url(../../images/menu_gray_left.png) no-repeat;
}

.main_menu_repeat{
	height:26px;
	background:url(../../images/menu_gray_repeat.jpg) repeat-x;	
	float:left;
}



.main_menu_repeat a{
	font-size:14px;
	font-weight:bold;
	color:#666;
	padding:0px 5px;
	line-height:24px;
}

.main_menu_right{
	width:5px;
	height:26px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/menu_gray_right.png');
	float:left;
}

.main_menu_right[class]{
	background:url(../../images/menu_gray_right.png) no-repeat;
}

/***** active menu ****/

.main_menu_left_active{
	width:5px;
	height:26px;
	background:url(../../images/menu_green_left.png) no-repeat;
	float:left;
}


.main_menu_repeat_active{
	height:26px;
	background:#00896D;	
	float:left;
}

.main_menu_repeat_active a{
	font-size:14px;
	font-weight:bold;
	color:#fff;
	padding:0px 5px;
	line-height:24px;
}

.main_menu_right_active{
	width:5px;
	height:26px;
	background:url(../../images/menu_green_right.png) no-repeat;
	float:left;
}

.sub_menu_bar1{
	width:100%;
	height:17px;
	background:#00896D;	
	margin-top:-8px;
	color:#fff;
	text-align:center;	
}

.sub_menu_bar1 a{
	color:#FFFFFF;
}

.sub_menu_bar1 a:hover{
	color:#FFFFFF;
/*
	font-weight:bold;
*/
	text-decoration:underline;
}

.sub_menu_bar1_active{
	font-weight: bold;
	display:block;
}


.sub_menu_bar2{
	width:100%;
	height:16px;
	background:#00B490;
	margin-top:1px;
	color:#fff;
	text-indent:20px;
	display:none;	
}

.sub_menu_bar2 a{
	color:#fff;
}

.sub_menu_bar2_active{
	display:block;
}


.sub_menu_active{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
}

.menu_indicator{
	width:100%;
	
}

.menu_active{
	text-decoration:underline;
}

/************ content home ************/

#content{
	clear:both;
	width:1010px;
	margin:0px auto;
	padding:0px;
	position:relative;
}

#main_body_home{
	float:left;
	width:100%;
	position:relative;
	top:-22px!important;
	>top:15px!important;
	top:-22px;
	padding-left:20px;
	color:#333;
	line-height:12px;
}

#main_body{
	float:left;
	width:100%;
	position:relative;
	top:-32px!important;
	>top:15px!important;
	top:-32px;	
	padding-left:20px;
	color:#333;
	line-height:12px;
}

.upper_box_home{
	float:left;
	padding-right:14px;
}


.lower_box_home1{
	width:150px;
	height:280px;
	float:left;
	padding-right:20px;
	background:url(../../images/vertical_box1_home.jpg) no-repeat;
	line-height:13px;
}

.lower_box_home2{
	width:340px;
	height:280px;
	float:left;
	padding-right:20px;
	background:url(../../images/vertical_box2_home.jpg) no-repeat;
	line-height:13px;	
}

.lower_box_home3{
	width:210px;
	height:280px;
	float:left;
	padding-right:20px;
	background:url(../../images/vertical_box3_home.jpg) no-repeat;
	line-height:13px;	
}


.lower_box_home2_left{
	width:50%;	
	float:left;	
}

.lower_box_home2_right{
	width:50%;
	float:right;	
}


.lower_box_title1{
	padding:12px 0px 0px 14px;
}

.lower_box_heading1{
	padding:8px 14px 0px 14px;
	font-weight:bold;
}


.lower_box_title2{
	padding:7px 10px 0px 10px;
}

.lower_box_title2 a{
	color:#00916F;
	font-size:11px;
	font-weight:bold;
}

.lower_box_heading2{
	padding:12px 10px 0px 10px;
	font-weight:bold;
}

.lower_box_text2{
	padding:0px 6px 0px 10px;
}

.lower_box_more2{
	text-align:right;
}

.lower_box_more2 a{
	padding:0px 10px 0px 10px;
	font-size:11px;
	color:#00916F;
	font-weight:bold;
}

.training_wrap{
	clear:both;
	height: 214px;
	overflow: hidden;
}

.event_wrap{
	height: 213px;
	overflow: hidden;
}

.lower_box_heading3{
	padding:8px 8px 0px 8px;
	font-weight:bold;
	font-size:11px;
}

.lower_box_text3{
	padding:0px 8px 0px 8px;
	font-size:11px;
}

.training_nav{
	width:204px;
	padding-left:5px;
	background:#b6b6b6;	
	margin-top:8px;
	color:#000;
	line-height:17px;
	overflow: hidden;
}

.training_nav span{
	padding:0px 4px;
}

.training_nav a{
	color:#000;
}

.training_nav .active{
	font-weight:bold;
}

.training_nav .inactive{
	font-weight:normal;
}
/************ footer **********/
#footer_wrap{
	clear:both;
	width:100%;
	_height:106px;
	min-height:106px;
	background:url(../../images/footer_bg_repeart.jpg) 0px 15px repeat-x;
}


#footer{
	width:1010px;
	margin:0px auto;
	padding:0px;
	padding-top:15px;


}
	
.footer_menu{
	text-align:center;
	padding:10px 0px;
}



.footer_bg_banner{
	width:100%;
	height:10px;
	font-size:0px;
	background:url(../../images/footer_line_repeat.gif) bottom repeat-x;
}



.footer_text{
	font-size:12px;
	color:#666;
}

.footer_text a{
	color:#666;
}

.footer_img_cube{

	width:22px;
	height:22px;
	float:left;
}

.footer_img_1{
    padding-top:10px;
	padding-right:20px;
	float:left;
}

.footer_img_2{
	padding-top:12px;
	padding-left:10px;
	float:left;
}

.footer_btn{
	float:left;
}

.footer_left_img{
	float:left;
	padding-top:10px;
	padding-left:20px;
	font-weight:bold;
	font-size:14px;
	width:440px;
	height:60px;
}


#footer_column_wrap{
	width:1010px;
	margin:0px auto;
}


.footer_column{
	float:left;
	padding-left:15px;
}
.footer_column_link{
	padding-top:0px;
	font-size:11px;
}

.footer_divider{
	margin-top:20px;
	font-size:0px;
	width:2px;
	height:140px;
	float:left;
	background:url(../../images/footer_divider.gif) no-repeat;
}

.sub_heading_green{
	font-size:14px;
	color:#00916f;
	font-weight:bold;
	padding-bottom:10px;
}

/*********** recherche page ************/

.heading2{
	margin-top:20px;
	margin-bottom:20px;
	font-weight:bold;
	font-size:14px;
}

.result_row{
	float:left;
	width:600px;
	border-bottom:2px #000 solid;
	padding-bottom:5px;
	padding-left:10px;
	margin-bottom:10px;	
}

.sub_heading_recherche{
	color:#59929c;
	font-size:12px;
	font-weight:bold;
	margin-bottom:20px;
}

.link_more_recherech{
	float:right;
	margin-top:10px;
}

/*tealy add two css class for page recherche.html*/
.sub_heading_recherche2{
	color:#59929c;
	font-size:12px;
	font-weight:bold;
	margin-bottom:6px;
}

.link_more_recherech2{
	float:right;
	margin-top:0px;
}
/****************/
.sitemap{
	padding-left:125px;
}

.sitemap ul li.main_level{
	margin:0px;
	padding:0px;
	font-weight:bold;
}

.sitemap ul li ul li{
	font-weight:normal;
}

/******* event ***********/
.event_title{
	text-decoration:underline;
	margin-bottom:5px;
	padding-right:15px;
}

.event_date{
	margin-bottom:5px;
	padding-right:15px;
}

.event_desc{
	margin-bottom:15px;
	padding-right:15px;
}

.box_header_home{
	font-size: 20px;
	font-weight: bold;
	padding-top: 8px;
	font-family:Arial;
	color:#00916F;
}
.navigation_bar{
	float:left;
	width:97%;
}

.right_body p.spip a{
	color: #236E7C;
}

.right_body p a{
	color: #236E7C;
}


#ro_bg{ background-color:#0B5062;}
#ro{ font-size:12px; font-family: Arial, Helvetica, sans-serif;}
#ro ul,#ro ol,#ro li{ list-style:none;}
#ro ul,#ro ol,#ro ul.spip{padding-left:40px;}
#ro ul, #ro ol, #ro li.spip{list-style-type:disc;padding-bottom:10px;}
#ro ul ul, #ro ol ol, #ro li li.spip{list-style-type:circle;padding-bottom:10px;}

#ro ul,#ro ol,#ro li,#ro p,#ro h1,#ro h2,#ro h3,#ro h4,#ro h5,#ro h6,
#ro form{margin:0px; padding:0px;}
#ro img{border:0;display:inline;}
#ro a{color:#333333;text-decoration:none;}
#ro a:hover{text-decoration: underline!important;}

#ro.page{background:#FFFFFF url('../../images_v2/ro_page_bg.jpg') no-repeat scroll center bottom; padding-bottom:135px;}
#ro .clear{clear:both; font-size:0px; line-height:0px; height:0px}
#ro .container{}

#ro .article_content_ro img.no_border {border:0px solid #ffffff;}

/*-- Begin:Header --*/
#ro .header{width:900px;margin:0 auto;position:relative;/*for the position of Dropdown Menu (by Robin)*/}
#ro .header .logo{float:left;padding-top:10px; width:250px;}
#ro .header .logo h1{text-indent:0;/*height:0px; line-height:0px; font-size:0px;*/ height:64px; overflow:hidden;}
#ro .header .nav{float:right;padding-top:35px;width:600px;}
#ro .header .nav ul{float:right;}
#ro .header .nav li{float:left;color:#989492; padding-right:10px;}
#ro .header .nav li a{color:#989492}
#ro .header .nav li a:hover{text-decoration:underline}
/* Add 20090326 */
#ro .header .nav  .welcome_info{font-size:12px;height:15px;color:#989492;float:right;text-align:right;padding-right:9px;padding-top:5px;width:500px;}
/* The level 1 of menu 20090331 by Robin */
#ro .header .menu{clear:both;}
#ro .header .menu ul{float:left;width:604px;height:19px;padding-top:10px;background:transparent url('../../images_v2/ro_menu_bg.gif') no-repeat scroll 0 9px;}
#ro .header .menu li{
	float:left; height:18px;width:130px;_width:129px;margin-right:1px;padding-left:20px;padding-top:1px;/*background:transparent url('../../images_v2/ro_menu_bg.jpg') no-repeat scroll 0px -10px;*/color:#FFFFFF; text-transform:uppercase;font-weight:bold;font-size:11px;
}/* update 20090401 */
#ro .header .menu li.last{margin-right:0px;}
#ro .header .menu li a{color:#fff;}
#ro .header .menu li a:hover{ text-decoration:underline;}
#ro .header .m_width ul{width:755px;position:relative;}/*20090401*/

#ro .header .menu ul.level_01 li.active a{text-decoration:underline;}/* level_01 lineheight */
#ro .header .menu ul.level_01 ul.level_02 li a{text-decoration:none;}/* level_02 lineheight */
#ro .header .menu ul.level_01 ul.level_02 li.active a{text-decoration:underline;}
#ro .header .menu ul.level_01 ul.level_02 li a:hover{text-decoration:underline;}
#ro .header .menu ul.level_01 ul.level_02 ul.level_03 li a{text-decoration:none;}/* level_03 lineheight */
#ro .header .menu ul.level_01 ul.level_02 ul.level_03 li a:hover{text-decoration:underline;}
/* The level 2 of menu 20090331 by Robin */
/*#ro .header .menu ul li:hover ul{display:block;height:0px;}  update 20090401 */
#ro .header .menu ul li.active ul{display:block;height:0px;}/* add 20090401 */
#ro .header .menu ul ul{display:none;width:880px;padding-top:0px;position:absolute; z-index:999;left:0px;top:28px;background-image:none;}/* update 20090401 */
#ro .header .menu ul ul .active li a{text-decoration:none;}
#ro .header .menu ul ul li{float:left;width:auto;margin-right:0px; padding-left:0px;background-image:none;  background-color:transparent;font-weight:normal;font-size:10px;color:#dadada; position:relative;  }
#ro .header .menu ul ul li.first{padding-top:5px;}
#ro .header .menu ul ul li a{color:#dadada;text-decoration:none;padding:0px 5px;}

/* The level 3 of menu 20090331 by Robin */
#ro .header .menu ul li:hover ul ul{display:none;}
#ro .header .menu ul li.active ul ul{display:none;position:absolute;width:880px;}/* add 20090401 */
#ro .header .menu ul ul li:hover ul{display:block;top:14px;}
#ro .header .menu ul ul ul{display:block;top:14px;width:125px;}
#ro .header .menu ul ul ul li{height:auto;padding-left:10px;padding-right:5px;background-image:none;text-decoration:none; background-color:#4b4038;float:left;border-right:1px solid #DADADA;white-space:nowrap;}/* update 20090410 */
#ro .header .menu ul ul ul li.last{padding-bottom:5px;background:transparent url('../../images_v2/sub_menu_li_bg.gif') no-repeat scroll  center bottom;}
#ro .header .menu ul ul ul li a{text-decoration:none;padding:0px;}/* update 20090410 */


#ro .header .menu .sub_menu{clear:both;width:100%;height:14px;background:transparent url('../../images_v2/ro_menu_bg.jpg') no-repeat scroll  left -29px;}

#ro .header .menu .home_search{float:right;width:296px; height:27px; background:transparent url('../../images_v2/ro_menu_bg.jpg') no-repeat scroll  right 0px;}
#ro .header .menu .home_search .search_key{border:0 none;background:none; margin:3px 19px 0px 40px; width:180px;}
#ro .header .menu .home_search .search_btn{border:0 none;cursor:pointer; background:none;color:#FFFFFF; font-weight:bold;padding:0px 0px 0px 5px;}
/* Add 200903 */
#ro .header .menu .home_search_02{float:right;width:145px;background:transparent url('../../images_v2/ro_search_bg_02.gif') no-repeat scroll  right 0px;}
#ro .header .menu .home_search_02 .search_key{margin:5px 0 0 12px;width:95px;color:#999999; font-size:11px;}
#ro .header .menu .home_search_02 .search_btn{width:30px;}
/*-- Begin:Footer --*/
#ro .footer{width:880px;margin:0 auto;padding:10px; background-color:#e0e0e0;}
#ro .footer .f_list{float:left;width:116px;padding-left:8px;}
#ro .footer .f_list h4{padding-bottom:4px;color:#989492;font-size:11px;font-weight:bold;}
#ro .footer .f_list li{color:#807c7a;font-size:10px; line-height:110%;}
#ro .footer .f_list li a{color:#807c7a;}
#ro .footer .f_list h4 a{color:#807c7a;}

/*-- Begin:Copyright --*/
#ro .copyright{width:900px;height:20px;margin:0 auto;padding:10px 10px 0px 10px; color:#ccc7c4; font-size:10px;background:#e0e0e0 url('../../images_v2/ro_copyright_bg.jpg') repeat scroll  center center;}
#ro .copyright a{color:#ccc7c4;}
#ro .copyright .rights{float:left;}
#ro .copyright .bot_nav{float:right;}
#ro .copyright .bot_nav li{float:left;padding-right:10px;}
#ro .copyright .bot_nav li a:hover{text-decoration:underline}

/**new menu*/
#ro .header .new_menu{clear:both;}
#ro .header .new_menu ul{float:left;width:604px;height:19px;padding-top:10px;background:transparent url('../../images_v2/ro_menu_bg.gif') no-repeat scroll 0 9px;}
#ro .header .new_menu li{float:left; height:18px;width:130px;_width:129px;margin-right:1px;padding-left:20px;color:#FFFFFF; text-transform:uppercase;font-weight:bold;font-size:11px;}
#ro .header .new_menu li.last{margin-right:0px;}
#ro .header .new_menu li a{color:#fff;}
#ro .header .new_menu li a:hover{ text-decoration:underline;}
#ro .header .m_width ul{width:755px;position:relative;}

#ro .header .new_menu ul.level_01 li.active a{text-decoration:underline;}
#ro .header .new_menu ul.level_01 ul.level_02 li a{text-decoration:none;}
#ro .header .new_menu ul.level_01 ul.level_02 li.active a{text-decoration:underline;}
#ro .header .new_menu ul.level_01 ul.level_02 li a:hover{text-decoration:underline;}
#ro .header .new_menu ul.level_01 ul.level_02 ul.level_03 li a{text-decoration:none;}
#ro .header .new_menu ul.level_01 ul.level_02 ul.level_03 li a:hover{text-decoration:underline;}
#ro .header .new_menu .submenustyle ul.level_02{background:url('../../images_v2/ro_menu_bg2.jpg') no-repeat scroll  left top;padding-top:0px;position:absolute;top:103px;width:100%;height:auto;}
#ro .header .new_menu .submenustyle ul.level_02 ul{ background-image:none;}
#ro .header ul.level_02 li ul{display:block;height:0px;}
#ro .header .new_menu .submenustyle ul.level_02 ul{display:none;width:880px;padding-top:0px;position:absolute; z-index:999;left:0px;top:0;background-image:none;}

#ro .header .new_menu .submenustyle ul.level_02 li{ border-right:1px solid #DADADA;/*position:relative;*/ width:auto;margin-right:0px; padding-left:0px;background-color:transparent;font-weight:normal;font-size:10px;color:#dadada;display:inline;float:none; /*position:relative;float:left;background-image:none;*/ }

#ro .header .new_menu .submenustyle ul.level_02 li a{font-weight:normal;font-size:10px;color:#dadada;padding:0px 5px; white-space:nowrap;}
#ro .header .new_menu .submenustyle ul.level_02 li:hover{}
#ro .header .new_menu .submenustyle ul.level_02 li:hover ul{display:block;position:relative; top:0px; left:0px;z-index:9999;}
#ro .header .new_menu .submenustyle ul.level_02 li ul.in li{height:auto;padding-left:10px;padding-right:5px;/*background-image:none;*/z-index:99999;text-decoration:none; background-color:#4b4038; float:left; border-right:1px solid #DADADA;white-space:nowrap;}

#ro .header .new_menu .submenustyle ul.level_02 li ul.in{display:block;position:absolute; top:13px; left:0px;padding-bottom:0;z-index:99999; float:left; height:auto; background-color:#4b4038;}

#ro .header ul.level_02 ul .active li a{text-decoration:none;}
#ro .header ul.level_02 ul li.first{padding-top:5px;}
#ro .header ul.level_02 ul li a{color:#dadada;text-decoration:none;padding:0px 5px;}
#ro .header .new_menu .sub_menu{clear:both;width:100%;height:14px;background:transparent url('../../images_v2/ro_menu_bg.jpg') no-repeat scroll  left -29px;}
#ro .header .new_menu .home_search{float:right;width:296px; height:27px; background:transparent url('../../images_v2/ro_menu_bg.jpg') no-repeat scroll  right 0px;}
#ro .header .new_menu .home_search .search_key{border:0 none;background:none; margin:3px 19px 0px 40px; width:180px;}
#ro .header .new_menu .home_search .search_btn{border:0 none;cursor:pointer; background:none;color:#FFFFFF; font-weight:bold;padding:0px 0px 0px 5px;}
#ro .header .new_menu .home_search_02{float:right;width:145px;background:transparent url('../../images_v2/ro_search_bg_02.gif') no-repeat scroll  right 0px;}
#ro .header .new_menu .home_search_02 .search_key{margin:5px 0 0 12px;width:95px;color:#999999; font-size:11px;}
#ro .header .new_menu .home_search_02 .search_btn{width:30px;}