@charset "utf-8";
/* CSS Document */
/*@font-face {
	font-family: 'Conv_MyriadPro-Bold';
	src: url('../fonts/MyriadPro-Bold.eot');
	src: local('☺'), url('../fonts/MyriadPro-Bold.woff') format('woff'), url('../fonts/MyriadPro-Bold.ttf') format('truetype'), url('../fonts/MyriadPro-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_TitilliumText1';
	src: url('../fonts/TitilliumText1.eot');
	src: local('☺'), url('../fonts/TitilliumText1.woff') format('woff'), url('../fonts/TitilliumText1.ttf') format('truetype'), url('../fonts/TitilliumText1.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}*/
/** Generated by FG **/
/* @font-face {
	font-family: 'Conv_TitilliumText800wt';
	src: url('../fonts/TitilliumText800wt.eot');
	src: local('☺'), url('../fonts/TitilliumText800wt.woff') format('woff'), url('../fonts/TitilliumText800wt.ttf') format('truetype'), url('../fonts/TitilliumText800wt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
} */
/** Generated by FG **/
/* @font-face {
	font-family: 'Conv_MyriadPro-Regular';
	src: url('../fonts/MyriadPro-Regular.eot');
	src: local('☺'), url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.ttf') format('truetype'), url('../fonts/MyriadPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
} */

<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">

