/* Style Sheet */

* { 
margin: 0;
padding: 0;
    text-align: left;
}



/**HomePage**/ 

#homepagecontent
{
    background-color:#ffffff;
    }

 #toolbar
 {
 background-color:#ebebeb;    
float:left;
padding-left:15px;
vertical-align:top;
padding-top:4px;
padding-bottom:4px;
height: 30px;
width:990px;
text-align:left;
     }
    
  
#homenews 
{
   float:left;
   margin-top: 20px; 
   margin-left: 15px;
   margin-right:20px;
   border-right: 1px solid #000;
   padding-right: 40px;
}
     
   #homeprojects
{
    margin-left:40px;
    margin-top:20px;
    float:left;

    }
     
.homecontentbul 
{
padding:0px;
margin:0px;
}

.homecontentbul  li 
{
font-family: verdana, helvetica, arial, sans-serif;
font-size: 14px;
list-style-type:disc;
color:#ffb61f;
margin:0px;
line-height: 1.4em;
margin-left:35px;
padding-right:5px;
}


.media
{
padding:0px;
margin:0px;
}

.media  li 
{
list-style:disc;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 13px;
line-height: 1.4em;
}


#pagetitle 
{
    margin-top:35px;
    }


#icons 
{
    margin-top:20px;
    }

#iconsca 
{
    float:right;
    margin-right:20px;
    margin-top:77px;
    }


#footerhome
{
text-align:right;
margin-top:15px;
padding-bottom:100px;

}



#footerhome2
{
background-color:#ebebeb;
float:left;
font-size: 13px;
height:110px;
width:1007px;
text-align:right;

    }




#copyright 
{
background-color:#ebebeb;
    font-size: 11px;
    margin-top: 20px;
    color: #000;
text-align:right;

    }

a img {
border:0px;
}

a {
outline: none;
}

body 
{
    
text-align: center;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 13px;
line-height: 1.4em;
background-color:#FFF;

}

.visible-mobile {
  display: none !important;
}

@media (max-width: 489px) {
  .visible-mobile {
    display: inline !important;
  }

  .hidden-mobile {
    display: none !important;
  }
}
 
#container 
{
background: url(mideast/ME-2.jpg);
margin-left: auto;
margin-right: auto;
width: 1007px;
height:1110px;
}

#containerca 
{
background: url(mideastca/introca2019.jpg);
margin-left: auto;
margin-right: auto;
width: 1007px;
height:1110px;
}

#container_egyptca 
{
background: url(mideastca/egyptca2019.jpg);
margin-left: auto;
margin-right: auto;
width: 1007px;
height:1110px;
}

#container_iraqca
{
background: url(mideastca/iraqca2019.jpg);
margin-left: auto;
margin-right: auto;
width: 1007px;
height:1110px;
}

#container_israelca
{
background: url(mideastca/israelca2019.jpg);
margin-left: auto;
margin-right: auto;
width: 1007px;
height:1110px;
}

#container_jordanca
{
background: url(mideastca/jordanca2019.jpg);
margin-left: auto;
margin-right: auto;
width: 1007px;
height:1110px;
}

#container_lebanonca
{
background: url(mideastca/lebanonca2019.jpg);
margin-left: auto;
margin-right: auto;
width: 1007px;
height:1110px;
}

#container_palestineca
{
background: url(mideastca/palestineca2019.jpg);
margin-left: auto;
margin-right: auto;
width: 1007px;
height:1110px;
}

#container_syriaca
{
background: url(mideastca/syriaca2019.jpg);
margin-left: auto;
margin-right: auto;
width: 1007px;
height:1110px;
}

#programsca 
{
margin-left: auto;
margin-right: auto;
width: 1007px;
height:1110px;
}

#container_syria 
{
background: url(mideast/syria-5.jpg);
margin-left: auto;
margin-right: auto;
width: 1007px;
height:1110px;
}

