.mainframe {
	height:100%;
	width: 866px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;

}
.header {
	background-image: url(image/header.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 330px;
	width: 866px;
}
.header2 {
	background-image: url(image/header2.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 330px;
	width: 866px;
}
.header3 {
	background-image: url(image/header3.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 330px;
	width: 866px;
}
.menu {
	float: left;
	height: 45px;
	width: 866px;
	padding: 0px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(image/menu_bar.jpg);
	background-repeat: no-repeat;

}
.main {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 866px;
	background-color: #FFFFFF;


}
.menu ul {
	font-family: "Comic Sans MS";
	font-size: 15px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 866px;
	font-weight: bold;
	list-style-type: none;



}
body {
	background-color: #CED2BF;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;

}
.menu .home {
	padding: 0px;
	margin-right: 65px;
	margin-bottom: 0px;
	margin-left: 35px;
	float: left;
	margin-top: 10px;
}
.menu .education {
	margin-right: 42px;
	margin-left: 30px;
	float: left;
	margin-top: 10px;

}
.menu .watertank {
	margin-left: 42px;
	margin-right: 45px;
	margin-top: 10px;
	float: left;

}
.menu .health {
	margin-right: 55px;
	margin-left: 40px;
	float: left;
	margin-top: 10px;


}
.menu .donation {
	margin-right: 45px;
	margin-left: 30px;
	margin-top: 10px;
	float: left;

}
.menu .contact {
	margin-left: 25px;
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;


}
.main .right_map img{
      border:1px #000000 solid;
}
.main .left {
	margin: 10px 0px 0px 40px;
	padding: 0px;
	float: left;
	width: 480px;
	border: none;
}

.main .left ul{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 480px;
	border: none;
      list-style-type: none;

}

.main .left_contact {
	margin: 10px 0px 0px 40px;
	padding: 0px;
	float: left;
	width: 400px;
	border: none;
}
.main .left_contact ul {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 400px;
	border: none;
      list-style-type: none;

}
.main .left_contact table{
	margin: 0px;
      margin-top:20px;
	padding: 0px;
	float: left;
	border: none;

}


.bottom {
     width: 860px;
     float: left;
     background-color: #eeeeee;
     margin-left: 20px;
     margin-top: 20px;
     height: 330px;
}

.bottom .left_menu {
     float: left;
     width: 240px;
     height: 300px;
     margin-left: 20px;
}
.bottom .middle_menu {
     float: left;
     width: 240px;
     height: 300px;
     margin-left: 40px;
}
.bottom .right_menu {
     float: left;
     width: 240px;
     height: 300px;
     margin-left: 40px;
}.bottom .left_menu p {
	padding: 0px;
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 240px;

}
.bottom .middle_menu p {

	padding: 0px;
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 240px;
}
.bottom .right_menu p {
	padding: 0px;
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 240px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF6000;
	float: left;
	font-weight: normal;
	clear: both;
      width:100%;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #FF6000;
	float: left;
	font-weight: normal;
	margin: 10px 0px 20px 20px;
	padding: 0px;


}

h3 {
	font-size:18px;
	color: #FF6000;
	font-weight: bold;
	margin-top:10px;
}

h4 {
	font-size: 12px;
	font-weight: normal;
	color: #FF6000;
	margin: 0px;
	padding: 0px;

}

h4 a {
      color: #FF6000;
      text-decoration:none;

}

.h4 a:hover {
      color: #000000;
      text-decoration:none;

}
.copyright {
	margin: 10px 0px 0px 20px;
	padding: 0px;
	float: left;
	height: 30px;
	width: 800px;
}

.menu a {
      color: #FFF;
      text-decoration:none;

}

.menu a:hover {
      color: #FF6000;
      text-decoration:none;

}

.menu a {
      color: #FFF;
      text-decoration:none;

}

.menu a:hover {
      color: #FF6000;
      text-decoration:none;

}

.content_img {
      float:left;
      width: 150px;
      height: 150px;
      margin-top:20px;
      margin-left:20px;
      padding:0px;
      border: 1px #000000 solid;
}
.main-image1 {
	float: left;
	margin-right: 10px;

}
.main p {
	font-size: 26px;
	width: 800px;
	float: left;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;



}
.main-image2 {
	float: left;
	margin: 0px 10px 0px 0px;


}
.main p image {
	margin: 0px 10px;
}
.main .donation {
	float: left;
	margin-left: 80px;
	border: none;
	margin-top: 20px;


}
