/* CSS Document */

.mb-0{
    margin-bottom: 0px;
}
.mt-5{
    margin-top: 5px;
}
.mt-10{
    margin-top: 10px;
}
.mt-15{
    margin-top: 15px;
}
.mb-15{
    margin-bottom: 15px;
}
.mt-20{
    margin-top: 20px;
}
.mb-20{
    margin-bottom: 20px;
}
.mt-30{
    margin-top: 30px;
}
.mb-30{
    margin-bottom: 30px;
}
.mt-40{
    margin-top: 40px;
}
.mb-40{
    margin-bottom: 40px;
}
.mt-50{
    margin-top: 50px;
}
.mt-60{
    margin-top: 60px;
}
.mb-60{
    margin-bottom: 60px;
}
.mt-10{
    margin-top: 10px;
}
.mt-80{
    margin-top: 80px;
}
.mb-80{
    margin-bottom: 80px;
}
.mt-70{
    margin-top: 70px;
}
.mb-70{
    margin-bottom: 70px;
}
.mt-50{
    margin-top: 50px;
}
.mt-30{
    margin-top: 30px;
}
.mb-50{
    margin-bottom: 50px;
}
.mt-100{
    margin-top: 100px;
}
.mb-100{
    margin-bottom: 100px;
}
.mt-120{
    margin-top: 120px;
}
.mb-120{
    margin-bottom: 120px;
}
.mt-120{
    margin-top: 120px;
}
.mb-150{
    margin-bottom: 150px;
}
.mb-200{
    margin-bottom: 200px;
}
.mlr-15{
    margin-right: 15px!important;
    margin-left: 15px!important;
}
.mlr-30{
    margin-right: 30px!important;
    margin-left: 30px!important;
}
body{
 padding:0px;
 margin:0px;
 background:url(../images/bg.png) repeat-x left top #e5e4e4;
 font-weight:normal;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 }
.clear{
 clear:both;}
.main{
 padding:0px;
 margin:0px auto;
 width:930px;
 }
.header{
 padding:0px;
 margin:0px;
  }  
