@charset "utf-8";
/* CSS Document */
.slideanim {visibility:hidden;}
  .slide {
      animation-name: slide;
      -webkit-animation-name: slide;
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      visibility: visible;
  }
  @keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }
  @-webkit-keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }


#top
{text-align:center;
font-family:Rockwell;
color:white;
background-color:#C36;
text-shadow:2px 1px #000000;
font-size:22px;
padding:5px;}


#btn_donate
{background-color:#333;
color:#FC0;
font-family:Tahoma, Geneva, sans-serif;
border-radius:0px;}
#btn_donate:hover
{color:#FFF;
transition:0.3s;}




#navbar
{border:none;
text-align:center;
font-family:Verdana;
border-radius:0px;
font-size:16px;}
#navbar a
{color:#C36;
font-size:16px;}
#navbar a:hover
{background-color:#C36;
transition:0.4s;
color:#FFF;}




#pg_heading
{font-family:Rockwell;
color:#C36;}


#paragraph
{font-family:Cambria;
text-align:justify;
font-size:14px;
color:#C69;}

#paragraph2
{font-family:Cambria;
text-align:justify;
font-size:14px;
color:#666;}

#paragraph3
{font-family:Cambria;
text-align:justify;
font-size:14px;
color:#CCC;}


#founder_para
{font-family:"Calibri Light";
text-align:justify;
font-size:12px;
color:#666;}

#panel-heading
{background-color:#FDC8D1;}


#edu_prg
{background-color:#096;
text-align:center;
font-family:Cambria;
padding:20px;}
#edu_prg a
{color:#FFF;}
#edu_prg:hover
{background-color:#333;
transition:0.4s;}

#tlnt
{background-color:#C90;
text-align:center;
font-family:Cambria;
padding:20px;}
#tlnt a
{color:#FFF;}
#tlnt:hover
{background-color:#333;
transition:0.4s;}

#mission
{background-color:#669;
text-align:center;
font-family:Cambria;
padding:20px;}
#mission a
{color:#FFF;}
#mission:hover
{background-color:#333;
transition:0.4s;}

#features
{background-color:#939;
text-align:center;
font-family:Cambria;
padding:20px;}
#features a
{color:#FFF;}
#features:hover
{background-color:#333;
transition:0.4s;}

#stories
{background-color:#F66;
text-align:center;
font-family:Cambria;
padding:20px;}
#stories a
{color:#FFF;}
#stories:hover
{background-color:#333;
transition:0.4s;}




#trustees_addition
{background-color:#069;
text-align:center;
font-family:Cambria;
border-radius:0px;
font-size:15px;}
#trustees_addition a
{color:#FFF;}
#trustees_addition:hover
{background-color:#333;
transition:0.4s;}








#marquee_updates
{height:295px;
font-family:Cambria;
text-align:justify;
color:#FFF;
padding:5px;}
#marquee_heading
{text-align:center;
font-family:Rockwell;
color:#FFF;
background-color:#C36;
padding:20px;}


/*-------------------------start help------------------------*/
.parallax {
    /* The image used */
    background-image:url(HelpBG2.png);
	
	/* Set a specific height */
    min-height: 300px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	margin-top:-3%;
}



#help a
{text-align:center;
font-size:40px;
font-family:Rockwell;
font-weight:bold;
color:white;
opacity:0.8;}
#help a:hover
{color:#C03;
text-decoration:none;
transition:0.4s;}
/*-------------------------end help------------------------*/





#pg_heading2
{font-family:Rockwell;
color:white;}

#pg_heading3
{font-family:Cambria;
color:#333;}



#updates
{font-family:Cambria;
text-align:center;
font-size:14px;
color:#E6E6E6;}

/*-----------------------open zoom for pic----------------------*/
#zoom{      
-webkit-transition: all 0.35s ease-in-out;    
-moz-transition: all 0.35s ease-in-out;    
transition: all 0.35s ease-in-out;     
cursor: -webkit-zoom-in;      
cursor: -moz-zoom-in;      
cursor: zoom-in; 
}     

#zoom:hover,  #zoom:active,   #zoom:focus {
/**adjust scale to desired size, 
add browser prefixes**/
-ms-transform: scale(1.5);    
-moz-transform: scale(1.5);  
-webkit-transform: scale(1.5);  
-o-transform: scale(1.5);  
transform: scale(1.5);    
position:relative;      
z-index:100;
transition:0.4s;}
/*-----------------------close zoom for pic----------------------*/





#footer_heading
{font-family:Rockwell;
color:#FFF;
text-align:left;}


#abt_us a
{color:#E6E6E6;
font-family:Cambria;
font-size:16px;
text-align:left;}
#abt_us a:hover
{color:#FFF;
text-decoration:none;
transition:0.4s;}
#abt_us img:hover
{opacity:0.9;
transition:0.4s;}


#footer_contacts
{text-align:center;
font-family:Cambria;
color:#000;}


#up
{color:#CCC;
font-size:36px;
text-align:right;
font-family:"Calibri Light";
opacity:0.7;}
#up:hover
{color:black;
opacity:0.9;
transition:0.4s;}



/*-----------------------------trustees----------------------*/
#trustees_details
{font-family:"Calibri Light";
text-align:center;
font-size:16px;
color:#C36;}





/*-------------------------start download------------------------*/
.parallax_download {
    /* The image used */
    background-image:url(Download.jpg);
	
	/* Set a specific height */
    min-height: 300px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	margin-top:-3%;
}




#download a
{text-align:center;
font-size:25px;
font-family:Rockwell;
font-weight:bold;
color:#CCC;
opacity:0.8;}
#download a:hover
{color:#C03;
text-decoration:none;
transition:0.4s;}
/*-------------------------end download------------------------*/