#container_lebanon 
{
background: url(mideast/lebanon-4.jpg);
margin-left: auto;
margin-right: auto;
width: 1007px;
height:1110px;
}

#container_iraq 
{
background: url(mideast/iraq-7.jpg);
margin-left: auto;
margin-right: auto;
width: 1007px;
height:1110px;
}

#container_israel 
{
background: url(mideast/israel-8.jpg);
margin-left: auto;
margin-right: auto;
width: 1007px;
height:1110px;
}

#container_jerusalem 
{
background: url(mideast/jerusalem-4.jpg);
margin-left: auto;
margin-right: auto;
width: 1007px;
height:1110px;
}

#container_egypt 
{
background: url(mideast/egypt-5.jpg);
margin-left: auto;
margin-right: auto;
width: 1007px;
height:1110px;
}



#container_jordan
{
background: url(mideast/jordan-6.jpg);
margin-left: auto;
margin-right: auto;
width: 1007px;
height:1110px;
}

#container_palestine 
{
background: url(mideast/palestine-4.jpg);
margin-left: auto;
margin-right: auto;
width: 1007px;
height:1110px;
}

p {  
font-family: verdana, helvetica, arial, sans-serif;
font-size: 13px;
line-height: 1.4em; 
margin-bottom: 15px;
}  
  
.charspace { 

padding: 8px;   

}  

.copyright {
font-family: verdana, helvetica, arial, sans-serif;  
font-size: 10px;
line-height: 1.4em; 
background-color: #ebebeb;
}
  
