.s4-workspace, .s4-workspace input, .s4-workspace textarea, .s4-workspace select,
.link-item a, .headertitle a, .level-item a, .link-item a:link, .headertitle a:link, .level-item a:link,
.headertitle-band, .headertitle-band a, .headertitle-band a:link,
.ms-WPTitle, .ms-WPBody, .ms-WPBody td, .srch-WPBody, body #pageStatusBar, .article .caption, .s4-titletable
{
    font-family: Arial, Helvetica, sans-serif;
}

body
{
    color: #2B251C;
    overflow: auto !important;
    font-size: 100%;
}

a img
{
    border: 0;
}

.clear
{
    clear: both !important;
    display: block !important;
}

.width960
{
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

/* style sheet for welcome control */
#welcomeControl
{
    padding: 15px 0px 0px 0px;
    margin: 0;
    float: right;
}

#user-login
{
    color: #f78f1e;
}

    #user-login img
    {
        float: left;
        width: 75px;
    }

    #user-login div.user-welcome
    {
        float: left;
    }

    #user-login div.user-name
    {
        color: #000;
        margin: 10px 0px 0px 15px;
        font-size: 12px;
        width: 140px;
    }

    #user-login div.login-btns
    {
        margin-left: 15px;
    }

        #user-login div.login-btns a
        {
            color: #f78f1e;
            text-decoration: none;
            font-size: 12px;
        }
/*Call out Begin*/
#callout
{
    width: 700px;
}

    #callout img
    {
        width: 100%;
    }
/*Call out End*/

.s4-toplinks .s4-tn A.selected, body #s4-topheader2
{
    background: none;
    border: none;
}

div.article, div.welcome
{
    padding: 0px;
}


/*#megaMenuHOME, #megaMenuABOUTUS, #megaMenuOURWORK, #megaMenuSPONSORACHILD, #megaMenuWAYSTOGIVE, #megaMenuGETINVOLVED, #megaMenuMYWORLDVISION
{
    display: none;
}

.mega-menu
{
    position: absolute;
    z-index: 100;
    margin-top:5px;
}*/

#footer ul
{
    margin-right: 17px !important;
    padding-right: 19px !important;
    float: left;
}

.childOverlay
{
    position: absolute;
    top: 0px;
    text-align: right;
    left: 50%;
    margin-left: -985px;
    height: 553px;
    width: 500px;
    z-index: 100;
    overflow: hidden;
    opacity: .5;
}

.childOverlayRight
{
    margin-left: 477px;
    text-align: left;
}

.childOverlay img
{
    margin-top: -50px;
    height: 700px;
    margin-right: -50px;
}

.childOverlayRight img
{
    margin-left: -50px;
}

/*5-6-2013 for background
#gray-wrapper
{
    background: #FFF url('/Style Library/WorldVision/Images/bkgdTileMain.png') repeat 0 149px;
    width: 100%;
    overflow: hidden;
}

#orange-wrapper
{
    background: transparent url('/Style Library/WorldVision/Images/hp_tiled_background.jpg') repeat-x 0 0;
    position: relative;
    width: 100%;
    overflow: hidden;
}*/
#gray-wrapper
{
   /* background: #FFF url('/Style Library/WorldVision/Images/hp_orangeBkg_NoZigZag.png')
     repeat 0 149px;
  

    width: 100%;
    overflow: hidden;*/
    /*background-color: #ededed; 
 background-repeat: repeat-x; */
 

 /*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e78720), to(#ffffff)); 
 

 background: -webkit-linear-gradient(top, #e78720, #ffffff); 
 

 background: -moz-linear-gradient(top, #e78720, #ffffff); 
 
 
 background: -ms-linear-gradient(top, #e78720, #ffffff); 
 
 
 background: -o-linear-gradient(top, #e78720, #ffffff);
 
 
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e78720', endColorstr='#ffffff');

 ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e78720', endColorstr='#ffffff')";*/
}

#orange-wrapper
{
  /*background: transparent url('/Style Library/WorldVision/Images/hp_orangeBkg_NoZigZag.png') 
  repeat-x 0 0;*/
    position: relative;
    width: 100%;
    overflow: hidden;
}


#body
{
    width: 960px;
    margin: 0 auto;
}

#header
{
}

    #header #welcome
    {
        max-width: 225px;
        width: 23.4375%;
        color: #000;
        font-size: .875em;
        padding-top: 10px;
        height: 62px;
        white-space: nowrap;
        float: right;
        margin-top: 20px;
    }

        #header #welcome #avatar img
        {
            width: 32%;
            min-width: 40px;
            height: auto;
            float: left;
            overflow: hidden;
            margin-right: 4.444%;
            margin-top: -10px;
        }

        #header #welcome ul li
        {
            font-size: .75em;
            display: inline-block;
            border-right: 1px solid #F60;
            padding: 0 2%;
            margin-top: 4px;
        }

            #header #welcome ul li:first-child
            {
                padding-left: 0;
            }

            #header #welcome ul li:last-child
            {
                border: none;
            }

            #header #welcome ul li a
            {
                color: #F60;
                text-decoration: none;
            }

/*#orangeslice {
    background: #e78720;
    height: 10px;
    width: 100%;
    position:absolute;	
}*/

/*#breadCrumbHolder
{
    background: #3d3933;
    padding: 4px 0 0 0;
    height: 16px;
    width: 100%;
    font-size: 10px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 700;
}

    #breadCrumbHolder .width960
    {
        max-width: 940px;
    }

    #breadCrumbHolder a
    {
        color: #FFF;
    }*/

#header #rightHeader
{
    float: right;
    text-align: right;
    padding: 10px 0 0;
}

#header #rightHeader #languagelinks
    {
        font-size: 11px;
        padding: 0;
        margin: 0;
        clear: both;
        overflow: auto;
        margin: 4px 0px 0 110px;
        float: left;

    }

#header #rightHeader #languagelinks a	
        {
            color: #95897d;
            clear: none;
            float: right;
            border-right: 1px solid #95897d;
            padding: 0 5px 0 0;
       		 margin: 0 5px 0 0;
     	 	
            
        }

#header #rightHeader #languagelinks a:first-child
            {
                margin-right: 0;
                padding-right: 0;
                border-right: 0;
            }

#header #rightHeader a
    {
        margin-top: 10px;
        color: #3d3933;
        font-size: 12px;
    }

    #header #rightHeader .wvcs_customerservice
    {
      //  background: transparent url('/Style Library/WorldVision/Images/canada_flag_icon.gif') no-repeat top right;
        padding: 3px 8px 0 0;
        font-size: 12px;
        color: #9f8f82;
        display: inline-block;
        height: 15px;
        margin-top: 0px;
    }
     #header #rightHeader img
    {
    margin-bottom: -5px;

}
    #header #rightHeader .wvcs_createaccount
    {
        font-size: 12px;
        color: #9f8f82;
        display: inline-block;
        margin: 0;
        padding-right: 5px;
        border-right: 1px solid #9f8f82;
    }

    #header #rightHeader .wvcs_login
    {
        font-size: 12px;
        color: #9f8f82;
        display: inline-block;
        margin: 0;
        padding-right: 5px;
        border-right: 1px solid #9f8f82;
    }

.s4-title
{
    background: transparent;
}

#rightHeader #s4-searcharea
{
    overflow: hidden;
}

#rightHeader #searchHolder
{
    float: right;
    margin: -15px 0;
    background: transparent url('/Style Library/WorldVision/Images/searchbox.png') no-repeat 0 0;
    padding: 24px 0 25px 24px;
    width: 253px;
    height: 30px;
}

    #rightHeader #searchHolder input
    {
        padding: 5px;
        height: 20px;
        width: 212px;
        border: none;
        float: left;
        font-size: 16px;
        font-weight: 100;
    }

    #rightHeader #searchHolder a
    {
        width: 30px;
        height: 30px;
        padding: 0px;
        margin: -25px 0 0 220px;
        cursor: pointer;
        float: left;
    }

        #rightHeader #searchHolder a img
        {
            visibility: hidden;
        }

#s4-workspace
{
    width: auto !important;
    overflow: auto !important;
}

#s4-titlerow
{
    width: auto !important;
    border: none !important;
}

.ms-bodyareacell table tr td, .ms-bodyareacell table tr th
{
    padding: 0;
}

.ms-bodyareacell table, .ms-bodyareacell table
{
    border-collapse: collapse;
}

#body #s4-mainarea
{
    float: none;
}


#body .s4-ca
{
    background: transparent;
    margin-left: 0;
}

# .s4-ca .s4-ba
{
    width: 100%;
    overflow: hidden;
    background: #fff;
}



body #WV-leftPanelTitle
{
    padding-top: 10px;
}

body .ms-quickLaunch
{
    padding-top: 0px;
}

.article .page-title {
    font-family: "Gill Sans W01 Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

body #WV-leftPanelTitle h2
{
    font-family: "Gill Sans W01 Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 18px;
    color: #f78e33;
    padding: 10px 10px 10px 20px;
    overflow: hidden;
    text-transform:uppercase;
}

body #s4-leftpanel-content
{
    background-color: #ffffff;
    border: none !important;
    margin-bottom: 15px;
}

body #s4-leftpanel
{
    width: 235px !important;
    padding-top: 0px !important;
}

    body #s4-leftpanel .menu ul
    {
        margin: 0;
    }

    body #s4-leftpanel .menu li
    {
        font-size: 12px;
    }

.s4-ql ul.root > li > .menu-item
{
    color: #000000 !important;
    border: none;
    padding: 3px 4px 4px 20px;
    text-decoration:none; 
    font-size:12px; 
    letter-spacing:.5px;
    font-weight:bold;
    line-height:2em;
}

body #s4-leftpanel .menu li a.selected
{
    background: none !important;
    padding: 3px 4px 4px 20px !important;
}

.s4-ql ul.root ul > li > a.menu-item
{
    color: #000 !important;
    text-decoration:none; 
    font-size:12px; 
    letter-spacing:.5px;
    font-weight:bold;
    line-height:2em;
    padding: 3px 4px 4px 30px;
}

 /*June 5th as per wvi.org site*/
.s4-ql ul.root > li > a.menu-item:hover{
 color: #FF6600 !important;
	 text-decoration: none !important;
}

.s4-ql ul.root ul > li > a.menu-item:hover
{
	 color: #FF6600 !important;
	 text-decoration: none !important;

}
/* end June5*/


div.contact-us
{
    background-image: url('/Style Library/WorldVision/Images/w-pixel70.png');
    padding-bottom: 10px;
}

    div.contact-us #contactUsTitle
    {
        font-family: "Gill Sans W01 Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-size: 20px;
        color: #FFF;
        background-color: #3077aa;
        width: 180px;
        padding: 5px;
        font-weight: normal;
        margin-bottom: 10px;
    }

    div.contact-us p
    {
        font-size: 12px;
        color: #000;
        padding: 5px 5px 5px 25px;
        border-bottom: 1px dotted #000;
    }

div#wvregisteration
{
    background-image: url('/Style Library/WorldVision/Images/w-pixel70.png');
}

    div#wvregisteration h2#registerTitle
    {
        font-family: "Gill Sans W01 Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: normal;
        background-color: #ff6600;
        color: #FFF;
        font-size: 1em;
        padding: 7px 10px;
    }

    div#wvregisteration a img
    {
        margin: 7px 20px;
    }

/* Removed for HP
.article-content {
    background-image:url('/Style Library/WorldVision/Images/w-pixel70.png');
    background-repeat:repeat;
    background-color:transparent;
}
.splashLinkArea {
    background-image:url('/Style Library/WorldVision/Images/w-pixel70.png');
    background-repeat:repeat;
    background-color:transparent;

}
*/

.article .article-content ul, .article .article-content ol {
    margin: 1em 0;
    padding: 0;
}

.article .article-content li {
    margin: 0px 0 3px 30px;
}

#MSO_ContentTable table
{
    border-collapse: collapse;
}
    /* gets rid of spacing between webparts */
    #MSO_ContentTable table td, #MSO_ContentTable table th
    {
        padding: 0px;
    }

        #MSO_ContentTable table td div.s4-ba
        {
            padding: 0px 9px 5px 4px;
        }
        /* padding between homepage columns */
        #MSO_ContentTable table td div.ms-PartSpacingVertical
        {
            margin-top: 0px;
        }
/* gets rid of weird sharepoint gap occuring after each webpart */
.socialmediablack {
   /* position:absolute; */
    margin:-18px 0 0 170px;
    display:block;
}
.socialmediablack .socialmediatop{
    text-align: right;
 	margin: 15px 0px 0px 0px;
	
}

    .socialmediablack .socialmediatop li{
        list-style: none;
        display: inline-block;
        margin: 0px;
        vertical-align: middle;
        cursor: pointer;
        padding: 0px;
        overflow: hidden;
        height: 25px;
    }


   .socialmediablack .socialmediatop .youtube {
        width:20px;
    }
    .socialmediablack .socialmediatop .youtube a{
        padding-bottom: 12px;
        padding-left: 20px;
        background: transparent url('/Style Library/WorldVision/Images/youtube_top.jpg') no-repeat 0 0;
    }

    .socialmediablack .socialmediatop .twitter {
        width:20px;
        
    }
    .socialmediablack .socialmediatop .twitter a{
        padding-bottom: 12px;
        padding-left: 20px;
        background: transparent url('/Style Library/WorldVision/Images/twitter_top.jpg') no-repeat 0 0;
    }
    .socialmediablack .socialmediatop .facebook {
        width:20px;
    }
    .socialmediablack .socialmediatop .facebook a{
        padding-bottom: 12px;
        padding-left:20px;
        background: transparent url('/Style Library/WorldVision/Images/FB_top.jpg') no-repeat 0 0;
    }



.socialmediaicons
{
    text-align: right;
    margin-top: 20px;
}

    .socialmediaicons li
    {
        list-style: none;
        display: inline-block;
        margin: 0 0 0 5px;
        vertical-align: middle;
        cursor: pointer;
        padding: 2px 0 0 0;
        overflow: hidden;
    }

    .socialmediaicons li
    {
        width: 15px;
    }

        .socialmediaicons li.youtube
        {
            width: 48px;
            overflow: hidden;
        }

    .socialmediaicons .facebook a
    {
        padding-left: 15px;
        height: 14px;
        background: transparent url('/Style Library/WorldVision/Images/icon_facebook.gif') no-repeat 0 0;
    }

    .socialmediaicons .twitter a
    {
        padding-left: 15px;
        height: 15px;
        background: transparent url('/Style Library/WorldVision/Images/icon_twitter.gif') no-repeat 0 0;
    }

    .socialmediaicons .pinterest a
    {
        padding-left: 15px;
        height: 15px;
        background: transparent url('/Style Library/WorldVision/Images/icon_pinterest.gif') no-repeat 0 0;
    }

    .socialmediaicons .youtube a
    {
        padding: 2px 0 2px 48px;
        height: 19px;
        background: transparent url('/Style Library/WorldVision/Images/icon_youtube.gif') no-repeat 0 0;
    }

    .socialmediaicons .instagram a
    {
        padding-left: 15px;
        height: 15px;
        background: transparent url('/Style Library/WorldVision/Images/instagram_icon.png') no-repeat 0 0;
    }

    .socialmediaicons .googleplus a
    {
        padding-left: 15px;
        height: 15px;
        background: transparent url('/Style Library/WorldVision/Images/icon_googleplus.gif') no-repeat 0 0;
    }

#WVSiteNameOnPage
{
    display: none;
}

.MWV_createaccount {
    clear:both;
}

.WV_banner {
    clear:both;
}
body .s4-ba #WVSiteNameOnPage {
    font-family: "Gill Sans W01 Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

/*Country style selector BEGIN*/
.country .country-top .country-name, .country .fast-facts h2 {
  font-family: "Gill Sans W01 Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

#country-selector
{
    width: 236px;
    background: url("/Style Library/WorldVision/Images/w-pixel70.png");
    overflow: hidden;
    padding-bottom: 20px;
}

    #country-selector h2
    {
        font-size: 15px;
        font-family: "Gill Sans W01 Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        background: url('/Style Library/WorldVision/Images/country-select-title-bg.png');
        background-repeat: no-repeat;
        color: #FFF;
        font-weight: normal;
        padding-bottom: 3px;
        padding-left: 10px;
        padding-top: 4px;
        width: 160px;
        margin-bottom: 10px;
    }

    #country-selector div.country-selector-title
    {
        float: left;
        font-size: 12px;
        color: #3d3933;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
        padding: 5px 0px 5px 10px;
    }

    #country-selector select
    {
        float: right;
        clear: right;
        width: 45%;
        margin: 5px 10px 5px 0px;
    }

    #country-selector #country-select-btn
    {
        float: left;
        clear: both;
        padding: 20px 0 0 40px;
    }
/*Country style selector END*/

/* WebChat Start */
.smallchat-disable{
    background-image: url('/Style Library/WorldVision/Images/chatoffline_button.png');
    background-repeat:no-repeat;
    width: 119px;
    height:35px;
    margin-left:15px;
}

.smallchat-unavailable{
    background-image: url('/Style Library/WorldVision/Images/chat_unavailable_button.png');
    background-repeat:no-repeat;
    width: 119px;
    height:35px;
    margin-left:15px;
}

.smallchat-enable{
    background-image: url('/Style Library/WorldVision/Images/Livechatnow_buttons.png');
    background-repeat:no-repeat;
    cursor:pointer;
    width: 119px;
    height:35px;
    margin-left:15px;
}
/* WebChat End */


/* Emergency */

#emergency-banner {
  background-color: #000;
  color: #fff;
}
#emergency-banner > div {
  width: 960px;
  margin: 0 auto;
  padding: 35px;
  box-sizing: border-box;
  overflow: auto;
}
#emergency-banner > div > div:first-child {
    width: 65%;
}
#emergency-banner > div > div {
    float: left;
    width: 35%;
}
#emergency-banner > div > div:last-child {
    text-align: right;
}
#emergency-banner h3 {
    margin: 0;
    color: #ff0000;
    font-size: 18px;
    font-family: 'Gill Sans W01 Bold', Arial, sans-serif;
    font-weight: normal;
}
#emergency-banner p {
    margin: 0;
    font-size: 15px;
}
#emergency-banner #emergency_amount {
    font-family: 'Gill Sans W01 Book', Arial, sans-serif;
    width: 80px;
    font-size: 18px;
    line-height: 26px;
    background: #ffffff url('/Style Library/WorldVision/Images/alert-dollar.png') 4px 9px no-repeat;
    margin: 0;
    padding: 5px 10px 5px 18px;
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    outline: none;
}
#emergency-banner #emergency_donate {
    color: #fff;
    border: none;
    font-family: 'Gill Sans W01 Bold', Arial, sans-serif;
    font-size: 15px;
    text-shadow: 2px 0 2px rgba(0, 0, 0, 0.75);
    height: 41px;
    margin: 0 0 0 15px;
    text-transform: uppercase;
    cursor: pointer;
    box-sizing: border-box;
    background: #ff0000;
    border-radius: 20px;
    padding: 0 20px;
}

@media (max-width: 932px) {
    
    #emergency-banner > div {
        width: 100%;
        padding: 15px;
    }
    #emergency-banner > div > div, #emergency-banner > div > div:first-child, #emergency-banner > div > div:last-child {
        width: 100%;
        text-align: center;
    }
    #emergency-banner > div > div:first-child {
        margin-bottom: 20px
    }

}

@media (max-width: 401px) {

    #emergency-banner #emergency_amount, #emergency-banner #submitNow {
        clear: both;
        display: block;
        text-align: center;
        margin: 0 auto;
    }
    #emergency-banner #emergency_amount {
        margin-bottom: 10px;
    }

}