body{  padding:0px; margin:0px;	font-family:'Roboto'; position:relative;}
#maincontainer{margin:0 auto; padding:0px; width:842px; border:1px solid #000; 	font-family:'Roboto';}
#maincontent{ margin:0px 25px 0px 25px;}
#header{ margin:0px 0px 0px 26px;}
.top{}
.top .school{ float:left;  padding:25px 0 0 0;}
.top .logo{ float:right; padding:25px 0 0 0;}
#header .your_childhood{ clear:both; font-weight:bold; margin-bottom:30px; font-size:20px;}
#header .target{}
#header .target .target_amo{ width:232px; height:16px; float:left; background:#fed706; margin-right:20px; font-size:12px; padding: 4px 0 3px 6px;} 
.target_amo .dash{ border:1px solid #c3ab24; margin:5px 5px 5px 3px;}
#header .target .girls{ float:left; background:#fed706; width:104px; height:16px; font-size:12px;  padding: 4px 0 3px 6px;}
#banner{ margin-bottom:20px; background: url(../images/banner.jpg); height:461px;}
#banner p{ margin:0px; padding-top:313px; padding-left: 92px; font-size:24px; 	font-family:'Roboto'; font-weight:bold;}

.bags{ clear:both; padding-top:10px;}
.support{ margin:0px 25px 0px 25px;  solid #a1a1a1;}
.support p{ font-weight:bold; font-size:12px;}
.support .girls{ float:left; padding-left:20px; width:90px; margin-right:10px; margin-bottom:20px; }
.support .text{ float:left; width:260px;font-size:14px;  margin-right: 10px; margin-top:10px;}
.support .text1{ float:left; width:600px;font-size:15px;  margin-right: 10px; margin-top:2px;}
.social_links{ float:left; width:81px;}
.social_links .donate_now{ margin-bottom:5px;}
.social_links .links{ float:left; font-size:11px;   margin-right:1px;}
.thank_you{ clear:both; font-weight:bold; height:4px; background:#ffffff; font-family:'Roboto'; border-top:0px solid #777777; border-bottom:0px solid #777777; font-size:14px; padding-top: 6px; margin-bottom:0px;}
.help .girl{ float:left; margin-right:30px;}
h2{ background:#fadd00; width:410px; padding-left:10px;}

h2>a{ background-color:#fadd00; text-decoration:none; padding:10px 25px 10px 25px; color:#000000;}
h2 a:hover{ background-color:black; color:white;}
h2>a:hover{ background-color:black; color:white;}
.help .help_story{ float:left;width:660px;}
.help .help_story p{font-weight:normal; text-align:justify; line-height:15px;}







.border{clear:both;}
.why_should{ }
.grows{ padding:10px 25px 0px 25px;}
.grows .family_img{ float:left; padding:0px 20px 0px 150px;}
.grows .family_text{ float:left; font-size:12px;}
.education{clear:both; }
.edu01{float:left; width:200px; padding-left:40px; font-size:12px;}
.edu02{float:left; width:270px; margin:50px 20px 0px 20px; font-size:12px;  margin-bottom:20px;}
.edu021{float:left;  margin:50px 0px 0px 30px; font-size:14px;  line-height:20px; margin-bottom:20px; font-family: 'Roboto';}
.edu03{float:left; width:200px; padding-right:25px; font-size:12px; margin-left:30px;}
.reasons{padding:20px 25px 0px 25px;  }
.reasons .left{font-size:12px;  float:left; width:478px; margin-bottom:40px; font-family:'Roboto';}
.reasons .left .gorl01{ float:left; margin-right:5px;   text-align: center; margin-bottom:20px;}
.reasons .left .gorl01 span{ font-size:9px; font-weight:bold; background:#fcdb04; color:#000;}
.reasons .left .gorl01 a{ text-decoration:none; }
.reasons .left .gorl02{float:left;  margin-right:5px;   text-align: center;}
.reasons .left .gorl02 span{ font-size:9px; font-weight:bold; background:#fcdb04; color:#000;}
.reasons .left .gorl02 a{ text-decoration:none; }
.reasons .left .gorl03{float:left;  margin-right:5px;   text-align: center;}
.reasons .left .gorl03 span{ font-size:9px; font-weight:bold; background:#fcdb04; color:#000;}
.reasons .left .gorl03  a{ text-decoration:none; }
.reasons .left .gorl04{float:left;  margin-right:5px;   text-align: center;}
.reasons .left .gorl04 span{ font-size:9px; font-weight:bold; background:#fcdb04; color:#000;}
.reasons .left .gorl04  a{ text-decoration:none;}
.reasons .left .gorl05{float:left;  margin-right:5px;   text-align: center;}
.reasons .left .gorl05 span{ font-size:9px; font-weight:bold; background:#fcdb04; color:#000;}
.reasons .left .gorl05 a{ text-decoration:none; }
.reasons .left p{font-weight:bold;}
.why-girls{ clear:both; font-size:22px; background:#fcdb04; width:420px; padding:10px 0px 10px 10px; margin-left:28px;}
.reasons .right{ float:left; width:310px; border-left:3px dotted #000; margin-bottom:20px;}
.reasons .right p{ font-size:20px; margin-left:10px;}
.reasons .right .voices{ float:left; margin-left:10px;}
.reasons .right .voices_text{ float:left; margin-left:10px; width:200px; font-size:12px; line-height:17px; text-align:justify;}
.clearboth{ clear:both;}

/*overlay
.overlay{

  position: absolute;
  top: 500px;
  left:  100px;
  width:  200px;
  height: 170px;
  background-color:#fcdb04;
  color:#000;
  padding:10px;
  filter: alpha(opacity=1);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); 
	-moz-opacity: 1; 
	-khtml-opacity:1;   
	opacity: 1; 
	z-index:2;
	
}*/

/*
box{
  position: absolute;
  top: 558px;
  left: 125px;
  font-size:12px;
  text-align:justify;
  padding:10px;
  width: 190px;
  height:190px;
  z-index: 10;
  background-color:#fcdb04; /*dim the background
}

#cross{ float:right;}

#box{
	filter: alpha(opacity=80);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.8;
	-khtml-opacity:0.8;  
	opacity: 0.8;   
	background:#000; 
	 clear:both; font-size:12px; margin:0px 0px 0px 50px; padding:10px;  
    border-radius: 2px 2px 2px 2px;
    border-style: solid;
    border-width: 1px;
    height: 800px ;
    left:  211px;
    margin: 0 auto;
    position: fixed;
    top:  0px ;
    width: 821px;
	z-index:1;
	

	text-align:justify;}
	
	
	
.black{filter: alpha(opacity=80);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.8;
	-khtml-opacity:0.8;  
	opacity: 0.8;   
	background:#fcd000;
	 height: 800px ;
    left:  211px;
    top:  0px ;
    width: 821px;}*/
#girl_child01,#girl_child02,#girl_child03,#girl_child04,#girl_child05{ display:none;}
#divA{width:300px; height:144px; z-index:2; position: absolute; left:18%; top:59%; background-color: #fcd000; font-size:12px; padding:10px;}
.cross{float:right; margin:0; padding:0;}
#divB{width:842px; height:925px; z-index:1; color:#fff; position:absolute; top:750px; left:211px; background-color:#000;filter: alpha(opacity=60);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);-moz-opacity: 0.6;-khtml-opacity:0.6;opacity: 0.6;}





#try2{ display:none;}
#divA2{width:300px; height:144px; z-index:2; position: absolute; left:18%; top:79%; background-color: #fcd000; font-size:12px; padding:10px;}
.cross2{float:right; margin:0; padding:0;}
#divB2{width:842px; height:925px; z-index:1; color:#fff; position:absolute; top:750px; left:211px; background-color:#000;filter: alpha(opacity=60);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);-moz-opacity: 0.6;-khtml-opacity:0.6;opacity: 0.6;}


/*Extra Style from Naeem */
.social_wrapper
{
	
}
.for_script
{
	width:478px; margin-top:23px; margin-bottom:10px; float:left; padding-left:11px; padding-right:11px;
}
.join_social
{
    width:310px; 
	border-left:3px dotted #000;
	margin-top:23px;
	float:left;
	padding-left:11px; 
	
}
p.join
{
	font-size:16px; line-height:20px; color:#2f2f2f; padding-bottom:43px;  font-family:'Roboto';
}
ul.social_links
{
	width:178px; 
}
ul.social_links li
{
	list-style-type:none;
	float:left; padding-right:5px; display:block;
}
.btm_links
{
	color:#2975ff; padding-top:14px; padding-bottom:10px;
}

.btm_links a
{
	text-decoration:none; color:#2975ff; 
}
.footer_text
{
	text-align:center; color:#484848; font-size:11px; line-height:16px; padding-bottom:20px; padding-top:16px; font-family:'Roboto';
}
.footer_text a
{
	 color:#484848; text-decoration:none;
}
.social_fixed
{
	 position:fixed; right:0px; width:30px; padding:9px 8px; background:#ffffff; bottom:80px;
}
.social_fixed ul li
{
	list-style-type:none; margin-bottom:8px; width:30px; height:30px; display:block;
}
.content1 h3
{
	font-size:14px; font-weight:bold;padding-bottom:10px; line-height:16px;
}
.lnk_hldr
{
	height:21px;
}
#schoolbags { width:842px; height:52px; }