#header
{
  /*display: flex;
  justify-content: left;  Horizontal centering */
  height: 75px;
  width: 80%;
  color: black;
  text-align: left;
  margin-left: 120px;
  margin-top: 15px;
}

#contact
{
   width: 25%; margin-top: 100px;
}
.indexdiv5a
{
  padding-left: 140px; padding-top: 2px;
}

.indexh2
{
text-align: left;
}

.p7b
{
   margin: 0;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 15px;
  padding-top: 15px;
  padding-left: 5px;
  text-align: left;
}

.p7c
{
   margin: 0;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; 
  font-size: 15px;
  padding-top: 15px;
  padding-left: 5px;
  text-align: left;
}

.p7c:hover
{
  background-color: gray;
}

.getinvolvedspan:hover{
     background-color: gray;
}

.fbimg
{
  height: 30px; width: 30px; padding-top: -20px;
}

 .sponsorsimg
 {
  height: 70px; width: 100px;
 }

 #footer 
 {
    width: 80%;
    height: 50px;
    margin-left: 170px;
    background-color: lightgrey;
    color: black;
    padding: 2px;
    text-align: center;
}
 #getinvolved
{
 display: flex;
 flex-direction: row;
  background-color: rgb(229, 98, 84); 
  border-radius: 5%;
  width: 80%;
  margin-left: 150px;
  margin-top: 50px;
}
.gidiv2
{
  width: 40%; 
  margin-left: 60px;  
  padding-right: 70px;
}
 
.gip1{
  font-size:40px;
  font-weight: bolder; 
   text-align: left; 
   color: white;
}

.gispan1
{
  font-size: 15px; margin-left: 5px;
  color: white;
}
.gip2
{
  font-size:20px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
   text-align: left; 
   color: white;
    margin-top: -35px;line-height: 1.7;
}

.cndiv3
{
  width: 300px; height: 300px;  margin-top: 30px;
}

.gallerydiv7
{
  margin: 20px;
  margin-left: 50px;
}
.cnimg
{
   width: 640px; 
   height: 430px; 
   border-radius: 15px; 
   padding-left: 1px;
}
.gallerydiv
{
background-color: rgb(73, 185, 219);
height: 750px;
width: 80%;
margin-left: 180px;
padding-bottom: 20px;
border-radius: 50px 20px;
}

.gallery {
   width: 120px;
  height: 180px;
  float: left;
  border-radius: 20%;
  margin: 5px;  
   margin-left: 90px;
}
.gallery4
{text-align: center; color: white; font-family: Viner Hand ITC;}