.nav{
     padding: 0px;
    margin: 0px 0 8px 0;
    background: linear-gradient(#f9bd3c, #d68a04);
    height: 38px;
    -webkit-border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
    border-radius: 0px 0px 6px 6px;
 
 }  
.nav ul{
 padding:0px;
 margin:0px 0px 0px 15px;
 list-style-type:none;
 } 
.nav ul li{
 padding:0px;
 margin:0px;
 float:left;
 } 
.nav ul li a{
 padding:4px 15px;
 margin:0px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:14px;
 font-weight:normal;
 text-decoration:none;
 color:#FFFFFF;
line-height:38px;
 } 
 .nav ul li a:hover{

  background:#3a8f21;
  color:#FFFFFF;
 -webkit-border-radius:6px;
-moz-border-radius:6px;
 border-radius:6px;
 height:28px;
}
 
 
 
 
 
 .nav ul li a.active{

  background:#3a8f21;
  color:#FFFFFF;
 -webkit-border-radius:6px;
-moz-border-radius:6px;
 border-radius:6px;
 height:28px;
 margin-right:2px;
}
.pay-money img{
  width: 175px;
height: 39px;
padding-right: 2px;
margin-top: 10px ;
float: right;
clear: both;
}

 
 .banner{
  padding:0px;
  margin:5px 0 0 0;
 /* background:url(../images/banner.jpg) no-repeat 0 0;*/
  width:910px;
 /* height:257px;*/
  border:10px solid #FFFFFF;
  }
/*------------------------------End the Header Part--------------------------*/ 
 .contain{
  padding: 0px;
    margin: 0px;
    background: #fff;
    border-radius: 6px;
  }
.donation{
    padding: 0px;
    margin: 0px;
    height: 50px;
    border-radius: 6px 6px 0px 0px;
    width: 100%;
    float: left;
    background: linear-gradient(#f9bd3c, #d68a04);
 
 }   

.page-heading{
      font-size: 24px;
    line-height: 50px;
    font-family: Verdana, Arial, Helvetica,
 sans-serif;
    color: #fff;
    font-weight: 700;
    text-shadow: 1px 1px 0px #94681b;
 }
  
h4{
 padding:0px;
 margin:5px 0 0 50px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:15px;
 font-weight:normal;
 color:#FFFFFF;
 }  
.cretogory{
 padding:0px;
 margin:0px;
 }  
.cretogory ul{
 list-style-type:none;
 padding:0px;
 margin:20px 0 0 0;
 }  
 .cretogory ul li{
 padding:0px 0px 5px 50px;
 margin:10px 0px 0px 10px;
 background:url(../images/arrow.png) no-repeat 0 6px;
 display:block;
 border-bottom:1px dashed #5c5c5c; 
 }
.cretogory ul li a{
 padding:0px;
 margin:0px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:15px;
 font-weight:normal;
 color:#5c5c5c;
 text-decoration:none; 
 } 
.right_part{
 padding: 0px;
    width: 100%;
    float: left;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 0px;
 } 

ol.d {
    list-style-type: lower-alpha;
	line-height:30px;	
	font-family:Arial, Helvetica, sans-serif;
 	font-size:14px;
} 

ul.d{
  line-height:30px; 
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px!important;
  float: left;
}

.right_part ul.d li{
  font-size: 14px;
}

.right_part ul li{
 line-height: 26px;
    font-size: 15px;
    padding-bottom: 15px;
    color: #555;
    padding-left: 40px;
    list-style-type: none;
} 

.right_part ul li i{
  position: absolute;
    margin-left: -30px;
    margin-top: 5px;
    color: #f1b231;
}
 
.right_part p{
 padding: 0px 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    color: #555;
    margin-bottom: 0px;
    /* text-align: justify; */
 }  
.second_part{
     padding: 0px;
    margin: 40px 0 0px 0;
    background: linear-gradient(#f9bd3c, #d68a04);
    height: 50px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
 }  
h1{
 text-align: center;
    font-size: 24px;
    line-height: 50px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    font-weight: 700;
    text-shadow: 1px 1px 0px #94681b;
 } 
.thrd_part{
 padding: 10px 10px;
    margin: 0px;
    height: 190px;
    border-radius: 0px 0px 6px 6px;
    background: linear-gradient(#57a13c, #455e11);
 } 
 
.left_part{
 padding:0px;
 margin:0px;
 width:295px;
 float:left;
 } 
h2{
 padding:0px;
 margin:0px 0px 10px 0px;
 font-family:"Times New Roman", Times, serif;
 font-size:24px;
 font-weight:normal;
 color:#FFFFFF;
 } 
.left_part span{
 padding:0px;
 margin:0px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 width:290px;
 color:#FFFFFF;
 text-align:justify;
 line-height:18px;
 } 
h3{
 padding:0px;
 margin:20px 10px 0 0;
 font-family:"Times New Roman", Times, serif;
 font-size:16px;
 font-weight:normal;
 color: #DE9611;
 float:right;
 } 
 
 .footer{
      padding: 5px 0px;
    margin: 15px 0 0px 0px;
    background: linear-gradient(#f9bd3c, #d68a04);
    height: 38px;
    -webkit-border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
  }
h6{
 padding:0px;
 margin:0px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:normal;
 color:#FFFFFF;
 } 
 
/*         gallery         */

.gallery{
 width:100%;
 min-height: 100px;
}
/*
.gallery1{
 border:1px solid #fff;
 background:#000;	
 float: left;
 margin: 20px 20px 0px 80px;
}

.gallery1 img{
 width:150px;
 height:120px;
}
*/
.heading{ 
 background:url(../images/choose_donate_bg.png) repeat-x 0 0;
 height:32px;
 -webkit-border-radius:6px;
 -moz-border-radius:6px;
 border-radius:6px;
 width:100%; 
 }

/*         gallery         */

.gallery img{
	border: 1px solid green;
}

.code{
	float:left;
	width:30%;
	height: 150px;
}

.code p{
	font-family: Arial;
	font-size: 14px;
}

.btn {
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  background: #2f3438;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

.btn:hover {
  background: #42a102;
  text-decoration: none;
}
.projthumbnil{width:100%;
              float:left;
			  list-style:none;
			  margin-top:15px;
}
.projthumbnil li{width:150px;
                 
				 display:inline-block;
				 margin-right:1%;
				 margin-bottom:10px;
				 overflow:hidden;
				 border:#FFF solid 4px;
				 box-shadow:0px 0px 2px rgba(0, 0, 0, .3);
				 background-color:#000;
				 
}

.projthumbnil li img{width:100%;
                     height:140px;
}
.projlink{width:150px;
          background-color:#355AAA;
		  color:#FFF;
		  font-weight:bold;
		  padding:1%;
		  margin-top:5px;
		  border:#FFF solid 2px;
		  position:absolute;
		  margin-top:-50px;
		  margin-left:10px;
		  opacity:0;
		  
		  -webkit-transition: all 0.4s ease-in-out;
          -moz-transition: all 0.4s ease-in-out;
          -o-transition: all 0.4s ease-in-out;
          -ms-transition: all 0.4s ease-in-out;
           transition: all 0.4s ease-in-out;
		  }
		  
.large{         
		  color: #FFF;
    font-weight: 400;
    padding: .5%;
    margin-top: 5px;
    border: #FFF solid 1px;
    position: absolute;
    margin-top: -50px;
    margin-left: 32px;
    opacity: 0;
    text-align: center;
    font-size: 12px;
}
		  		  
.projthumbnil li:hover img{opacity:.4;}

.projthumbnil li:hover .projlink{background-color:#F60;
                                 opacity:1;
								 margin-top:-120px;}
.link{font-size:12px;
padding-top:10px
}
								 
.projthumbnil li:hover .large{opacity:1;
                              margin-top:-85px;
}							  
.tab{
	height:150px;
	margin-left: 10px;
}	
.account-dtls{
  padding-left: 20px; 
}		
.left-member{
  width: 50%;
float: left;
}				  
.right-member{
  
width: 50%;
float: right;
}
.core-member{
  width: 92%;
    margin-left: 4%;
    background: #f8f8f8;
    padding: 10px 0px;
    /* border-top: 2px solid #419425; */
    margin-top: 30px;
    border-bottom: 1px solid #419426;
}
.core-member span{
  display: block;
  text-align: center;
  font-size: 20px;
    line-height: 30px;
    color: #333;
    font-weight: 700;
}
.fb{
	width: 180px;
    float: right;
    text-align: right;
    margin-right: 15px;
	
}

.fb img{
  width: 24px;
  padding: 8px 0px;
  height: 24px;
  
}

.donor-box{
  margin-top: 80px;
  display: block;
  padding: 0px 15px;
}

.donorMarginTop{ margin-top: 15px; }

.donor-box a{
  display: inline-block;
    width: 200px;
    margin-left: 15px;
    border: 1px solid #e5e4e4;
    padding: 20px 0px;
}

.donor-box a img{
  margin: 0px auto;
    width: 120px;
    display: block;
}


.donor-box a span{
  display: block;
  text-align: center;
  font-weight: 700;
  margin-top: 0px;
  font-size: 14px;
}

.events-heading{
  display: block;
    float: left;
    font-size: 20px;
    color: #333;
    border-bottom: 1px dotted;
    position: relative;
}

.site-list{
  float: left;
  padding-right: 30px;
  margin-bottom: 0px;
}

.site-list li{
  list-style-type: none;
  color: #555;
  font-size: 14px!important;
  line-height: 24px!important;
  padding-left: 30px;
  padding-bottom: 30px;
  text-align: left!important;
      font-family: Arial, Helvetica, sans-serif;
}

.site-list i{
  position: absolute;
  margin-left: -20px;
  margin-top: 4px;
  color: #f1b231;
}

.site-para{
  float: left;
  font-size: 14px!important;
  line-height: 24px!important;
  color: #555;
}

.gallery-heading{
      color: #333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 20px;
    display: block;
    padding-left: 35px;
    float: left;
}

.form-holder{
  width: 60%;
    margin: 30px 20%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    font-weight: 600;
    float: left;
}

.form-style{
     width: 100%;
    height: 0px;
    border: 1px solid #e6e6e6;
    background: #f8f8f8;
    outline: none;
    padding: 20px 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    outline: none;
}

.form-style:focus{
  border-color: #666;
}

.form-holder textarea{
  resize: none;
  height: 80px!important;
}

.submit-btn{
    padding: 12px 30px;
    color: #fff;
    background: #429525;
    border: 1px solid #429525;
    border-radius: 4px;
    font-weight: 700;
    outline: none;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.submit-btn:hover{
  color: #429525;
  background: transparent;
  border-color: #429525;
}

.left-align{
  float: left;
  width: 100%;
}

.left-align img{
  /*float: left;
  margin-left: 30px;*/
  float: left;
  margin-left: 30px;
}

.ty-head{
  text-align: center;
    font-size: 24px;
    line-height: 50px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #419425;
    font-weight: 700;
    text-shadow: none;
    margin-top: 40px;
    display: block;
    float: left;
    width: 100%;
}

.ty-p{
      padding: 0px;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #555;
    text-align: center;
}

.donation-pheading{
    display: block;
    float: left;
    width: 100%;
    margin-top: 30px;
    padding: 10px 0px;
    line-height: 26px;
    color: #333;
    border-bottom: 1px solid #419426;
    background: #f8f8f8;
    font-size: 15px;
    text-align: center;
}
