@charset "UTF-8";
/* CSS Document */

html, body {margin:0; padding:0; width:100%;}
body {font-family:Arial, verdana, sans-serif; font-size:12px; color:#898989;}
p {font-family:Arial, verdana, sans-serif; font-size:12px; color:#898989; line-height:22px; padding:0px 0px 0px 0px; margin:0px 0px 20px 0px; }


a{ color:#005696; text-decoration:none;}
a:hover { color:#30b457; text-decoration:none;}

.clearer { clear: both;}

.mainContent { width:1012px; margin:0px auto 0px auto; height:100%;}
.leftContent { width:236px; height:100%; float:left;}
.leftInner { width:206px; margin:0px auto 0px auto;}
.rightContent { width:776px; height:100%; float:left;}

.ecologo { width:236px; height:96px; background:url(../images/eco_logo.gif) no-repeat;}
.logotxt { width:236px; height:37px; background:url(../images/logotxt.jpg) no-repeat;}
.indexTitle { width:206px; height:35px; font-size:20px; color:#737373; text-transform:uppercase;}
.indexTitleYel { font-size:28px; color:#febe10;}

.businessTitle { width:140px; height:35px; vertical-align:top; margin: 0 0 0 0; padding:20px 0px 0px 66px; border-bottom:1px solid #eaeaea; color:#005a9c; font-size:12px; font-weight:bold;}
.businessTitle a, .businessTitle a:visited  { color:#005a9c; text-decoration:none;}
.businessTitle a:hover { color:#30b457; text-decoration:none; }
.bgAviation { background:url(../images/img_avitation.gif) top left no-repeat;}
.bgLandfill { background:url(../images/img_landfill.gif) top left no-repeat;}
.bgLiquefied { background:url(../images/img_liquefied.gif) top left no-repeat;}
.bgVehicular { background:url(../images/img_vehicular.gif) top left no-repeat;}
.bgCoalbased { background:url(../images/img_coalbased.gif) top left no-repeat;}
.bgAviation2 { background:url(../images/img_avitation2.gif) top left no-repeat;}
.bgLandfill2 { background:url(../images/img_landfill2.gif) top left no-repeat;}
.bgResearch { background:url(../images/img_research.gif) top left no-repeat;}


.indexBlueTitle { width:206px; height:24px; color:#005a9c; font-size:14px; text-transform:uppercase; line-height:24px; padding:20px 0px 0px 0px; font-weight:bold;}
.highlightflash { width:206px; height:195px; padding:0 0 0 0; margin:0 0 0 0;}

.btmBg { width:1012px; height:15px; background:url(../images/img_btm_bg.gif) repeat-x;}
.copyright { width:1012px; height:80px; }
.copyrightMsg { width:420px; padding-left:15px; padding-top:15px; height:65px; float:left; color:#8f8f8f; font-size:9px;}
.copyrightYel { width:560px; float:right; background:url(../images/menu_bg_yel.gif) top repeat-x; height:80px; padding:0; margin:0;}
.copyrightTxtLink { padding-top:15px; margin-left:20px; height:65px; float:right; color:#8f8f8f; font-size:9px; }
.copyrightTxtLink a, .copyrightTxtLink a:visited { color:#8f8f8f; } 
.copyrightTxtLink a:hover { color:#005a9c; } 
.copyrightBtn { float:right; font-size:10px; margin-top:11px;}
.copyrightBtn a, .copyrightBtn a:visited { padding:3px 8px 3px 8px; background:url(../images/btn_web.gif) repeat-x; color:#fff; font-weight:bold; display:block; font-size:9px; border:1px solid #2b87cb; text-decoration:none;} 
.copyrightBtn a:hover { background:url(../images/btn_web_ov.gif) repeat-x;}

.langNav { width:776px; height:52px;}
.greyMenu { float:right; color:#888888; font-size:9px; text-transform:uppercase; line-height:30px;}
.greyMenu a, .greyMenu a:visited { margin:0px 10px 0px 10px; color:#888888;}
.greyMenu a:hover { color:#005a9c;}

.langBtn { float:right; margin-top:3px; font-size:10px; margin-left:5px;}
.langBtn a, .langBtn a:visited { padding:4px 8px 4px 8px; background-color:#fff; color:#999; display:block;} 
.langBtn a:hover { background-color:#30b457; color:#fff;}

.langBtnon { float:right; margin-top:3px; font-size:10px; margin-left:5px; color:#fff; }
.langBtnon a, .langBtnon a:visited { padding:4px 8px 4px 8px; background-color:#30b457; color:#fff; display:block;} 
.langBtnon a:hover { background-color:#30b457; color:#fff;}

.searchContain { width:776px; height:28px; padding-top:16px;}
.serachgroup { float:right; margin-left:5px;}
.searchbox { width:170px; height:15px; border:1px solid #e3e1e1; }
.searchBtn { float:right; font-size:10px; margin-left:5px;}
.searchBtn a, .searchBtn a:visited { padding:4px 8px 4px 8px; background-color:#febe10; color:#005a9c; display:block; font-size:9px;} 
.searchBtn a:hover { background-color:#005a9c; color:#febe10;}

.mainflash { width:774px; height:390px; border:1px solid #e3e1e1; padding:0; margin:0;}
.mainNewsGroup { width:774px; height:145px; padding:15px 0px 10px 0px;}
.mainNews { width:475px; height:145px; padding-right:20px; border-right:1px solid #e3e1e1; float:left;}
.mainNewsTitle { width:475px; height:25px;}
.mainNewsTitleGrn { height:25px; color:#30b457; font-size:14px; font-weight:bold; float:left;}
.mainNewsTitleMore { padding-top:5px; float:right;}
.mainNewsTitleMore a, .mainNewsTitleMore a:visited { color:#005a9c; font-size:9px; text-decoration:none;}
.mainNewsTitleMore a:hover { color:#30b457; font-size:9px; text-decoration:none;}

.mainNewsContent { width:475px; padding:9px 0px; height:12px; border-bottom:1px dotted #e3e1e1;}
.mainNewsDate { float:right; font-size:11px;}
.mainNewsTxt { float:left; font-size:11px; color:#005a9c;} 
.mainNewsTxt a, .mainNewsTxt a:visited { color:#005a9c; background:url(../images/img_arr_yel.gif) left center no-repeat; padding-left:15px;} 
.mainNewsTxt a:hover { color:#30b457;}

.mainPdfContain { width:250px; height:145px; padding-left:20px; float:left;}
.mainPdf { width:88px; height:115px; margin-top:15px; border:1px solid #e3e1e1; float:left;}
.mainPdfTxt { width:100px; height:115px; margin-top:15px; margin-left:15px; padding-left:30px; float:left; background:url(../images/icon_pdf.gif) left center no-repeat;}
.mainPdfTxtLink { padding-top:45px; color:#005a9c; font-weight:bold; font-size:12px;}
.mainPdfTxtLink a, .mainPdfTxtLink a:visited { color:#005a9c; text-decoration:none;}
.mainPdfTxtLink a:hover { color:#febe10; text-decoration:none;}

.subNewsContent { width:730px; padding:0px 0px 9px 0px; border-bottom:1px dotted #e3e1e1; margin-bottom:10px;}
.subNewsContentMore { font-size:11px; color:#005a9c;} 
.subNewsContentMore a, .mainNewsTxt a:visited { color:#005a9c; background:url(../images/img_arr_yel.gif) left center no-repeat; padding-left:15px;} 
.subNewsContentMore a:hover { color:#30b457;}
.subNewsContentTitle { font-size:14px; font-weight:bold; color:#005a9c; margin-bottom:3px;}
.subNewsContentDate { font-size:11px; margin-bottom:5px; color:#aaaaaa; }
.subNewsContentText { font-size:12px; color:#898989; margin-bottom:10px; }

.subTitle { width:206px; height:40px; font-size:14px; line-height:35px; color:#30b457; text-transform:uppercase; font-weight:bold;}
.subMenu { width:206px; }
.subMenu ul { margin:0; padding:0; list-style-type:none;}
.subMenu ul li { margin:0; padding: 6px 0px 6px 0px; font-size:11px; color:#838383; border-bottom:1px dotted #e3e1e1;}
.subMenu ul li a { padding: 0px 10px 0px 15px; color:#838383; text-decoration:none; background:url(../images/img_arr_yel.gif) left center no-repeat; font-weight:normal; }
.subMenu ul li a:hover, .subMenu ul li .current { color:#005a9c; font-weight:bold; } 
.subMenu ul li ul { margin:0; padding: 4px 0px 0px 0px;  list-style-type:none;}
.subMenu ul li ul li { border-bottom:none; padding: 4px 0px 4px 0px; font-size:10px; color:#838383;}
.subMenu ul li ul li a { padding: 0px 10px 0px 25px; color:#838383; text-decoration:none; background:url(../images/img_arr_grn.gif) left center no-repeat; background-position:15px; font-weight:normal; }
.subMenu ul li ul li a:hover, .subMenu ul li ul li .current { color:#febe10; font-weight:bold; }
.subMenu ul li ul li ul { margin:0; padding: 4px 0px 0px 0px;  list-style-type:none;}
.subMenu ul li ul li ul li { border-bottom:none; padding: 4px 0px 4px 0px; color:#838383;}
.subMenu ul li ul li ul li a { padding: 0px 10px 0px 35px; color:#838383; text-decoration:none; background:url(../images/img_arr_blue.gif) left center no-repeat; background-position:25px; font-weight:normal; }
.subMenu ul li ul li ul li a:hover, .subMenu ul li ul li ul li .current { color:#30b457; font-weight:bold; }

.subBanner { width:774px; height:137px; border:1px solid #e3e1e1;}
.breadcrumb { width:755px; height:35px; border-left:1px solid #e3e1e1; padding-left:15px; font-size:10px; color:#b8b8b8; line-height:35px;}
.breadcrumb a { color:#b8b8b8;  padding: 0px 5px 0px 5px; }
.breadcrumb a:hover, .breadcrumb .current { color:#005696; }
.subContent { width:735px; border-left:1px solid #e3e1e1; padding:20px 20px 20px 20px; margin-bottom:10px;}
.subContent h2 { color:#005696; font-size:12px; font-weight:bold; font-style:italic; margin:0px 0px 0px 0px; line-height:22px;}
.subContent ul { margin:0 0 0 0; padding:0;}
.subContent ul li { list-style:none; margin:8px 0px 20px 0px; }
.subContent ul li ul { margin:0 0 0 25px; padding:0;}
.subContent ul li ul li { list-style:disc; margin:5px 0px 5px 0px;}
.imgRight { float:right; padding:0; margin:0px 0px 10px 10px;}
.imgLeft { float:left; padding:0; margin:0px 10px 10px 0px;}

.careertable { background-color:#eaeaea; margin-bottom:10px;}
.careertitle { background-color:#005a9c; color:#febe10; } 
.careercontent { background-color:#ffffff; }

.careerdetailtable { background-color:#FFF; font-size:11px;}
.careerdetaildetail { background-color:#f2f2f2; color:#005696; }


/* ------------------ nav menu ---------------------- */

.navcontain { width:766px; height:27px; background:url(../images/img_grn_line.gif) bottom repeat-x; margin:0 0 0 0; margin-left:10px; padding-top:10px;}

.navmenu ul{ margin: 0; padding: 0; list-style-type: none;}
.navmenu ul li{ margin: 0; padding: 0; position: relative; display: inline; float: left; font-size:11px; }
.navmenu ul li a{ padding: 0px 24px 0px 25px; margin:0 0 0 0; background:url(../images/menu_bg_line.gif) left center no-repeat; text-decoration: none; color: #005a9c; text-align: center; line-height:27px; font-weight:bold;}
.navmenu ul li .firstnav{ background:none;}
.navmenu ul li a:hover, .navmenu ul li .current{ color: #30b457; }
.navmenu ul li ul{ left: 0; position: absolute; top: 0px; display: block; visibility: hidden; }
.navmenu ul li ul li{ display: list-item; float: none; }
.navmenu ul li ul li ul{ left: 180px; top: 0px; }
.navmenu ul li ul li a{ display: block; width: 160px;  color: #30b457; text-decoration: none; padding: 5px 5px 5px 10px; border: 1px solid #30b457; border-top:none; border-bottom:none; text-align:left; font-weight:normal; font-size:11px; background:none; line-height:18px; background-color:#FFF;}
.navmenu ul li ul li .endsub { border-bottom:1px solid #30b457;}
.navmenu ul li ul li a:hover{ background-color:#febe10; color: #005a9c; font-weight:bold;}
.navmenu ul li ul li ul li a{ position:relative; left:-1px; display: block; width: 160px; color: #30b457; text-decoration: none; border: 1px solid #30b457; border-top:none; border-bottom:none; text-align:left; font-weight:normal; font-size:11px;}
.navmenu ul li ul li ul li .topsub{ border-top:1px solid #30b457;}
.navmenu ul li ul li ul li ul li a{ position:relative; left:-2px; display: block; width: 160px; color: #30b457; text-decoration: none; border: 1px solid #30b457; border-top:none; border-bottom:none; text-align:left; font-weight:normal; font-size:11px;}
.navmenu ul li ul li ul li .endsubleft{ border-bottom:1px solid #30b457; border-left:1px solid #30b457;}

.navmenu .mainfoldericon{ }
.navmenu .subfoldericon{ color:#color: #005a9c;}

* html p#iepara{ padding-top: 1em;}
	
* html .navmenu ul li { float: left; height: 1%; top:1px;}
* html .navmenu ul li a { height: 1%; }
* html .navmenu ul li ul li { float: left; height: 1%; top:0px;}
* html .navmenu ul li ul li a { height: 1%; }