@import url(http://fonts.googleapis.com/css?family=Open+Sans);

body{  margin:0; padding:0; font-family: 'Open Sans', sans-serif; color:#7c7c7c;}

a.green_button{font-size:12px; background-color:#54b029; color:#FFF; text-decoration:none; padding:2px 5px 2px 5px; margin-top:20px;}

a:hover.green_button{background-color:#333333; color:#FFF;}

a.green_left_button{ float:left;font-size:12px; background-color:#54b029; color:#FFF; text-decoration:none; padding:2px 5px 2px 5px; margin-top:10px;}

a:hover.green_left_button{background-color:#333333; color:#FFF;}

a.green_right_button{ float:right;font-size:12px; background-color:#54b029; color:#FFF; text-decoration:none; padding:2px 5px 2px 5px; margin-top:20px;}

a:hover.green_right_button{background-color:#333333; color:#FFF;}

a.gray_button{ float:right;font-size:12px; background-color:#787777; color:#FFF; text-decoration:none; padding:2px 5px 2px 5px; margin-top:20px;}

a:hove.gray_button{background-color:#333333; color:#FFF;}

h1{ color: #54b029; font-size:22px; font-weight:normal;}

h1 span{ color: #27742e; font-size:22px; font-weight:normal;}

h2{color:#5bc434; font-size:14px; font-weight:bold; text-align:center; margin:0; margin-top:10px;}

h3{ color:#FFF; font-size:18px; font-weight:normal;}

p.green_txt{ color: #54b029; font-size:12px; font-weight:bold; text-align:justify;}

p.green2_txt{ color:#2f6d3e; font-size:13px; font-weight:bold; text-align:justify;}

.clr{ background-image:url(../images/shadow.jpg); background-repeat:no-repeat; background-position:center; height:10px; margin:0; padding:0;}

p.main_txt{text-align:justify;  height:auto; text-wrap:normal; margin:0; padding:0; font-size:12px;}

#mian_wrapper{ width:100%; height:auto; padding:0; margin:0; overflow:hidden;}

/**header css

===================================*/

#header{ float:left; width:100%; height:auto; padding:0; overflow:hidden; position:fixed; z-index:1002; top:0;}

#header .top_black{ background-color:#000;float:left; width:100%; height:auto; padding:0;}

#header .top_black .midd{ width:1024px; height:auto; padding:0;  margin:auto;}

#header .top_black .midd p{ text-align:right; margin:0; padding:0; margin:2px; margin-top:5px;}

#header .top_black .midd p img{ margin-right:10px; margin-top:0px; border:0;}

#header .top_green{background-image:url(../images/greenbg.png);  background-repeat:repeat-x;float:left; width:100%; height:auto;  padding:0; overflow:hidden;}

#header .top_green .midd{ width:1024px; height:auto; padding:0;  margin:auto;}

#header .top_green .midd div.logo{ width:198px; height:120px; float:left; padding:0; margin:0; overflow:hidden;}
#header .top_green .midd div.midd{ width:480px; height:auto; float:left;padding:0; padding-top:5px; margin:0; overflow:hidden; margin-left:100px; color:#FFF;}
#header .top_green .midd div.midd ul li{ list-style:none;}
#header .top_green .midd div.right{ width:200px; height:158px; float:right;padding:0; margin:0; overflow:hidden;}

/**middle css

===================================*/

#middle{ float:left; width:100%; height:auto; overflow:hidden; margin:0; padding:0; margin-top:90px;}

/**slide css

===================================*/

#middle #slide_container{ float:left; width:100%; height:auto; overflow:hidden; margin-top:20px;}

#middle #slide_container .midd{ height:auto; margin:auto; overflow:hidden;  padding:0; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; 

-o-border-radius:5px; -webkit-border-radius:5px;}

div #earthcare_image{ float:left; width:640px; height:175px; height:auto; margin:0; padding:0; margin-bottom:15px;}



#menuarea{ float:left;width:640px; height:auto; padding:0; margin:0; margin-bottom:2px;}

#menu {list-style: none; margin: 0; padding: 0;float: right;position: relative}

/* CSS for each Parent Item */

#menu li {float: left; position: relative;}

#menu li a{ background-color:#8f9190;padding: 2px 10px 2px 10px; margin:0; margin-right:2px; text-decoration:none; color:#FFF; line-height:30px; }



/* 

Change background color and font color 

of parent items when mouse hover 

*/

#menu li:hover a,

#menu li a:hover{color: #fff; background-color:#54b029;}



/* 

Applie to group of Child Items

Each Child Item will be invisible by default

*/

#menu ul {display: none;}



/* Each Child Item will be visible if mouse hover */

#menu li:hover ul {display: block;}

#menu ul{float: none;position: absolute;list-style: none;margin: 0;padding: 0;top: 1.9em;left: 0; }

#menu ul li{display:block;float: none;clear: none;position:relative; text-align:left; width:165px; margin:0; 

 text-decoration:none; color:#FFF;  height:auto;}



/* 

Reset and re style 

link of each child item

*/

#menu li:hover ul li a,#menu ul li a{display: block; padding-left:5px;float: none;color: #fff;background: none;background-color:#8f9190;border-bottom:1px #fff solid;  }

#menu li:hover ul li a:hover,

#menu ul li a:hover{background: none;color: #fff; background-color:#54b029;}

/**container css

===================================*/

#middle #main_container{ float:left; width:100%; height:auto; padding:0; margin-top:15px;overflow:hidden;}

#middle #container{ width:1024px; height:auto; padding:0; margin:auto; overflow:hidden;}

#middle #container .midd{width:982px; height:auto; padding:20px;border:#e8e9e8 1px solid; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; 

-o-border-radius:5px; -webkit-border-radius:5px;float:left; overflow:hidden;}

#middle #container .midd .left{width:640px; height:auto; float:left; overflow:hidden; float:left; padding:0; margin:0;}

#middle #container .midd .left .innerdiv {width:640px; height:auto; float:left; overflow:hidden; margin-top:28px; margin-bottom:10px; border-top: solid #54b029 1px;}

#middle #container .midd .left .innerdiv .left{width:310px; height:auto; float:left; overflow:hidden; padding:0; margin:0;}

#middle #container .midd .left .innerdiv .left .leftside{ float:left; width:120px; overflow:hidden; height:auto;}

#middle #container .midd .left .innerdiv .left .leftside img{ float:left; width:120px; overflow:hidden; height:auto; border:1px solid #CCC;}

#middle #container .midd .left .innerdiv .left .rightside{ float:right; width:170px; height:auto; overflow:hidden; padding:0; margin:0;}

#middle #container .midd .left .innerdiv .left .rightside p{text-align:justify;  height:auto; text-wrap:normal; margin:0; padding:0; font-size:12px;}

#middle #container .midd .left .innerdiv .right{width:310px; height:auto;float:right; overflow:hidden; padding:0; margin:0; border:0;}

#middle #container .midd .left .innerdiv .right .leftside{ float:left; width:120px; overflow:hidden; height:auto;}

#middle #container .midd .left .innerdiv .right .leftside img{ float:left; width:120px; overflow:hidden; height:auto; border:1px solid #CCC;}

#middle #container .midd .left .innerdiv .right .rightside{ float:right; width:170px; height:auto; overflow:hidden; padding:0; margin:0;}

#middle #container .midd .left .innerdiv .right .rightside p{text-align:justify;  height:auto; text-wrap:normal; margin:0; padding:0; font-size:12px;}

#middle #container .midd .left .innerdiv2 {width:640px; height:auto; padding:0; float:left; overflow:hidden; margin-top:30px; margin-bottom:10px; border-top: solid #54b029 1px;}

#middle #container .midd .left .innerdiv2 .imagebox{ width:150px; float:left; margin:0; padding:0;margin-right:13px; overflow:hidden;}

#middle #container .midd .left .innerdiv2 .imagebox img{ width:150px;  border:1px solid #CCC; }

#middle #container .midd .left .innerdiv2 .imagebox p{ /*text-align:center; */font-size:12px; margin:0; line-height:22px;}

#middle #container .midd .left .innerdiv2 .imagebox_last{ width:150px; float:right; margin:0; padding:0; overflow:hidden;}

#middle #container .midd .left .innerdiv2 .imagebox_last img{width:150px;  border:1px solid #CCC; }

#middle #container .midd .left .innerdiv2 .imagebox_last p{ /*text-align:center; */font-size:12px; margin:0; line-height:22px;}

#middle #container .midd .right{width:310px; height:auto; float:right; overflow:hidden;}

#middle #container .midd .right .chlid{width:310px; height:auto;  float:right; overflow:hidden;  border-top: solid #54b029 1px; margin-bottom:20px;}

#middle #container .midd .right .chlid p{ text-align:justify; font-size:12px; margin:0; margin-top:10px; line-height:20px;}

#middle #container .midd .right .chlid .event_slide{width:308px; height:auto; float:right; overflow:hidden;  border: solid #54b029 1px; margin-top:20px;}

#middle #container .midd .right .chlid .event_slide img{ padding:0; margin: 20px 0 20px 0;}

#middle #container .midd .right .chlid  table{ font-size:12px;}

/**footer css

===================================*/

#footer{ background-color:#333333; width:100%; height:auto; overflow:hidden; margin:0; padding:0; float:left; bottom:0;}

#footer .midd{  width:984px; height:auto; overflow:hidden; margin:auto; padding:20px;}

#footer .midd .child{width:200px; height:auto;overflow:hidden; margin:0; padding:0; color:#FFF; font-size:14px; float:left;}

#footer .midd .child ul{ margin-top:20px; margin:0; padding:0;}

#footer .midd .child ul li{ color:#787777; font-size:11px; margin:0; padding:0; line-height:25px; display:block;}

#footer .midd .child ul li a{ color:#787777; text-decoration:none;}

#footer .midd .child ul li a:hover{ color:#FFF;}

#footer .midd .child2{ float:left;width:382px; height:auto;overflow:hidden; margin:0; padding:0; color:#FFF; font-size:14px;}

#footer .midd .child2 input{ width:378px; height:auto; background-color:transparent; border:#666 1px solid; }

#footer .midd .child2 p{ color:#787777; font-size:12px;}

#footer .midd .child3{width:340px; height:auto;overflow:hidden; margin:0; padding:0; color:#FFF; font-size:14px; float:right;}

#footer .midd .child3 .child{width:340px; padding:10px; height:183px;overflow:hidden; margin:0; padding:0; color:#FFF; font-size:14px; float:right; 

background-image:url(../images/tweet_box.png); background-repeat:no-repeat;}

#footer .midd .child3 .child2{ padding-left:10px; width:320px; padding-right:20px; height:auto; margin:auto;}

.timeline {

	margin-bottom: 10px;

	background-color: transparent !important;

	border-radius: 0px !important;

}

#footer_bottom{ background-color:#333333; width:100%; height:auto; overflow:hidden; margin:0; padding:0; float:left; bottom:0;}

#footer_bottom .midd{  width:984px; height:auto; overflow:hidden; margin:auto; text-align:center; font-size:11px;}