a:link {color: #000000; text-decoration:none; }     
a:visited {color: #000000; text-decoration:none;}  
a:hover {color: #000000; text-decoration:underline;}   
a:active {color: #000000; text-decoration:none;}  


a.proj:link {color: #000000; text-decoration:none; }
a.proj:active {color: #000000; text-decoration:none; }
a.proj:visited {color: #000000; text-decoration:none; }
a.proj:hover {color: #ffb61f; text-decoration:underline; }
 



ul {

padding-left: 40px;
}

ul li {
list-style:disc;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 13px;
margin-bottom:15px;

}


 ul.nobullet
 {
 list-style-type: none;
padding-left:40px;
 }

ul li.nobullet{
font-family: verdana, helvetica, arial, sans-serif;
font-size: 13px;
margin-bottom:15px;
}


#no-bullet ul
{
padding-left: 40px
}


#no-bullet li
{
list-style: none;
margin-bottom:15px;
} 




 ol {
padding-left: 40px
}

ol li {
font-family: verdana, helvetica, arial, sans-serif;
font-size: 13px;
margin-bottom:15px;
}




/**Header Navigation**/ 



/**Right Sidebar**/

#right {
float: right;
width: 210px;
background-color: #ffffff;
text-align:left;
padding-top:10px;
height: 1860px;


}

#sidebarads2
{
    background-color:#e5dcd5;
 width: 190px;
 padding:10px;
margin-top: 15px;
    }

#sidebarads
{
margin-top: 26px;    
border:1px solid #d3433a;
color:#000000;
font-size:12px;
padding:5px;
text-align:left;
width:190px;
    
    }

#sidebaradsimg
{
margin-top: 26px;    
color:#000000;
font-size:12px;
padding:5px;
text-align:left;
width:190px;
    
    }



.sidebarlink:link {color:#663330; text-decoration:none;}
.sidebarlink:visited {color:#663330; text-decoration:none; }
.sidebarlink:hover {color:#663330; text-decoration:underline;}
.sidebarlink:active {color:#663330; text-decoration:none; }



/**Content**/

#content
{
float: left;
width: 557px;
height: 1448px;
padding-left:25px;
padding-right:25px;
background: #ffffff;
text-align:left; 
    }


 #contentDD
{
float: left;
width: 767px;
height: 1448px;
padding-left:25px;
padding-right:25px;
background: #ffffff;
text-align:left; 
    }

 
.imagefloatleft { 
float: left;
margin-right: 13px;
} 

.imagefloatright { 
float: right;
margin-left:13px;         
}   
 
#floatbox 
{

float: right;
margin-left:5px;
margin-bottom:5px; 
  

}

.sectiontitle { font-size: 13px; color:#A36E4F; font-weight: bold; text-decoration:none; } 
    
a.webxtra:link {color: #d85450; text-decoration: none; font-size: 12px; font-weight:bold; }
a.webxtra:active {color: #d85450; text-decoration: none; font-size: 12px; font-weight:bold;}
a.webxtra:visited {color: #d85450; text-decoration: none; font-size: 12px; font-weight:bold; }
a.webxtra:hover {color: #d85450; text-decoration: underline; font-size: 12px; font-weight:bold;}
    
    
.credit 
{

    background-color:#cecece;
    font-size:10px;
    padding: 5px;
    
    }
       
    
.indent2 {
text-indent:15px; 
}

.indent3 { 
text-indent:15px;
}

#shoppingcart {
width: 1007px;
}  

.headertopitems {
background-color: #fdf6d9;
text-align:right;
font-size:12px;
}

/**Breadcrumbs**/
#breadcrumbs 
{
margin-top: 10px;
margin-bottom: 50px;
font-size: 11px;
    }
a.breadcrumb:link {color: #000000; text-decoration: none; }
a.breadcrumb:active {color: #000000; text-decoration: none; }
a.breadcrumb:visited {color: #000000; text-decoration: none;  }
a.breadcrumb:hover {color: #8f364a; text-decoration: underline;  }


/**PageLinks**/
a.pagelink:link {color: #000000; text-decoration: none; font-size: 10px; }
a.pagelink:active {color: #000000; text-decoration: none; font-size: 10px; }
a.pagelink:visited {color: #000000; text-decoration: none; font-size: 10px; }
a.pagelink:hover {color: #000000; text-decoration: underline; font-size: 10px; }

/**Footer**/

#footer { 
font-family: verdana, helvetica, arial, sans-serif;
font-size: 12px;
width: 1007px; 
text-align:center;
background: #fff; 
color:#000000; 
margin-bottom: 20px;
clear:both;
}
 
.footerlink:link {color:#000000; text-decoration:none;}
.footerlink:visited {color:#000000; text-decoration:none;}
.footerlink:hover {color:#000000; text-decoration:underline;} 
.footerlink:active {color:#000000; text-decoration:none;}

#TOC {
width:604px;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 12px;
line-height: 1.4em; } 
 
.byline { font-size: 11px; 
font-style:italic;
line-height: 100%; } 

.subtitle { 
font-size:12px;
font-weight:bold; 
text-transform:uppercase; 
} 

/**LeftSide Navigation **/   

#left { 
background-color:#ebebeb;
float: left; 
width: 190px;        
text-align: left;
vertical-align: top;  
height: 1460px;
}

#searchbox 
{
 padding: 10px;   
    }
    
.search
{
border: 1px solid #d8544f;  
vertical-align:bottom;
color:#d8544f;
   }
 
#navcontainer 
{
color:#000; 
width: 170px;
height: 1190px;
} 

.navtitletext {
color:#000; 
font-weight:bold;
font-size: 13px;
font-family: verdana, helvetica, arial, sans-serif;
}
 

 
#magcovercontainer 
{
    width:84px;
    }

.navlistlink:link {color:#fff;  text-decoration:none; font-weight:normal;}
.navlistlink:visited {color:#fff;  text-decoration:none; font-weight:normal;} 
.navlistlink:hover {color:#fff;  text-decoration:underline; font-weight:normal;}
.navlistlink:active {color:#fff;  text-decoration:none; font-weight:normal;}

#navlist {
margin-left: 0;
width: 172px;
padding: 10px;
height: 1190px;
color:#000; 
}

#navlist li { 

list-style: none;
margin: 0;
font-weight: normal;
font-size: 12px;
line-height: 1.3em;
font-family: verdana, helvetica, arial, sans-serif;
padding-right:5px;

}

#navlist a 
{
   color:#000; 
    }


#navlistmag ul{
margin-left: 0;
width: 172px;
padding-top: 10px;
padding-left: 5px;
height: 1190px;
list-style-position:inside;
color:#fff;
}

#navlistmag li { 
list-style-position:inside;
list-style: disc;
margin: 0;
font-weight: normal;
font-size: 12px;
line-height: 1.3em;
font-family: verdana, helvetica, arial, sans-serif;
padding-right:5px;
color:#fff;

}

#navlistmag a 
{
   color:#fff; 
    }


#column_left {
float: left;
background: #ffffff;
}

#homepageads {
float: left;
}

#column_middle {
width: 283px;
vertical-align: top;
float: left;
background: #ffffff;
}

#column_right {
float: right;
width: 303px;
background: #ffffff;
}

#news_section {
background: url(right_ad_news.gif);
background-repeat:no-repeat;
width: 280px;
height: 185px;
}

#news_items {
font-family: verdana, helvetica, arial, sans-serif;
font-size: 13px;
padding-top: 100px;
padding-left: 10px;
text-align: left;
}

#textarea1{
width:475px;
padding-top:560px;
padding-left:410px;
 }

#main_navi {
width:987px;
float:left;
background-color: transparent;
border-top: 1px solid #47636f;
text-align:left;
padding-left:20px;
}



#second_nav 
{
float:left;
padding-left:37px;
padding-top:4px;
padding-bottom:4px;
height: 21px;
width:968px;
background-color:#c23c33;
text-align:left;

}

.photocaption {
padding: 5px;
background-color: #ece1cd; 
font-size: 11px;
} 
 
/**Magazine**/

.byline {
font-size:11px;
font-style:italic;
} 

.sample {
float:right;
}




/**OLD STYLE SHEET BELOW (temp)**/

.bar { 
position:absolute; 
height: 15px; 
text-align:left; 
font-weight:bold; 
font-size: 10px; 
font: verdana, sans-serif; 
color: #ffffff; 
border-bottom: solid 1px #000000; 
border-right: solid 1px #000000; 
border-top: solid 1px #000000; 
margin:10px 10 10 10; 
} 

.value { 
right: -10px;
top: 1px; 
position:absolute; 
margin-right: -80px; 
margin-bottom: 18px; 
padding-bottom: 20px; 
font-weight:bold; 
font-size: 10px; 
text-align: left; 
vertical-align: top; 
font: verdana; 
color: #000000; 
float:left 
} 


#wrapper 
{
    background-image:url(controlimages/bgcolor_leftnav.gif);
    background-repeat:repeat-y;
    background-position:left top;
    }
    
 #headerlink a {
 display:block;
 position:relative;
 width:210px;
 height:43px;
float:left;
margin-top:45px;
margin-right:102px;
border:0px;
  }

.datatable1 { border: 1px solid #C0A484; }
.datatable1 td, .datatable1 td p { padding: 3px 3px 3px 3px; font-size: 11px; font-family: verdana, helvetica, arial, sans-serif; }
 .datatable1-head { font-weight: bold; background: #FEF3DE; }
 
/**Image Map**/


#map {     

width: 557px;      

height: 298px;     

position: relative;       

background-image: url(controlimages/cnewamap.gif);    

background-repeat: no-repeat;

 } 

#map li {   

margin: 0;   

padding: 0;   

list-style: none;

 } 

#map a {   

position: absolute;       

width: 60px;       

height: 60px;      

text-indent: -1000em; 

} 

#map a:hover {   

border: 0px;

} 

#map .russia a {  

top: 25px;   
left: 250px; 
width: 250px;
height: 80px;
border: 1px solid #000;

}

#map .india a {        

top: 170px;  
left: 298px;
width: 135px;
height: 120px;
border: 1px solid #000;
 }

#map .ethiopia a {        

top: 223px;  
left: 117px;
width: 47px;
height: 60px;
border: 1px solid #000;
 }
 
 
 #map .eritrea a {        

top: 200px;  
left: 135px;
width: 30px;
height: 15px;
border: 1px solid #000;
 }
 
 
  #map .egypt a {        

top: 110px;  
left: 118px;
width: 40px;
height: 60px;
border: 1px solid #000;
 }
 
 
  #map .jordan a {        

top: 125px;  
left: 161px;
width: 23px;
height: 18px;
border: 1px solid #000;
 }
 

 
   #map .syria a {        

top: 114px;  
left: 186px;
width: 24px;
height: 18px;
border: 1px solid #000;
 }
 
 
    #map .iraq a {        

top: 134px;  
left: 193px;
width: 32px;
height: 33px;
border: 1px solid #000;
 }
 
 .box2  {
background-color:#FCDB9A;
border:1px solid #FF9933;
padding:5px;
width:400px;
}

.datatable2
{
    border: 1px solid #FF9933;
    }
.datatable2 td, .datatable2 td p {
font-family:verdana,helvetica,arial,sans-serif;
font-size:13px;
padding:3px;
}

.datatable2-head {
background-color:#FCDB9A;
font-weight:bold;
}

#magcaption, #magcaption img {
background-color:#ECECEA;
border:1px solid #AEA296;
color:#3E2E1F;
line-height:11px;
margin-top:0;
padding:2px;
}


/**Donor Data**/

.commitlabel {
background-color:#F5F5F5;
border: 1px solid #DAD8D9;
padding-left:5px;

padding-top:2px;
padding-bottom:2px;
}




.commitdata {
border: 1px solid #DAD8D9;
padding-top:4px;
padding-bottom:4px;
padding-left:5px;
}


.translabel {
border-top: 2px solid #DAD8D9;
padding-top:2px;
padding-bottom:2px;
border-bottom: 1px solid #DAD8D9;
}


.transdata {
padding-top:10px;
padding-bottom:10px;
border-bottom: 1px solid #DAD8D9;
}

blockquote {
margin:20px;
}



/**Rollovers **/


#egypt2012n
{
  display: block;
  width: 172px;
  height: 75px;
  background: url("images/news_egypt2012.jpg") no-repeat 0 0;
margin-left:10px;

}

#egypt2012n:hover
{ 
  background-position: 0 -75px;
}

#egypt2012n span
{
  position: absolute;
  top: -999em;
}

#egypt2012a
{
  display: block;
  width: 172px;
  height: 75px;
  background: url("images/articles_egypt2012.jpg") no-repeat 0 0;
margin-left:10px;

}

#egypt2012a:hover
{ 
  background-position: 0 -75px;
}

#egypt2012a span
{
  position: absolute;
  top: -999em;
}


#egypt2012fs
{
  display: block;
  width: 172px;
  height: 75px;
  background: url("images/factsheet_egypt2012.jpg") no-repeat 0 0;
margin-left:10px;

}

#egypt2012fs:hover
{ 
  background-position: 0 -75px;
}

#egypt2012fs span
{
  position: absolute;
  top: -999em;
}


#egypt2012c
{
  display: block;
  width: 172px;
  height: 75px;
  background: url("images/churches_egypt2012.jpg") no-repeat 0 0;
margin-left:10px;

}

#egypt2012c:hover
{ 
  background-position: 0 -75px;
}

#egypt2012c span
{
  position: absolute;
  top: -999em;
}



/*show/hide */

.hideable a.hide {
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position:;

}
.hidden a.hide {
    ;
}
.hidden .hide-container {
    display: none;
}


/*javascript */


$(function() {
    $('a.hide').click(function(e) {
        e.preventDefault();
        $(this).closest('.hideable').toggleClass("hidden");
    });
    $('a#hide-all').click(function() {
        $('.hideable').addClass("hidden");
    });
    $('.hideable').addClass("hidden");
});