@charset "utf-8";
/* CSS Document */
body { padding:0px; margin:0px; background:url(../images/main_bg.jpg) repeat-x;}
img { border:none;}
h1,h2,h3,p,ul { padding:0px; margin:0px;}

.wrapper { margin:0px auto; width:920px; overflow:hidden; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}
.top { float:left; width:100%; height:172px;}
.logo { float:left; width:147px; height:147px; padding:10px 18px 0px 5px;}
.logo_text { float:left; width:737px; height:85px; padding-top:39px;}
.menu_area { float:left; width:100%; height:32px;}
.menu_left { float:left; width:12px; height:32px; background:url(../images/menu_left.jpg) no-repeat;}
.menu_container { float:left; width:896px; height:32px; background:url(../images/menu_bg.jpg) repeat-x;}
.menu_right { float:left; width:12px; height:32px; background:url(../images/menu_right.jpg) no-repeat;}
.banner_area { float:left; width:920px; height:218px; font-size:16px; color:#c0e3ff; font-family:Arial, Helvetica, sans-serif;}
.middle_area { float:left; width:100%; padding:10px 0px;}
.left { float:left; width:220px; padding-right:12px;}
.side_box { float:left; width:220px; padding-bottom:8px;}
.greenHeading_boxArea { float:left; width:220px; height:38px;}
.greenHeading_boxLeft { float:left; width:12px; height:38px; background:url(../images/boxHeader_left.jpg) no-repeat;}
.greenHeading_box { float:left; width:196px; height:38px; background:url(../images/boxHeader_bg.jpg) repeat-x; font-size:13px; line-height:38px; color:#FFFFFF; font-weight:bold;}
.greenHeading_boxRight { float:left; width:12px; height:38px; background:url(../images/boxHeader_right.jpg) no-repeat;}
.sideBox_middlePrice { float:left; width:214px; border:1px solid #dfdfdf; border-width:0px 1px 1px; padding:5px 2px 5px 2px;}
.sideBoxRight_middlePrice { float:left; width:214px; border:1px solid #dfdfdf; border-width:0px 1px 1px; padding:1px 2px 2px;}
.blueHeading_boxArea { float:left; width:220px; height:38px;}
.blueHeading_boxLeft { float:left; width:12px; height:38px; background:url(../images/blueHeading_left.jpg) no-repeat;}
.blueHeading_box { float:left; width:196px; height:38px; background:url(../images/blueHeading_bg.jpg) repeat-x; font-size:13px; line-height:38px; color:#FFFFFF; font-weight:bold;}
.blueHeading_boxRight { float:left; width:12px; height:38px; background:url(../images/blueHeading_right.jpg) no-repeat;}
.sideBox_middle { float:left; width:198px; border:1px solid #dfdfdf; border-width:0px 1px; padding:4px 10px 10px;}
.sideBox_bottom { float:left; width:220px; height:10px; background:url(../images/sideBox_bottom.jpg) no-repeat;}
.meeting_title { float:left; width:100%; font-weight:bold; line-height:34px; background:url(../images/divider_hr.jpg) repeat-x bottom left;}
.middle { float:left; width:456px;}
.middle_full { float:left; width:688px;}
h1.page_heading { float:left; width:426px; line-height:24px; padding-left:30px; background:url(../images/logo_bullet.jpg) no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#468d2f; font-weight:normal; margin-bottom:18px;}
.middle_text { float:left; width:100%; line-height:17px; text-align:justify;}
.right { float:left; width:220px; padding-left:12px;}
.news_area { float:left; width:100%; padding-bottom:10px; background:url(../images/divider_hr.jpg) repeat-x bottom left; font-size:11px;}
.news_date { float:left; width:100%; font-weight:bold; color:#00548e; padding-bottom:5px; padding-top:10px;}
.news_text { float:left; width:100%; line-height:15px;}
.read_more { float:left; width:100%; text-align:right; font-size:11px; padding-top:6px;}
.footer_area { float:left; width:920px; height:70px; padding-bottom:10px;}
.footer_left { float:left; width:12px; height:70px; background:url(../images/footer_left.jpg) no-repeat;}
.footer { float:left; width:896px; height:70px; text-align:center; font-size:11px; color:#055eae; background:#d7edfd;}
.footer_right { float:left; width:12px; height:70px; background:url(../images/footer_right.jpg) no-repeat;}
.footer_linkArea { float:left; width:100%; padding-top:18px;}
.copyright { float:left; width:100%; color:#69a4d9; padding-top:8px;}
.banner_mission { float:left; width:920px; height:218px; background:url(../images/banner_mission.jpg) no-repeat;}
.banner_text { float:left; width:430px; padding:35px 0px 0px 24px; line-height:24px;}
.banner_text span { font-size:18px; color:#FFFFFF;}
.banner_sustainability { float:left; width:920px; height:218px; background:url(../images/banner_sustainability.jpg) no-repeat;}
.banner_textSus { float:left; width:430px; padding:50px 0px 0px 24px; line-height:22px; font-size:14px;}
.banner_textSus span { font-size:16px; color:#FFFFFF; font-weight:bold;}
.banner_areaZaroharm { float:left; width:920px; height:218px; font-size:16px; color:#c0e3ff; font-family:Arial, Helvetica, sans-serif; background:url(../images/banner_zero_harm.jpg) no-repeat;}
.banner_zeroharm { float:left; width:920px; height:218px; background:url(../images/banner_zeroharm.jpg) no-repeat;}
.banner_textHarm { float:left; width:430px; padding:55px 0px 0px 24px;}
.banner_textHarm span { font-size:18px; color:#FFFFFF;}
.banner_empowerment { float:left; width:920px; height:218px; background:url(../images/banner_empowerment.jpg) no-repeat;}
.banner_textEmp { float:left; width:430px; padding:40px 0px 0px 24px; line-height:22px; font-size:14px;}
.banner_textEmp span { font-size:16px; color:#FFFFFF; font-weight:bold;}
.banner_contact { float:left; width:920px; height:218px; background:url(../images/banner_contact.jpg) no-repeat;}
.banner_legal { float:left; width:920px; height:218px; background:url(../images/banner_legal_library.jpg) no-repeat;}
.banner_chairmens_message { float:left; width:920px; height:218px; background:url(../images/banner_chairmans_message.jpg) no-repeat;}
.banner_press { float:left; width:920px; height:218px; background:url(../images/banner_press.jpg) no-repeat;}
.banner_zero_harm { float:left; width:238px; height:61px; margin-top:75px;}
.banner_sustainability_page { float:left; width:920px; height:218px; background:url(../images/banner_sustainability_page.jpg) no-repeat;}
.banner_empowerment_page { float:left; width:920px; height:218px; background:url(../images/banner_empowerment_page.jpg) no-repeat;}
.banner_operations { float:left; width:920px; height:218px; background:url(../images/banner_operations.jpg) no-repeat;}
.banner_textOp { float:left; width:350px; padding:70px 0px 0px 170px; line-height:24px; color:#FFFFFF;}
.banner_textOp span { font-size:18px; color:#e0f1ff;}
.banner_investors { float:left; width:920px; height:218px; background:url(../images/banner_investors.jpg) no-repeat;}
.banner_textIn { float:left; width:350px; padding:80px 0px 0px 170px; line-height:24px;}
.banner_textIn span { font-size:18px; color:#ffffff;}
.banner_careers { float:left; width:920px; height:218px; background:url(../images/banner_careers.jpg) no-repeat;}
h2.subheading { float:left; width:100%; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#055eae; padding:15px 0px 10px;}
.contactForm_area { float:left; width:421px; padding:20px 20px 20px 15px; background:#fefefe; border:1px solid #efefef;}
.conTextfield1 { float:left; width:140px; height:26px; line-height:20px; text-align:right; font-size:11px;}
.conTextfield2 { float:left; width:277px; height:26px; padding-left:4px;}
.conTextfield3 { float:left; width:277px; padding-left:4px; padding-bottom:6px;}
.conTextfield { border:1px solid #cdcdcd; width:275px;}
.conTextarea { border:1px solid #cdcdcd; width:275px; height:100px;}
.popup_body { background:none;} 
.popup_wrapper { margin:0px auto; width:430px; padding:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}
.popup_news_area { float:left; width:100%; padding-bottom:10px; font-size:11px; line-height:18px;}
ul.middleUl { padding:10px 0px 10px 15px; text-align:left;}
ul.middleUl li { padding-bottom:6px;}
.audio_icon { float:left; padding-right:6px; line-height:22px; font-weight:bold;}
.banner_textOp_page { float:left; width:350px; padding:70px 0px 0px 20px; line-height:24px;}
.banner_textOp_page span { font-size:18px; color:#ffffff;}
.play_audio { float:left; width:230px; padding-top:9px;}
.song_title { float:left; width:200px; font-size:10px;}
.middle_boxArea { float:left; width:456px; padding-bottom:15px;}
.greenHeading_boxAreaMid { float:left; width:456px; height:38px;}
.greenHeading_boxLeftMid { float:left; width:12px; height:38px; background:url(../images/boxHeader_leftMid.jpg) no-repeat;}
.greenHeading_boxMid { float:left; width:432px; height:38px; background:url(../images/boxHeader_bgMid.jpg) repeat-x; font-size:13px; line-height:38px; color:#FFFFFF; font-weight:bold;}
.greenHeading_boxRightMid { float:left; width:12px; height:38px; background:url(../images/boxHeader_rightMid.jpg) no-repeat;}
.middleBox_middle { float:left; width:434px; border:1px solid #dfdfdf; border-width:0px 1px 1px; padding:10px 10px;}
ol.middleOl { padding:10px 0px 10px 20px; text-align:left;}
ol.middleOl li { clear:left;}
.document_area { float:left; width:100%; padding-bottom:10px;}
.document_text { float:left; width:400px; padding-right:10px; padding-bottom:6px;}
.document_text span { font-size:11px; color:#666666;}
.document_img { float:left; width:26px; padding-top:3px;}
.library_bookArea { float:left; width:100%; padding-top:20px;}
.library_bookImg { float:left; width:115px; height:160px; padding-right:10px;}
.library_textBox { float:left; width:560px; background:#f6f6f6; border:1px solid #dfdfdf;}
.library_text { float:left; width:546px; font-size:11px; line-height:15px; padding:7px;}
.library_naviText { float:left; width:546px; padding:4px 7px; font-weight:bold; color:#000000; background:#dfdfdf;}




/* navigation styles */
.black_link,.black_link:link,.black_link:active,.black_link:visited { color:#333333; text-decoration:none;}
.black_link:hover { color:#055eae; text-decoration:none;}
.footer_link,.footer_link:link,.footer_link:active,.footer_link:visited { color:#055eae; text-decoration:none;}
.footer_link:hover { text-decoration:underline; }
.more_link,.more_link:link,.more_link:active,.more_link:visited { color:#00548e; text-decoration:none;}
.more_link:hover { text-decoration:underline; }


.jqifade{ position: absolute; background-color: #aaaaaa;}
.jqi { width: 350px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; position: absolute; background-color: #ECF2F7; opacity:1.9; font-size: 11px; text-align: left; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-image: url(../images/pro_top.jpg); background-repeat: repeat-x; color:#04194E;}
.jqicontainer { float:right; left:50px; /*width:300px;*/ }
.jqiclose { float:right; margin-top:4px; font-size:1px; color: #ffffff; width:24px; height:19px; padding-top:2px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; background-image: url(../images/btn_close.jpg); background-repeat:no-repeat;}
.jqimessage { font-family: Verdana, Helvetica, sans-serif; font-size:12px;  padding:45px 0px 0; line-height:18px; text-align:center; width:350px; }
.jqibuttons { text-align:center; padding-top:10px; padding-bottom:10px; padding-right:10px;}
.jqi button { background-color:#368abe; width:70px; padding-top:3px; padding-bottom:3px; font-family: Verdana, Helvetica, sans-serif; font-size:12px; color:#ffffff; cursor:pointer; font-weight:bold; }
.jqi button:hover{background-color: #368abe;}

/*21 June 2012*/
.middle_text p{ margin-bottom:10px;}
.boxes{ float:left; padding:5px 10px 5px 5px; border:solid 1px #000000;}
.boxes p{ margin-bottom:10px;}
.investors img{ float:left; margin-right:10px; margin-bottom:5px;}
.investors h2{ float:left; width:100%; font-size:14px; margin-bottom:10px; color:#cccccc; padding-bottom:5px; border-bottom:solid 1px #cccccc;}
.next{ width:100%; float:left; margin:5px 0px 10px 0px;  text-align:right;}
.next a,.next a:visited,.next a:hover,.next a:active{ color:#000000;}
.middle_text h3.documents{ float:left; width:100%; margin:5px 0px 0px 0px;}