.galleryp
{
  text-align: center; 
  font-weight: lighter; 
  font-size: 20px; 
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.galleryimg1
{
  width:170px;
  height: 150px;
  padding-top: 2px;
  border-radius: 10%; 
  float: left;
}
.donate
{
  height: 40px;
  padding-bottom: 35px;
  padding-top: 25px;
  margin-left: 20px; 
  margin: 10px;
   border-radius: 10px; 
   width: 23%;
   text-align: center;
   background-color: brown;
   color: white;
}
.donate1
{
  height: 40px;
  padding-bottom: 35px;
  padding-top: 25px;
  margin-left: 20px; 
  margin: 10px;
   border-radius: 10px; 
   width: 23%;
   text-align: center;
    background-color: rgb(229, 98, 84); 
   color: white;
}
 
.getinvolvedspan
{
  font-family: 'Gill Sans','Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; 
   text-align: left;
  font-size: 25px;
  line-height: normal;
  color: white;
}

.getinvolved3b
{
width: 130px; 
height: 40px; 
margin-left: 170px;
 background-color: brown;
border-radius: 10px;
padding-top: 10px; 
padding-left: 30px; 
font-size: 20px;
color: white;
}
.getinvolvedh2
{
  text-decoration: none; 
  color: white;
  font-weight: bolder;
}

.getinvolved3b:hover
{
  background-color: grey;
}

.p7a:hover
{
  background-color: gray;
}
.getinvolved1
{
  height: 200px;
  padding-bottom: 35px;
  margin: 10px;
   border-radius: 10px; 
   width: 23%;
   margin-top: -5px;
   text-align: center;
   /*background-color: lightseagreen;*/
    background-color: rgb(229, 98, 84); 
}

.getp
{
  font-family: 'Gill Sans','Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; 
  font-size: 20px; 
  text-align: center;
  line-height: 1.7;
  margin-top: -30PX;
  padding-left: 5px;
  color: white;
}

.donate3d
{
width: 130px; 
height: 40px; 
margin-left: 100px;
 background-color: brown;
border-radius: 10px;
padding-top: 10px; 
padding-left: 25px; 
font-size: 20px;
color: white;
}

.donate3d:hover{
  background-color: grey;
}

.getinvolved2
{
  height: 200px;
  padding-bottom: 35px;
  margin: 10px;
   border-radius: 10px; 
   width: 23%;
   margin-top: -5px;
   text-align: center;
   /*background-color: lightseagreen;*/
    background-color: brown 
}

.getinvolveddiv3
{
  background-color: brown;
  border-radius: 10px; 
  width: 30%; 
  margin-bottom: 30px;
  height: 300px;
  margin: 20px
}
.getinvolveddiva
{
  background-color: rgb(229, 98, 84);
  border-radius: 10px; 
  width: 30%; 
  margin-bottom: 30px;
  height: 300px;
  margin: 20px;
}
.gip9
{
  line-height: normal; 
  font-size: 20px;
  text-align: center;
  color: white;
  line-height: 1.7; 
  padding-left: 25px;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; 
}
.gip9a
{
  line-height: normal; 
  font-size: 25px;
  text-align: left;
  color: white;
  line-height: 1.7; 
  padding-left: 25px;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; 
}
.getinvolvedh1
{
  text-align: center; 
  color: white;
}
.indexdiv2a
{
  width: 47%;
   margin-left: 0px;  
   border-bottom-right-radius: 89%;
   background-color: rgb(215, 69, 69);
    /*background-color: orange */
}

.impactp1{
  font-size:40px;
   font-weight: bolder; 
   text-align: left; 
   margin-left: 15px;
   font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
   color: white;
}

.impacth1
{text-align: center; color: white;}

.impactp2
{
  font-size: 20px; text-align: left;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  line-height: 1.7;
  margin-left: 15px;
  color: white;
}

.impactdiv3c
{
  background-color: rgb(215, 69, 69);
 /*  background-color: lightseagreen;  */
  border-radius: 15px; 
  width: 70%;
  padding-bottom: 10px;
}

.pgmp19
{
  line-height: 1.7; 
  font-size: 20px;
  padding-left: 20px;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; 
}

.impactdiv1
{
  margin: 10px;
}
.impactp4
{
  text-align: center; color: green; font-family: Viner Hand ITC;
}


.gallery4
{text-align: center; color: white; font-family: Viner Hand ITC;}

.impactdiv7
{
  margin: 10px;
}

.impactimage1
{
  width:300px;
  height: 250px;
  padding-top: 2px;
  border-radius: 10%; 
  float: left;
}

#container4
{
    height: 550px;
    margin-top: 30px;
    width: 80%;
    display: flex;
    justify-content: left;
    margin-left: 170px;
    background-color: lightgrey;
    border-radius: 10px;
}

.div3b
{
  padding-left: 70px;
}

.p7
{
    margin: 0;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 15px;
  padding-top: 15px;
  font-weight: lighter;
  padding-left: 5px;
  text-align: left;
}
.p7a
{
   margin: 0;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; 
  font-size: 15px;
  padding-top: 15px;
  font-weight: lighter;
  padding-left: 5px;
  text-align: left;
  color: black;
}

.gallery {
   width: 120px;
  height: 180px;
  float: left;
  border-radius: 20%;
  margin: 5px;  
   margin-left: 90px;
}

.gallery4
{text-align: center; color: white; font-family: Viner Hand ITC;}

.galleryp
{
  text-align: center; 
  font-weight: lighter; 
  font-size: 20px; 
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.galleryimg1
{
  width:170px;
  height: 150px;
  padding-top: 2px;
  border-radius: 10%; 
  float: left;
}

 .sponsorsimg
 {
  height: 70px; width: 100px;
 }
.logo
{
  float: left; 
  margin-left: 5px; 
  width:70px; 
  height: 75px;
  padding-right: 10px;
}
.indexdiv5
{
  padding-left:80px; padding-top: 2px;
}
#navbar
 {
  background-color: white;
  border-radius: 15px;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 80%;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 150px;
  border-width: 2px;
  border-bottom: green;
  border-bottom-style:groove;
  border-radius: 15px;
  padding: 0; 
  overflow: hidden; 
  list-style-type: none; 
}

#navbar a {
  float: right;
  font-size: 20px;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  overflow-x: hidden;
  overflow-y: hidden;
}

#navbar a:hover, .dropdown:hover .dropbtn 
{
   background-color: lightgray;
}

.navbar a:hover, .dropdown:hover .dropbtn 
{
  background-color: grey;
}

#indexcontainer
{
 display: flex;
justify-content: left;  
 background-color: lightskyblue; 
  width: 80%;
  margin-left: 150px;
  margin-top: 50px;
  height: 550px;
}

#pgmcontainer
{
 display: flex;
justify-content: left;  
 /* background-color: lightskyblue; 
  background-color: rgba(0, 0, 255, 0.704);*/
 background-color: blue;
  width: 80%;
  margin-left: 150px;
  margin-top: 50px;
  height: 550px;
}

#impactcontainer
{
 display: flex;
justify-content: left;  
 /* background-color: lightskyblue; 
 background-color: rgb(25, 184, 215); 
 background-color: goldenrod; */
  background-color: rgba(234, 182, 50, 0.889); 
  width: 80%;
  margin-left: 150px;
  margin-top: 50px;
  height: 550px;
}


.indexdiv2a
{
  width: 47%;
   margin-left: 0px;  
   border-bottom-right-radius: 89%;
   background-color: rgb(215, 69, 69);
}

.indexp1a
{
  color: white;
  font-size: 40px;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  margin-left: 15px;
}

.indexp1b
{
  color: white;
  font-size: 22px;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  margin-left: 15px;
  line-height: 1.7; 
}

.indexdiv2a
{
  width: 47%;
   margin-left: 0px;  
   border-bottom-right-radius: 89%;
   background-color: rgb(215, 69, 69);
}

.indexdiv2
{
width: 130px; 
height: 40px; 
margin: 15px; 
background-color: lightskyblue;
border-radius: 10px;
padding: 3px;}

.indexdiv2:hover
{
  background-color: lightgrey;
}

.indexdiv2:link
{
  color: black;
  background-color: transparent;
  text-decoration: none;
}

.indexp2
{
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; 
  font-size: 15px; 
  text-align: center;
  color: white;
  font-weight: lighter;
}

.indexp2 a
{
  color: black;
}

.indexdiv3
{
  width: 210px; 
  height: 300px;  
  margin-top: 30px;
  margin-left: 50px;
}

.indexdiv3a
{
  width: 250px; 
  height: 280px; 
  margin: 20px; 
  margin-top: -20px;
border-radius: 20px;
 background-color: lightblue; 
 padding: 15px;
}


.indeximg
{
    width: 550px; 
   height: 450px; 
    margin-top: -30px;
    border-radius: 15px; 
}

#aboutuscontainer
{
 /*display: flex;
 flex-direction: column; */
background-color: lightskyblue;
text-align: center;
padding: 20px;
margin-top: 30px;
width: 80%;
border-radius: 10%;
margin-left: 130px;
position: absolute;
}

.aboutusimg
{margin-left: 20px; 
    width:300px;  
    padding-right: 12px; 
     box-shadow:  10px;
    border-radius: 50%;}

#aboutuscontainer1
{

text-align: center;
padding: 20px;
margin-top: 250px;
width: 80%;
border-radius: 10%;
margin-left: 130px;
background-color: whitesmoke;
}

.aboutusP
{
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; 
  text-align: center; line-height: 1.7;
  font-size: 18px;
}
.galleryimg1a
{
  width:170px;
  height: 150px;
  padding-top: 2px;
  border-radius: 10%; 
  float: left;
  margin-right: 15px;
}

.indexflexcontainer
{
   display: flex;
 flex-direction: row;
  align-items: center;
justify-content: center;  
}

.indexdiv
{
  width: 250px;
  height: 75px; 
  margin-left: 500px; 
  margin: 10px; 
 border-radius: 20px;
  padding: 15px;
  background-color: rgb(215, 69, 69); 
}

.indexp0
{
 color: white; 
  font-family: 'Gill Sans','Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; 
  font-size: 20px; text-align: left;
  line-height: 1.7;
  margin-top: -10PX;
}

.indexspan
{
  font-size: 30px;
  line-height: normal;
  margin-top: -30PX;
  padding-top: 15px;
  text-align: center;
}
.indexdivm
{
  width: 250px;
  height: 75px; 
  margin-left: 500px; 
  margin: 10px; 
 border-radius: 20px;
  padding: 15px;
  background-color: rgba(0, 0, 255, 0.704);
}

.hrstyle
{
  color: black;
   border-width: 1px;
   width: 89%;
}

.indexdiv1a
{
  width: 250px;
}

.indexdiv1a
{
 width: 25%; 
 height: 300px; 
 margin: 15px; 
border-radius: 20px;
 background-color: rgb(215, 69, 69); 
  padding: 15px;
}


.indexp3a
{
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; 
     font-size: 25px;
      text-align: center; line-height: 1.7;
     padding-bottom: 10px; margin-top: -12px;
     color: white;
}
.indexspan1
{
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; 
font-size: 20px; text-align: left; line-height: 1.7; 
}

.indexdiv1b
{
width: 25%; 
height: 300px; 
margin: 15px; 
border-radius: 20px;
background-color: rgba(0, 0, 255, 0.704);
padding: 15px;
}
 
.h1class
{
   text-align: center; 
   color: black; 
   float: left;
}

.h1classa
{
   text-align: center; 
   color: black; 
}

.pgmspan
{
  font-family: 'Gill Sans','Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; 
   text-align: left;
  font-size: 25px;
  line-height: normal;
  color: white;
  font-weight: bolder;
}

.program1a
{
  font-family: 'Gill Sans','Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; 
  font-size: 20px; 
  text-align: center;
  line-height: 1.7;
  margin-top: -20PX;
  padding-left: 5px;
  color: white;
}
.pgmspan
{
  font-family: 'Gill Sans','Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; 
   text-align: left;
  font-size: 25px;
  line-height: normal;
  color: white;
  font-weight: bolder;
}

.programdiv2a
{
   width: 47%;
   margin-left: 0px;  
   border-bottom-right-radius: 89%;
   background-color: #d88f06
    /*background-color: #d88f06*/
}
.gispan1
{
  font-size: 15px; margin-left: 5px;
  color: white;
}
.programmdiv22
{
  height: 230px;
  padding-bottom: 35px;
  margin: 10px;
  border-radius: 30px; 
  width: 25%;
  background-color: blue;
  margin-bottom: 100px; 
  margin-top: 50px; 
}

.programmdiv1
{
  height: 230px;
  padding-bottom: 35px;
  margin: 10px;
   border-radius: 30px; 
  width: 25%;
  background-color: orange;
  /*  background-color: orange;*/
  margin-bottom: 100px; 
  margin-top: 50px; 
}
.programmdiv23
{
  height: 230px;
  padding-bottom: 35px;
  margin: 10px;
  border-radius: 30px; 
  width: 25%;
  background-color: rgba(0, 0, 255, 0.704);
  margin-bottom: 100px; 
  margin-top: -70px;
}
 .programmdiv23a
{
  height: 230px;
  padding-bottom: 35px;
  margin: 10px;
  border-radius: 30px; 
  width: 25%;
  background-color: orange;
  margin-bottom: 100px; 
  margin-top: -70px;
}

/*   Media Queries */
 @media only screen and (max-width: 600px)
 {
  .indexflexcontainer
  {
 flex-direction: column; 
  }
  .indexspan11
{
  font-size: 18px;
}
#aboutuscontainer1
{margin-left: 10px;}

#navbarwrapper, .navbar, ul
{
  flex-direction: column; 
}
.programdiv4
{
  margin-top: -120px;
}
.gallery
{
  flex-direction: column; 
}
}
@media screen and (min-width: 768px) and (max-width: 1440px)
{
.indexdiv1
{
 width: 450px;
}
.indeximg
{
    width: 550px; 
   height: 450px; 
   margin-top: 20px;
}
}
@media only screen and (max-width: 700px)
{
  #indexdiv6, .containerindex, #footer, .cnp2, .cndiv2, .containerindex, .indexdiv5, .div3b, .gidiv21
  {
    display: none;
  }
  #contact
  {
    margin-left: 2px;
  }
  .indexp
  {
    font-size: 18;
  }
  .cndiv3, .cnimg, .indexdiv1, .indexp1, .programdiv2, .getinvolved1, .impactdiv22,
  .indexdiv3
  {display: none;}

  .indexspan1
{
font-size: 18px;
} 
.indexdiv
{
  margin: 10px;
}
.indexdiv3a
{
  margin-top: -80px;
}

.indexdiv1a
{
  width: 250px;
}
.programdiv1
{
  width:300px;
  margin-top: -50px;
}
/* Programs */

.program1
{
  width:300px;
  margin-top: -50px;
}
.impactdiv20
{
  width: 300px;
  margin-left: 40px;
}
.programdiv1a
{
  width:300px;
  margin-top: -110px;
}
.pgmspan, .getinvolvedspan
{
  font-size: 18px;
}

 .gip1
{
  font-size: 20px;
  font-weight: lighter;
}
 .gip2
{
  font-size: 16px;
  font-weight: lighter;
}
.getinvolveddiv3
{
  width: 400px;
  margin-top: -150px;
}
.impactdiv2
{
  width: 400px;
  margin-top: -50px;
}
 .impactdiv22
{
  width: 400px;
  margin-top: 30px;
  margin-bottom: -270px;
}
.gidiv2
{
  width: 250px;
}
 .gip3
{
  font-size: 20px;
  font-weight: lighter;
  line-height: normal
}

.impspan
{
  font-size: 22px;
}
}