@charset "utf-8";
/* CSS Document */

h1 , h1 , h1 , h1 , h1 , h1 , p , ul{
margin:0;
padding:0;
}

body{
margin:0;
font-family:'Calibri';
line-height:25px;
}

.read-more{
float:right;
height:auto;
margin:15px 35px 0 0;
font-size:14px;
font-weight:bold;
background:url(../images/read-icon.png) right 6px no-repeat;
padding:0 15px 0 0;

}

.read-more a{
text-decoration:none;
color:#e1750d;
}

.read-more a:hover{
text-decoration:none;
color:#000;
}


.cl{
clear:both;
}

#wrapper{
margin:0 auto;
width:100%;
min-width:200px;
max-width:1600px;
height: auto;
background:url(../images/background.png) no-repeat;

}

.head{
margin:0 auto;
width:1000px;
height:190px;
background:url(../images/head-02.png) center no-repeat;
}

.menu{
margin:0 auto;
width:1000px;
height:44px;
background:url(../images/menu.jpg) no-repeat;
}

.slide{
margin:0 auto;
width:1000px;
height:370px;
background-color:#fff;
}

.latest-news{
margin:0 auto;
width:1000px;
height:45px;
background:url(../images/latest-news.jpg) no-repeat;
}

.page{
margin:0 auto;
width:1000px;
height:auto;
}

.page p{
padding:0 0 0 10px;
}




.page .activities{
margin:0 auto;
width:1000px;
height:auto;
font-size:13px;
line-height:20px;

}

.page .activities .donation{
float:left;
width:220px;
height:255px;
background: url(../images/donation.png) no-repeat;
margin:10px 12px 10px 12px;

}

.page .activities .media-gallery{
float:left;
width:235px;
height:258px;
background: url(../images/media-gallery.png) no-repeat;
margin:10px 12px 10px 12px;
}

.page .activities .reports{
float:left;
width:233px;
height:256px;
background: url(../images/reports.png) no-repeat;
margin:10px 12px 10px 12px;
}

.page .activities .our-school{
float:left;
width:234px;
height:256px;
background: url(../images/our-school.png) no-repeat;
margin:10px 0px 0px 0px;
}


.page .page-left-side{
float:left;
width:740px;
height: auto;
}

.page .page-left-side h2{
padding:0 0 0 10px;
font-family:'Cassia';
font-size:22px;
}

.page .page-right-side{
float: right;
width:230px;
height:390px;
background:url(../images/what-we-do1.jpg) no-repeat;
}

.page .page-right-side a{
text-decoration:none;
color:#000000;
}

.page .page-right-side a:hover{
text-decoration: underline;
color:#e1750d;
}

.page .page-right-side h2{
padding:0 0 0 10px;
line-height:8px;
font-size:21px;
}

.page .page-right-side p{
line-height:39px;
padding:7px 0 0 28px;
font-size:15px;
font-family:'Calibri';
font-weight:bold;
}

.page .photo-gallery{
margin:0 auto;
width:1000px;
height:170px;
}

.page .photo-gallery h2{
font-family:'Calisto MT';
}

#footer-wrap{
margin:0 auto;
width:100%;
height:273px;
background: url(../images/footer.png) no-repeat;
}

#footer-wrap .footer{
margin:0 auto;
width:1000px;
height:auto;
color:#efeded;
}

#footer-wrap .footer ul li{
list-style:none;
padding:0 0 0 13px;
line-height:25px;
background:url(../images/icon.png) left 7px no-repeat;
}

#footer-wrap .footer ul li a{
text-decoration:none;
color:#efeded;
}

#footer-wrap .footer ul li a:hover{
text-decoration: underline;
color:#000;
padding-left:5px;
}

#footer-wrap .footer .footer-col{
float:left;
width:32%;
height: auto;
margin:10px 5px 0 0;

}

#footer-wrap .footer .footer-col .f-left-side{
float:left;
width:45%;
height:auto;
}

#footer-wrap .footer .footer-col .f-right-side{
float: left;
width:45%;
height:auto;
}


#footer-wrap .footer .footer-col-01{
float: right;
width:25%;
height: auto;
margin:10px 5px 0 0;

}


#footer-wrap .footer  h2{
padding:0 0 0 0;
font-family:'Calisto MT';
color:#000000;
}

.footertxt{ color:#003399; text-decoration:none; font-weight:bold; float:right;}

.footertxt:hover{ color:#663399; text-decoration:underline; font-weight:bold; float:right; font-style:italic;}



.contenthover { padding:20px 20px 10px 20px; }
.contenthover, .contenthover h3, contenthover a { color:#fff; }
.contenthover h3, .contenthover p { margin:0 0 10px 0; line-height:1.4em; padding:0; }
.contenthover a.mybutton { display:block; float:left; padding:5px 10px; background:#3c9632; color:#fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.contenthover a.mybutton:hover { background:#34742d }


.com-link{
margin:40px 0 0 0;
}

.com-link span{
float:right;
}

.com-link span a{
text-decoration:none;
color:#efeded;
}

.com-link span a:hover{
text-decoration:underline;
color:#2acbff;
}

.social{
float:right; margin:70px 35px 0 0; width:250px; height:auto;
}

.social p{
margin:0 0 0 11px;
}

.social-face {
	background-image: url(../images/facebook.png);
	height: 27px;
	width: 25px;
	margin: 10px;
	float: left;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.social-face:hover {
	background-position: 0px -27px;
	
}

.social-twitter {
	background-image: url(../images/twitter.png);
	height: 27px;
	width: 25px;
	margin: 10px;
	float: left;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.social-twitter:hover {
	background-position: 0px -27px;
	
}

.social-youtube {
	background-image: url(../images/youtube.png);
	height: 27px;
	width: 26px;
	margin: 10px;
	float: left;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.social-youtube:hover {
	background-position: 0px -27px;
	
}

.social-rss {
	background-image: url(../images/rss.png);
	height: 27px;
	width: 26px;
	margin: 10px;
	float: left;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.social-rss:hover {
	background-position: 0px -27px;
	
}


.imageborder{ width:250px; height:300px; border:3px solid #999999;}
.imageborder1{ width:150px; height:200px; border:3px solid #999999;}

.tables
{
background:#2FB7D9;
color:#ffffff;
font-family:Calibri;

font-weight:bold;
font-size:18px;
height:40px;
}

.fontss
{
color:#000000;
font-size:14px;
font-family:Calibri;
font-weight:bold;
line-height:30px;


}
.ranv_head1{font-family:Calibri; font-size:14px; font-weight:bold; text-decoration:none; color:#006600; line-height:25px;}

.ranv_text1{font-family: Calibri; font-size:13px; font-weight:normal; text-decoration:none; display:block; color:#717171; line-height:22px;}


.tables1
{
background-color:#006699;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:18px;
height:30px;
text-align:left;
padding:0 0 0 5px;
}

.tr{
	background-color:#66CCFF;
	color:#000000;
	font-weight:bold;
}