/*
Theme Name: Responsive Child
Theme URI:  http://example.com/
Description: Child Theme for the Responsive Theme 
Author: Authors Name
Author URI: http://example.com/about-author/
Template: responsive
Version: 1.0.0
*/

/* =Import Responsive Theme Styles
-------------------------------------------------------------- */
@import url('../responsive/style.css');

/* =Import Custom slide styles
-------------------------------------------------------------- */
/*@import url('./indexo_slider_custom.css');*/

/* =Start from here :)
-------------------------------------------------------------- */

h1 {
    margin:.25em 0 .5em;
    color:#404040;
    font-size:1.7em;
}



h2 {
    margin:.25em 0 .5em;
    color:#404040;
    font-size:1.4em;
}


h3 {
    margin:.5em 0 .5em;
    color:#404040;
    font-size:1.2em;
}


h4 {
    margin:1em 0 .5em;
    color:#404040;
    font-size:1.1em;
}


h5 {
    margin:1em 0 .5em;
    color:#404040;
    font-size:1.1em;
}

fieldset {
    border: 0;
    padding: 0;
}

.social-icons {
	font-size: 0px;
    list-style:none;
    margin: 8px 0 0 0px;
	padding: 0 !important;
}

li.socialitem  {
    display:inline;
}

.socialitem img {
    vertical-align:middle !important;	
}

.socialitem a {
    border:none;
    text-decoration:none;
    font-family:arial;
    font-size: 16px;
    font-weight:bold;
    color: #004c94;
	margin-right: -2px;
}

.widgetlist {
    list-style:disc;
    padding-top: 5px !important;
    margin-left: 5px ;
    /*text-align:left !important;*/
}

div.textwidget .widgetlist {
    list-style:disc;
    padding-top: 10px !important;
    margin-left: 5px;
    /*text-align:left !important;*/

}

ul li.widgetlistitem  {

    display:block;
    padding-left:3px;
    vertical-align:middle !important;
    height: 40px;
    font-family:arial;
    font-size: 16px;
    color: #004c94;
    line-height: 40px;
    padding-top: 10px !important;

    font-weight:bold;

}

#featured {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #fff;
    border:1px solid #d6d6d6;
    border-radius: 6px;
    padding-bottom: 0;
    *padding-bottom: 0;
    max-width:99.6%;
    /*    height: 254px !important;*/
}

/* Custom style for print page */
@media print {

    #header, #brandbar , #topNav, #menu-desa, #tinynav1,.sb-holder, #widgets, #footer{
        display:none;
    }

    h1, h2 {
        display:inline;
        page-break-before: avoid;
    }

    #content {
        width: 100%;
    }
}


/*Safari and Chrome hack for Feature homepage padding*/
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    #featured {
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px; 
        background-color: #fff;
        border:1px solid #d6d6d6;
        border-radius: 6px;
        padding-bottom: 20px ;
        max-width:99.6%;
    }

}

/*All Firefox hack for Feature homepage padding*/

@-moz-document url-prefix()

{

    #featured {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #fff;
    border:1px solid #d6d6d6;
    border-radius: 6px;
    padding-bottom: 40px;
    max-width:99.6%;
}

}


/*Opera hack for Feature homepage padding*/
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)

{

    #featured {
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        background-color: #fff;
        border:1px solid #d6d6d6;
        border-radius: 6px;
        padding-bottom: 40px;
        max-width:99.6%;
    }


}
/*Opera hack for Feature homepage padding*/
@media not all and (-webkit-min-device-pixel-ratio:0) {  
    #featured {
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        background-color: #fff;
        border:1px solid #d6d6d6;
        border-radius: 6px;
        padding-bottom: 40px;
        max-width:99.6%;
    }
}  



/*Opera hack for Feature homepage padding*/
x:-o-prefocus,   #featured {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #fff;
    border:1px solid #d6d6d6;
    border-radius: 6px;
    padding-bottom: 40px;
    max-width:99.6%;
}



.widget-title, .widget-title a, .widget-title h3 a , 
.widget-title-home h3,.widget-title-home a,.widget-title-home h3 a{
    font-weight: bold;
    color: #235f91;
    padding: 4px 2px 4px 8px;
    font-size: 12px !important;
    margin: 0px 0px 0px 0px;
    background: #acc8d6; /* Old browsers */
    background: -moz-linear-gradient(top, #c0d9e2 0%, #acc8d6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0d9e2), color-stop(100%,#acc8d6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c0d9e2 0%,#acc8d6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c0d9e2 0%,#acc8d6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c0d9e2 0%,#acc8d6 100%); /* IE10+ */
    background: linear-gradient(to bottom, #c0d9e2 0%,#acc8d6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0d9e2', endColorstr='#acc8d6',GradientType=0 ); /* IE6-9 */
    line-height: 18px;
    letter-spacing: 1px;
    font-family: arial;
    overflow:hidden;
    display:block !important;
}

.widget-wrapper {
    overflow:hidden !important;
}

.widgetimage {
    position:relative;
    clear:both;
    width:230px !important;

}


p.widgettext, ul.widgettext {
    font-family:arial;
    font-size: 12px;
    color: #004c94;
    line-height: 16px !important;
    text-align:justify;
    font-weight: 200 !important;
    /* padding-top: 15px !important; */
    /*    padding-bottom: 5px !important;*/
    padding: 0 5px 5px 5px !important;
    height: 80px !important;
    overflow: hidden !important;
    clear: both !important;
    margin: 1.0em 0;
}


p.featuretext {
    font-family:arial;
    font-size: 12px;
    color: #004c94;
    line-height: 16px !important;
    text-align:justify !important;
    font-weight: 200 !important;
    padding-top: 15px !important;
    padding-bottom: 5px !important;
    height: 60px !important;
    overflow: hidden !important;
}

#widgets .textwidget, #widgets .tagcloud {
    display:block;
    line-height:16px;
    margin:0 0 5px 0;
    word-wrap:break-word;
    color: #004c94;
}

#widgets .textwidget a {
    display:inline;
}

#widgets .homewidget {
    display:block;
    line-height:12px;
    margin:0 0 20px;
    word-wrap:break-word;
    position:relative;
    height: 100px !important;
    background-color:#39F;
    color: #004c94;
}

#widgets .homewidget a {
    display:inline;
}

.widgetheader h2 {	
    color: #235f91;
    padding-left: 2px;
    font-size: 14px;
    height: 26px;
    width: 100%;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0px 0px 0px -1px;
    background: #acc8d6; /* Old browsers */
    background: -moz-linear-gradient(top, #c0d9e2 0%, #acc8d6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0d9e2), color-stop(100%,#acc8d6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c0d9e2 0%,#acc8d6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c0d9e2 0%,#acc8d6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c0d9e2 0%,#acc8d6 100%); /* IE10+ */
    background: linear-gradient(to bottom, #c0d9e2 0%,#acc8d6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0d9e2', endColorstr='#acc8d6',GradientType=0 ); /* IE6-9 */
    text-indent: 10px;
    line-height: 26px;
    /* B9CBF1  acc8d6 */
}

#widgets {
    margin-top:0px;
}

body {
    -webkit-font-smoothing:antialiased;
    background:#fff /* url(images/bg.png) repeat */;
    color:#404040;
    font-family: Arial, sans-serif;
    font-size:14px;
    line-height:1.5em;
    text-rendering:optimizeLegibility;
}

.menu {
	overflow: hidden;
    background-color:#acc8d7;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#acc8d7), to(#98b4c2));
    background-image:-webkit-linear-gradient(top, #acc8d7, #98b4c2);
    background-image:-moz-linear-gradient(top, #acc8d7, #98b4c2);
    background-image:-ms-linear-gradient(top, #acc8d7, #98b4c2);
    background-image:-o-linear-gradient(top, #acc8d7, #98b4c2);
    background-image:linear-gradient(top, #acc8d7, #98b4c2);
    clear:both;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#acc8d7, endColorstr=#98b4c2);
    /*    width: 960px !important;*/
    height:45px !important;
    text-align:justify;
    margin:0 auto;
    display:block;
}

.menu a img {
	/* fixes IE 8 bug where max-width:100% causes the image to be displayed
	(apparently) as block */
	max-width: inherit; 
}

.menu a {
    border-left:1px solid #585858;
    color:#235f91;
    /* display:block; */
    font-size:13px;
    font-weight:700;
    height:45px;
    width: auto;
    line-height:45px;
    margin:0 auto; 
    /*	padding:0 2.9em; 
    *padding: 0 1.9em;; // Read by IE7 and earlier versions */
    padding: 0 29px;
    *padding: 0 29px; 
    position:relative;
    text-decoration:none;
    /* text-shadow:0 1px 1px #242424; */
    text-shadow:none;
    text-align:justify;
    display: inline-block;
}

/* adjust width for longer text */
html[lang|="es"] .menu a {
	padding: 0 28px;
}

/*All Firefox hack for menu  padding*/
@-moz-document url-prefix()
{
    .menu a {
        border-left:1px solid #585858;
        color:#235f91;
        font-size:13px;
        font-weight:700;
        height:45px;
        width: auto;
        line-height:45px;
        margin:0 auto; 
        padding: 0 30px;
        position:relative;
        text-decoration:none;
        text-shadow:none;
        text-align:justify;
        display: inline-block;
    }
	/* adjust widths for longer text */
    html[lang|="fr"] .menu a {
        padding: 0 29px;
    }
}

/*Safari and Chrome hack for menu padding*/
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .menu a {
        border-left:1px solid #585858;
        color:#235f91;
        /* display:block; */
        font-size:13px;
        font-weight:700;
        height:45px;
        width: inherit;
        line-height:45px;
        margin:0 auto; 
        padding: 0 25px; 
        position:relative;
        text-decoration:none;
        text-shadow:none;
        text-align:justify;
        display: inline-block;
    }
	/* adjust widths for longer text */
    html[lang|="es"] .menu a {
        padding: 0 12px;
    }
    html[lang|="fr"] .menu a {
        padding: 0 12px;
    }
}

.menu .current_page_item a {
    background-color:#acc8d7;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#acc8d7), to(#98b4c2));
    background-image:-webkit-linear-gradient(top, #acc8d7, #98b4c2);
    background-image:-moz-linear-gradient(top, #acc8d7, #98b4c2);
    background-image:-ms-linear-gradient(top, #acc8d7, #98b4c2);
    background-image:-o-linear-gradient(top, #acc8d7, #98b4c2);
    background-image:linear-gradient(top, #acc8d7, #98b4c2);
    clear:both;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#acc8d7, endColorstr=#98b4c2);
    margin:0 auto;
}

.menu ul li a:hover, .menu li li a:hover {
    color:#235f91 !important;
    text-decoration:none;
}

.sub-header-menu ul li a:hover, .sub-header-menu li li a:hover {
    color:#235f91 !important;
    text-decoration:none;
}

#menu-desa li {
    text-transform: uppercase;
}

.menu a:hover {
    background-color:#235f91;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#3e76b3), to(#235f91));
    background-image:-webkit-linear-gradient(top, #3e76b3, #235f91);
    background-image:-moz-linear-gradient(top, #3e76b3, #235f91);
    background-image:-ms-linear-gradient(top, #3e76b3, #235f91);
    background-image:-o-linear-gradient(top, #3e76b3, #235f91);
    background-image:linear-gradient(top, #3e76b3, #235f91);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3e76b3, endColorstr=#235f91);
}

.menu, .menu ul {
    display:block;
    list-style-type:none;
    margin:0 !important;
    padding:0 !important;
}

.menu li {
    border:0;
    display:inline-block;
    float:left; 
    margin:0 auto;
    padding:0;
    position:relative;
    z-index:5;
    text-transform: uppercase;
}

#container {
    margin:0 auto;
    max-width:960px;
    padding:0px 25px;
}


p.center { text-align: center; }

.widget-wrapper {
    box-shadow: 0px 2px 2px #DDD;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border:0px solid #d6d6d6;
    border-radius:6px;
    /* background-color:#f9f9f9; */
    font-size:13px;
    margin:0 0 10px 0px;
    padding:0px;
    padding-bottom: 6px;
    widows:230px;
}

.home-widgets {
    padding-top: 5px;
}

.feature-widgets {
    padding-top: 14px;
}

.sidebar 
{
    float: right !important;	
}

#header #logo {
    float:left;
    margin:0;
    width:100%;
	background-color: #235f91;
}

#logo{
	position:relative;
}

#logo > a {
    display:block;
    margin:0;
    padding:0;
}

#logo-link{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	border:none;
}

/* added to remove responsiveness */
/* #container {
    min-width:1056px;
} */
/*#footer {
    min-width:1056px;
} */
/* END */

#footer {
    clear:both;
    margin:0 auto;
    /* max-width:1056px; */
    /* padding:10px 25px 0 25px; */
    position:relative;

}

#footer-wrapper {
    margin:0;
    padding:0;
}

#wrapper {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background-color:#fff;
    border:0px solid #d6d6d6;
    border-radius: 6px;
    clear:both;
    margin: 10px auto 5px auto;
    padding: 0 20px 5px 20px;
    position:relative;
    vertical-align: top !important;
}

.home #wrapper {
    background-color:transparent;
    border:none;
    margin: 20px auto 5px auto;
    padding:0px;
}

div#wrapper.clearfix   {
    background-color:transparent;
    border:none;
    margin: 20px auto 0 auto;
    padding:0px;
}

/* Top Blue Navigational bar */

#topNav {
    background-color: #070050; 
    z-index:10; 
    /*    width:960px;*/
    width:100%;}

#topMenu {
    font-size: .9em;
    margin:0;
    float:left;
    height:1.8em;
    line-height: 12px;
    z-index:10;
    color:#f1e6b8;
    background-color: #070050;
    /*    width:960px;*/
    width:100%;
}

#topMenu ul li a:hover {
    color:#F1E6B8;
    text-decoration:none;
    z-index:10;
}

#topMenu ul li#english  {
    color:#F1E6B8
}

#topMenu, #topMenu ul { /* all lists */
    padding: 0;
    margin: 0;
    width:inherit;
}

#topMenu a {
    display: block;
    padding:0.4em;
    color:#fff;
    text-decoration:none;
    background:none;
}

*html #topMenu a {
    padding: 0.5px;
}

#topMenu li { /* all list items */
    float: left;
    list-style-type:none;
    margin-right:1.1em;
}

#topMenu .topMenu_icon li { /* all list items */
    background:url(images/bullet_drop.gif) right no-repeat;
}

#topMenu li ul { /* second-level lists */
    position: absolute;
    /* background-color: #507CDC;  */
    /*background-color: #5684a9;*/ 
    background-color: #070050;
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    border-top:0;
    /* border-left:1em solid #B9CBF1; */
    /* border-left:1em solid #acc8d7; */
    z-index:10;
    box-shadow: -1px 1px 5px #999;
}

#topMenu ul ul li {
    /*border-bottom: 1px solid #B9CBF1;*/
    /* border-bottom: 1px solid #acc8d7;*/
    background-image:none;
    z-index:10;
}

#topMenu li:hover ul ul, #topMenu li.sfhover ul ul { left: -999em; }

#topMenu li:hover ul, #topMenu li li:hover ul, #topMenu li.sfhover ul, #topMenu li li.sfhover ul, #topMenu li li li.sfhover ul {left: auto;}

/*
#topMenu li li a{
    font-weight: bold;
}
*/

#topMenu li li a:hover,
#topMenu li li a:focus,
#topMenu li li a:active{
    color: #001863;
}
#topMenu li a:hover,
#topMenu li a:focus,
#topMenu li a:active{
    color:#FFF7D6;
}
#topMenu li:hover, 
#navMenu li.hover,
#topMenu li:focus, 
#navMenu li.focus,
#topMenu li:active, 
#navMenu li.active {  
    position: static;  
}

#topMenu ul.hover, 
#navMenu ul.hover {  
    position: static;  
    color:#FFF7D6;
    background-color: #acc8d7;
}

#topMenu li li a:hover,
#topMenu li li a:focus, 
#topMenu li li a:active {
    background-color: #acc8d7;
}



/* set the width of each navigation item */
#navDevelopment {/*width:6em;*/}
#navDevelopment ul, #navDevelopment li {width:10em; z-index:10;}
#navDepartments {/*width:6.4em;*/ background:url(images/bullet_drop.gif) right no-repeat; padding-right:.5em; }
#navDepartments ul, #navDepartments li {width:8em; z-index:1;} /*sub-menus of departments are wider to accommodate text */
#navRegions {/*width:4.7em;*/ background:url(images/bullet_drop.gif) right no-repeat; padding-right:.3em;}
#navRegions ul, #navRegions li {width:12em; z-index:10;}


/* End top Blue nav Bar */



/* Branding Bar */

#brandbar {
    height: 25px;
    background-color: #C2C6CF;
    background-image: url(images/brandbarbkgd.jpg);
    background-repeat: repeat-x; 
    line-height: 25px; 
    /*display:inline-block;*/
    /* width: 1056px; */
    /*    width:960px;*/

    width:100%;
    /*    margin-bottom:-6px; */
    margin:0;
    padding:0!important;
    overflow:hidden;
}

#brandbar .unicon { /* *** latin conventions *** */
    padding-top: .15em; 
    padding-right: .4em;
    display:inline;
    float:left;
}

#brandbar .welcome { /* *** latin conventions *** */
    color: #333;
    display: inline;


    float: left;
    font-size: .9em;
    /*  padding-top: .5em;
    padding-top: 3px;  */ 
    font-family:arial;
    vertical-align:middle;


}

#brandbar .welcome a {
    text-decoration: none;
    color: #1e1e1e;
}

#brandbar a:hover {
    text-decoration: underline;
    color: #1e1e1e;
}

#brandbar #searchfrm { /* *** latin conventions *** */
    float: right;
    text-align: right;
    margin-top: 0;
    margin-bottom: 0;
    height: 4px;
    position:relative;
    display:inline;

}

#brandbar #searchfrm label { /*hidden*/
    position: absolute;
    overflow: hidden;
    font-size: 58%;
    top: -500px;
}

#brandbar #searchfrm .button {
    line-height:12px;
    font-size: 12px;
    /*max-height:20px;*/
    margin:2px;
    *margin-top:-4px; /* fix IE display bug*/
}

#brandbar #searchfrm .button {
    width: 0;  /* IE table-cell margin fix */
    overflow: visible;
}

#brandbar #searchfrm .button[class] {  /* IE < 7 ignores [class] */
    width: auto;  /* cancel margin fix for other browsers */

}


#email_box {
    height:1.5em;
    width:70%;
    height: 20px;
    /* margin:0em .3em 0em .7em; */
    padding:.4em 0em .2em .1em;
    /*position:relative;*/
    top: 5px;
    border:1px solid #b3b3b3;
    /*background:#fff url(/en/development/desa/images/bg_button.gif) repeat-x;*/
    float:left;
}


.newsbutton {
    /* border:1px outset #999; */
    /* background:#fff url(/en/development/desa/images/bg_button.gif) repeat-x; */
    text-align:center;
    padding-top:.4em;
    padding-bottom:0;
    padding-left:0;
    padding-right:0;
    float:right;
    /* width: 25%; */
    /* height: 30%; */
}

#brandbar #searchfrm .textbox {
    font-size: 10px;
    line-height:12px;
    width: 12em;
    height: 14px;
    padding-top: 5px;
}

#unfooter {
    text-align: center;
    clear: both;
    font-size: .9em;
    height: 2em;
    padding-top: .5em;
}

#unfooter ul li  {
    display:inline;
    padding-left:0.2em;
}


/* =Responsive 12 Column Grid
-------------------------------------------------------------- */
.grid {
    /*    float:left;*/
    margin-bottom:2.083%;
    padding-top:0;
}

.grid-right {
    float:right;
    margin-bottom:2.083%;
    padding-top:0;
}

.col-60, .col-140, .col-220, .col-300, .col-380, .col-460, .col-540, .col-620, .col-700, .col-780, .col-860 , .col-230{
    display:inline;
    margin-right:2.083%;  
}

.col-230 {
    display: inline;
    /* margin-right: 3.823%; */
    margin-right:3.6523%;
}


.col-60 {
    width:6.38297%;
}

.col-140 {
    width:14.89361%;
}

.col-220 {
    width:23.40425%;
}

.col-230 {
    width:22.2242%; 
    /* width:21.7803%; */
}

.col-300 {
    width:31.91489%;
}

.col-380 {
    width:40.42553%;
}

.col-460 {
    width:48.82978%;
}

.col-540 {
    width:57.4468%;
}

.col-620 {
    width:65.95744%;
}

.col-700 {
    width:74.46808%; 

}

.col-780 {
    width:82.97872%;
}

.col-860 {
    width:91.48936%;
}

.col-940 {
    width:100%;
}


/* =Footer Menu
-------------------------------------------------------------- */

#footer {
    font-size: .9em;
    clear:both;
    margin:10px auto 0px auto;
    /*	max-width:1056px; */
    max-width:960px;
    /*    min-width:960px;*/
    position:relative;
    padding:0px 25px 0 25px; 
    *padding:5px 25px 0 25px; /* Read by IE7 and earlier versions */
    _padding:5px 25px 0 25px; /* Read by IE6 and earlier versions */
    top:-13px;
    *top:0px; /* Read by IE7 and earlier versions */
    _top:0px; /* Read by IE6 and earlier versions */
}

.footer-menu {
    margin-left:0;
    padding: 0 !important;
    padding-left: 30px !important;
    margin:0 !important;
    padding-top: 8px !important;
    float: left;
    max-width: 200px;
}

.footer-menu li {
    display: list-item;
    list-style-type: disc;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight:bold;

}

.footer-menu li a {
    border-left:0px solid #ccc;
    color:#333;
    padding: 0;
    font-weight:bold;
}

.footer-menu > li:first-child > a {
    border-left:none;
    padding:0 8px 0 0;

}

.footer-menu li a:hover {
    color:#333;
}

.hr { 
    height:2px;  
    min-height:2px;
    background-color:#235f91; 
    padding: 0; 
    border:thick; 
    border-color:#06C;
    width:100%;
    min-width:100%;
}

.footerlabel
{
    /* text-align:left; */
    color:#235f91; 
    font-weight:bold; 
    font:arial;	
}

.sidebarlabel
{
    /* text-align:left; */
    color:#235f91; 
    font-weight:bold; 
    font:arial;	
}

.search_box 
{
	margin-bottom: 12px;
	margin-top: 12px;
}

.sidebar-right > .widget-title-home
{
	padding-top: 15px;
}

.sidebar-subscribe 
{
	margin-top: 20px;
}

.sidebar-subscribe  form
{
	margin-top: 0px;
}

div.slides {
    /* The display of slides is enabled using jQuery so that the slideshow slides won't display unless javascript is enabled. */
    display: none;
    float: left;
    width: 458px; 
}
div.slides a, div.navigation a {
    text-decoration: none;
}
div.slides a:focus, div.slides a:hover, div.slides a:active {
    text-decoration: underline;
}
div.controls {
    height: 20px;
    background-color:#A9D3A9;
    margin-top:0em;
}
div.controls a {
    padding: 0 5px 0px 5px;
    background-color:#EAEAEA;
    border-left:2px solid #CACCCA;
    border-bottom:2px solid #CACCCA;
    border-right:2px solid #CACCCA;
}
div.ss-controls {
    float: left;
}
div.nav-controls {
    float: right;
}
div.slideshow-container {
    position: relative;
    clear: both;
    height: 210px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    width: 458px;
    height: 210px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
div.slideshow a.advance-link {
    display: block;
    width: 458px;
    height:214px; /* This should be set to be at least the height of the largest image in the slideshow */
    line-height: 210px; /* This should be set to be at least the height of the largest image in the slideshow */
    text-align: center;
    background-color:#EAEAEA;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
    text-decoration: none;
}
div.slideshow img {
    vertical-align: middle;
    border: 1px solid #ccc;
}

div.caption-container {
    position: relative;
    clear: left;
    height: 135px; /* this may be overwritten in local styles.css */
}
span.image-caption {
    display: block;
    position: absolute;
    width: 458px;
    top: 0;
    left: 0;
}
div.caption {
    border-bottom:1px solid #ccc;
}
div.image-title {
}
div.image-desc {
    margin-top:5px;
    border-top:1px solid #ccc;
}

div.hidenav ul{
    display: none;
    width: 0px;
    list-style: none;
}

/* Languages Bar */
#languages {
    float:right;
    height: 1.8em;
    font-size: .9em;
}

#languages ul {
    text-align: right; /* *** latin convention *** */
    margin: 0;
}

#languages ul li {
    display: inline;
    padding-right: 1em; /* *** latin convention *** */
}

.post-entry #languages ul li {
    padding-right: 0; /* *** latin convention *** */
}

.post-entry {
    margin-top: 5px;
}

#languages ul li#arabic {
    direction: rtl; /* *** latin convention *** */
    font-size: 1.15em;
    font-family: Tahoma, Arial, "Arabic Transparent";
}

/*#languages ul li#chinese {
    font-size: .95em;
}*/

p {
    margin: 0.7em 0 !important;
}

.btn-desa, a.btn-desa, #widgets .textwidget a.btn-desa{
    width: 150px;
    border: solid #235f91 1px;
    font-family : Arial, sans-serif;
    display : block !important;
    height : 28px;
    -moz-border-radius: 5px 0 5px 0;
    -o-border-radius: 5px 0 5px 0;
    -webkit-border-radius: 5px 0 5px 0;
    border-radius: 5px 0 5px 0;
    text-align: center;
    line-height: 28px;
    font-size:12px;
    color: white; 
    margin:auto !important;

    /* background gradient */

    background: #5684a9; /* Old browsers */
    background: -moz-linear-gradient(top,  #5684a9 1%, #5684a9 21%, #235f91 48%, #235f91 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#5684a9), color-stop(21%,#5684a9), color-stop(48%,#235f91), color-stop(100%,#235f91)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #5684a9 1%,#5684a9 21%,#235f91 48%,#235f91 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #5684a9 1%,#5684a9 21%,#235f91 48%,#235f91 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #5684a9 1%,#5684a9 21%,#235f91 48%,#235f91 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #5684a9 1%,#5684a9 21%,#235f91 48%,#235f91 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5684a9', endColorstr='#235f91',GradientType=0 ); /* IE6-9 */

    /* smooth font */
    text-shadow: 0 1px 1px rgba(255,255,255,.3);
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

.btn-desa-block, .btn-desa-block:visited{
    border: solid #235f91 1px;
    font-family : Arial, sans-serif;
    display : block !important;
    -moz-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    text-align: center;
    color: white; 
    margin:auto;

    /* background gradient */
    background: #5684a9; /* Old browsers */
    background: -moz-linear-gradient(top,  #5684a9 1%, #5684a9 21%, #235f91 48%, #235f91 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#5684a9), color-stop(21%,#5684a9), color-stop(48%,#235f91), color-stop(100%,#235f91)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #5684a9 1%,#5684a9 21%,#235f91 48%,#235f91 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #5684a9 1%,#5684a9 21%,#235f91 48%,#235f91 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #5684a9 1%,#5684a9 21%,#235f91 48%,#235f91 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #5684a9 1%,#5684a9 21%,#235f91 48%,#235f91 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5684a9', endColorstr='#235f91',GradientType=0 ); /* IE6-9 */

    /* smooth font */
    text-shadow: 0 1px 1px rgba(255,255,255,.3);
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

.btn-desa-block:hover{
	color: white;
	background:#235f91 !important;
}

.btn-desa-callout{
	width:75%;
	margin: 15px auto !important;
    font-size:18px;
    padding:5px;
}




input[type='button'].btn-desa-ok{
    width: 60px;
    height:30px;
    border: solid #235f91 1px;
    font-family : Arial, sans-serif;
    display : inline-block;
    /*-moz-border-radius: 5px 0 5px 0;
    -o-border-radius: 5px 0 5px 0;
    -webkit-border-radius: 5px 0 5px 0;
    border-radius: 5px 0 5px 0;*/
    text-align: center;
    font-size:12px;
    color: white; 
    /* background gradient */
    background: #5684a9; /* Old browsers */
    background: -moz-linear-gradient(top,  #5684a9 1%, #5684a9 21%, #235f91 48%, #235f91 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#5684a9), color-stop(21%,#5684a9), color-stop(48%,#235f91), color-stop(100%,#235f91)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #5684a9 1%,#5684a9 21%,#235f91 48%,#235f91 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #5684a9 1%,#5684a9 21%,#235f91 48%,#235f91 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #5684a9 1%,#5684a9 21%,#235f91 48%,#235f91 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #5684a9 1%,#5684a9 21%,#235f91 48%,#235f91 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5684a9', endColorstr='#235f91',GradientType=0 ); /* IE6-9 */

    /* smooth font */
    text-shadow: 0 1px 1px rgba(255,255,255,.3);
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

/** add float property to homepage widget for display in IE **/

#featured{
    overflow: hidden;
    padding-bottom:10px;
}

/*display 4 lines in widget text, 5 * 16px (current line-height value) - 80px*/
p.widgettext {
    /*height: 80px !important;*/
}


/** css from old website for articles **/
.home_article, .publication_article, .publication_article1 {
    padding: 0 5px;
    border: 1px solid #B9CBF1;
    margin-top: 1em;
}
.home_article .corner, .publication_article .corner, .publication_article1 .corner {
    float: right;
    display: block;
    position: relative;
    right: -1px;
    top: -1px;
    width: 9px;
    height: 10px;
}

.home_article img {
    float: right;
    margin:0 0.5em 0.5em 1em;
}

.publication_article img {
    float: left;
    margin:.3em 1em 0 .7em;
}

.home_article .dateline, .publication_article .dateline, .publication_article1 .dateline, .dateline {
    font-size: 85%;
    color:#808080;
    margin-bottom: 0.3em !important;
    font-style:italic;	
}

.home_article .meta_tag {
    font-size: 85%;
    color:#808080;
    margin-bottom: 0.5em;
    margin-left:.5em;	
}

.home_article h2, .publication_article h2, .publication_article1 h2 {
    font-size: 1.2em;
    color: #D69D36 !important;	
    display: block;
    padding-top: .5em;
    padding-left: 0em;
    padding-bottom: 0.2em;
    border-style: none;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0.3em;
    margin-left: 0px;
}

.home_article h2 a, .publication_article h2 a, .publication_article1 h2 a {
    color: #D69D36 !important;	

}

.home_article h2 a:hover, #center .publication_article h2 a:hover,  .publication_article1 h2 a:hover {
    color:#6b4e2a;
    text-decoration:underline;
}

.home_article h2 a:visited, .publication_article h2 a:visited, .publication_article1 h2 a:visited  {
    color:#967348;
    text-decoration:none;
}
.home_article p, .publication_article p, .publication_article1 p {
    /*padding-right: 0.7em;*/
    /*padding-left: 0.7em;*/
    color: #10215A;
}
.home_article h2,  .publication_article h2,  .publication_article1 h2 {
    font-size: 1.2em;
    color: #D69D36 !important;
}

.home_article img {
    max-width: 300px;
}

a.more-link, div.read-more a {
    overflow: hidden;
    width: 65px;
    max-width: 80px;
    background-color: #23649f;
    display: block;
    padding: 0 5px 0 5px !important;
    margin: 5px 0;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    cursor: pointer;
}

a.more-link:hover, div.read-more a:hover{
    background-color: #004c90;
}


ul.sidebar-list, .widget_wp-category-archive ul, 
.widget_categories ul, ul.sidebar-list ul{
    margin: 0 !important;
}

ul.sidebar-list li, 
.widget_wp-category-archive ul li, 
.widget_categories ul li{
    min-height:20px;
    background: url(images/bullet.gif) no-repeat ;
    background-position: 0px 10px ;
    margin-top: .1em;
    padding: 0.3em .1em 0.3em 0.8em;
    list-style-type: none;
}

ul.sidebar-list img{
    vertical-align: top ;
}


a.pdf_link { 
    background: url(images/ico_pdf.gif) right center no-repeat;
    padding-right: 1.5em;
    padding-top: .3em;
}

.e-brochure-box {
    margin-top: 13px;
    border: solid #235f91 1px;
    font-family: Arial, sans-serif;
    display: block;
    -moz-border-radius: 5px 0 5px 0;
    -o-border-radius: 5px 0 5px 0;
    -webkit-border-radius: 5px 0 5px 0;
    border-radius: 5px 0 5px 0;
    text-align: center;
    line-height: 28px;
    font-size: 12px;
    color: white;
    background: #5684a9;
    background: -moz-linear-gradient(top, #5684a9 1%, #5684a9 21%, #235f91 48%, #235f91 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#5684a9), color-stop(21%,#5684a9), color-stop(48%,#235f91), color-stop(100%,#235f91));
    background: -webkit-linear-gradient(top, #5684a9 1%,#5684a9 21%,#235f91 48%,#235f91 100%);
    background: -o-linear-gradient(top, #5684a9 1%,#5684a9 21%,#235f91 48%,#235f91 100%);
    background: -ms-linear-gradient(top, #5684a9 1%,#5684a9 21%,#235f91 48%,#235f91 100%);
    background: linear-gradient(to bottom, #5684a9 1%,#5684a9 21%,#235f91 48%,#235f91 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5684a9', endColorstr='#235f91',GradientType=0 );
    text-shadow: 0 1px 1px rgba(255,255,255,.3);
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

#survey-box, a.survey-box:visited  {
	padding:5px;
    margin-top: 13px;
    border: solid #ed9017 1px;
    font-family: Arial, sans-serif;
    display: block;
    -moz-border-radius: 5px 0 5px 0;
    -o-border-radius: 5px 0 5px 0;
    -webkit-border-radius: 5px 0 5px 0;
    border-radius: 5px 0 5px 0;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    color: #235f91;
	font-weight:bold;
    background: #f6e6b4; /* Old browsers */
    background: -moz-linear-gradient(top,  #f6e6b4 0%, #ed9017 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6e6b4), color-stop(100%,#ed9017)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f6e6b4 0%,#ed9017 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f6e6b4 0%,#ed9017 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f6e6b4 0%,#ed9017 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f6e6b4 0%,#ed9017 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#ed9017',GradientType=0 ); /* IE6-9 */
	text-shadow: 0 1px 1px rgba(255,255,255,.3);
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-weight:bold;
    -webkit-transition: background 100ms ease-out;  
    -moz-transition: background 100ms ease-out;  
    -o-transition: background 100ms ease-out;  
    transition: background 100ms ease-out;  
    background-size:1px 55px;   
}

#survey-box:hover{
	color: #235f91;
    background-position:0 -10px;
    background-size:1px 65px;   
}

.e-brochure-box a {
    font-weight:bold;
    color: rgb(241,216,153);
}

/* Styles for print button at the bottom of the article */

#print {
    padding: .3em .3em .3em .6em;
    margin-top: 1em;
    margin-bottom: .5em;
    background-color: #F4F3F2;
    border: #c4c4c4 1px solid;
    min-width: 4em;
    float: right;
}

#print a{
    font-size: 90%;
    color: #808080;
    text-decoration: none;
    background: url(images/print.gif) left center no-repeat;
    padding-left: 1.5em;
}

.addthis_button {
    float: left;
    margin-top: 1.5em;
    margin-bottom: 2em;
}
.addthis_button {
    cursor: pointer;
}

div.two_columns {
    float:left;
    width:auto; 
    overflow:hidden;
} 

.pub_languages_right {
    float: left;
    width: 18em;
    padding-bottom: 1em;
    margin-top: .3em;
}

.two_columns ul li {
    padding-left: 2em;
    padding-right: 1em;
    padding-top: .5em;
    list-style-image: none;
    list-style: none;
}

ul.download_links {
    /*margin-left:10px;*/
    padding-left:0;
    font-size: 85%;
    color:#808080;
}

ul.download_links li{
    list-style-type: none;
    display: inline-block;
    /* display: inline; /* fix inline-block ie7 */
    padding-right:20px;
    padding-left:20px; 
}

a.en_icon {
    background: url('http://www.un.org/en/development/desa/images/icons/ico_en.gif') right center;
}

.pdf_download_icon {
    background: url(images/ico_pdf.gif) left 4px no-repeat;
}

.shop_icon {
    background: url(images/icon_cart.gif) left center no-repeat;
}

.shop_icon, .pdf_download_icon {
    padding-top:0 !important;
    font-size: 12px;
}

.pub_languages_left {
    float: left;
    width: 18em;
    padding-bottom: 1em;
    margin-top: .3em;
}

.two_columns  ul {
    padding:0;
    margin:0;
}

.fluid-width-video-wrapper {
    max-width: 600px;
    height: 100%;
}
.news_img {
    float: right;
    padding-left: .5em;
    padding-bottom: .5em;
}

p.edition {
    float:right;
    width:auto;
}

#search_submit {
    font-size:12px;
	min-width: 25px;
    max-width: 50px;
    float:right;
    height: 28px;
	background-repeat: no-repeat;
	padding: 3px 4px 4px;
}

#search_input {
    float:left;
    min-width:98px;
    max-width:65%;
    margin-right:5px;
}

/****************************** WORKING PAPERS ******************************/
#papersSection .title, #papersSection .title a {font-weight:bold; color: #D69D36 !important;}
#papersSection .author{font-weight:normal;display:block;}
#papersSection .abstract{padding-left:4em;}

#introSection {padding-bottom:1em;}
.abstract .backLink {display:block;}
.abstract p {margin:.5em;}
.abstract h2 a,.abstract h2 a:visited {color:white;}

#center .paper_list h3, #center .paper_list h3 a, #center .paper_overview h3 {
    color: #D69D36 !important;
    margin-top:1.5em;
}


#papersSection dl {margin:0;padding:0;height:auto;}
#papersSection dt {border-top:solid 1px #ccc;margin:0;padding: 3em 0 0 0;font-size: 0.8em}  /* #e2ecff c5c5c5*/

#papersSection dt{font-weight:bold;}
#papersSection dd {border-top:solid 1px #ccc;margin:0;padding:0.5em 0 0.5em 0; } /* author and subject */ /* #e2ecff */
#papersSection dd .pubDate {font-size:0.8em;}



.no-italic em{
    font-style:normal;
}

#fraud-alert{
    margin-top: 15px;
}

#footer #fraud-alert a {
    font-weight: bold;
    font-size: 12px;
}

/** Import of DPI style for blockquote **/
blockquote {
    padding: 0 0 0 15px !important;
    font-size:16px !important;
    margin: 20px !important;
    border-left: 5px solid #acc8d6  !important;
    float: right !important;
    width: 200px !important;
    background: url(images/right_quote.png) no-repeat 165px 50% !important;
    font-weight: bold !important;
}

a:focus {
    outline: -webkit-focus-ring-color auto 5px;
}

input.required {
    color: #000;
}

.footerlist {
    margin: 0 !important;
    max-width: 200px;
    padding: 8px 0 0 30px !important;
    margin-left: 0;
}

.footerlist li {
	display: list-item;
    font-weight: bold;
    list-style-type: disc;
    padding-bottom: 6px;
    padding-top: 6px;
	list-style-position: inside;
	padding-left: 1em;
	text-indent: -1em;
}

.col-700 .footerlist {
	-moz-column-count: 3;
	-moz-column-gap: 4em;
	-webkit-column-count: 3;
	-webkit-column-gap: 4em;
	column-count: 3;
	column-gap: 4em;
	
	max-width: 700px;
}

/*
.col-700 .footerlist li{
	display: inline-block; // this avoids line breaks but removes list item disc
}
*/

/*
 Hide any overflow from the slider
 */
div#slider.grid.col-700 {
	overflow: hidden;
}

.grid.col-230.fit.sidebar-right {
	margin-left: 8px !important;
}

/* = Media Queries for Responsive Child Themes
-------------------------------------------------------------- */

@media screen and (max-width: 4800px) {
    
	#logo {
        min-height: 100px; /* to override !important rules in parent theme */
        max-height: 100px;
        height: 100px;
    }
}

@media screen and (max-width: 800px) { 
	.col-700 .footerlist {
		-moz-column-count: 2;
		-moz-column-gap: 1em;
		-webkit-column-count: 2;
		-webkit-column-gap: 1em;
		column-count: 2;
		column-gap: 1em;
	}
	
	.sidebar-subscribe {
		margin-top: 8px;
	}
	
	.sidebar-subscribe #email_box {
		width: 60%;
	}

	#search_input {
		font-size: 80%;
		max-width: 60%;
		margin-right: 2px;
	}
	
	.search_box {
		margin-top: 0px;
	}

	input[type='button']{
		padding: 4px 2px;
	}

	.indexo_slider_set .indexo-slider-control {
		margin-left: 20px;
	}
}

@media screen and (max-width: 650px){
    #logo {
		position:relative;
        margin: 0px 0 !important;
    }

	#slider {
		margin-top: 0px;
	}
}

@media screen and (max-width: 480px) {
    #logo, #logo > a {
        min-height: 73px; /* to override !important rules in parent theme */
        max-height: 73px;
        height: 73px;
    }

    #logo img {
        width: 75px;
    }
	
	.col-700 .footerlist {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}

	.indexo_excerpt {
		display: none;
	}

	a.indexo_more {
		display: none;
	}

	.indexo_slider_set .indexo-slider-control {
		margin-left: 20px;
	}
	
	.indexo_slider_set .indexo_slideri h4 {
		margin-bottom: 10px !important;
	}
	
	.indexo_inner_wrap > h4 > a {
		line-height: 1.3em;
	}
}

@media screen and (max-width: 320px) {

}

/* DESA site search */
.search_box form {
    margin: 0;
}

/* Allows the main menu on the CDO site to have dropdowns */
ul#menu-cdo_menu {
	overflow: visible;
}

#menu-cdo_menu a {
    padding: 0 20px;
}

/* = DESA Slider tweaks
-------------------------------------------------------------- */
.indexo-excerpt > p {
	text-align: left !important;
	height: 112px;
	overflow: hidden;
}

a.indexo_blue.indexo_more, a.indexo_blue.indexo_more:visited {
	background-color: #23649f;
}

a.indexo_blue.indexo_more:hover {
	background-color: #004c90;
}

.indexo-meta{
	border-top:0px !important;
}

div.indexo-active > span.indexo.meta{
	border-top:0px !important;
}

.indexo_inner_wrap > h4 {
	overflow: hidden;
}

.indexo_slides {
	height: 260px !important;
}

div.indexo-active h2 {
	color: #F1D899 !important;
}

.indexo-slider-nav {
	overflow: hidden;
}

.indexo-slider-nav.indexo-active.indexo-active-theme-blue {
	border-right: 0px !important;
}

.indexo-slider-nav > h2 {
	color: #F1D899;
}

div.indexo_slideri h4 {
	padding-bottom: 10px !important;
}

.indexo-slider-nav > h2 {
	line-height: 17px !important; /* avoids text clipping */
}

a.indexo_small.indexo_more, a.indexo_small.indexo_more:visited {
	font-size: 13px;  /* for Chrome v39 bug */
}

/* = Banner and Logo
-------------------------------------------------------------- */
#logo {
    background-image: linear-gradient(to bottom, #5684A9 -25%, #235F91 48%, #235F91 100%);
}

#logo h1, #logo h2 {
	margin: 0;
	color: #ACC8D7;
	font-weight: normal;
	text-align: left;
}

#logo h1 {
	font-size: 1.2em;
}

#logo h2 {
	font-size: 1.5em;
}

#logo img {
	margin-left: 20px;
}

#logo h2 abbr {
	display: none;
}

.banner {
    vertical-align:middle;
    display: inline-block;
	*display: inline;
	zoom: 1;
}

@media screen and (max-width: 650px){
	#logo {
		text-align: left;
	}

	#logo img {
		margin-left: 0px;
	}

    #logo h2 span {
        display:none;
    }
	#logo h2 abbr {
		display: inline-block;
	}
}

/* UN70 Anniversary logo */
.logo_ar > a {
    background: url('images/un70_desa_blue_ar.png') no-repeat -55px center;
}
.logo_en > a {
    background: url('images/un70_desa_blue_en.png') no-repeat right center;
}
.logo_es > a {
    background: url('images/un70_desa_blue_es.png') no-repeat right center;
}
.logo_fr > a {
    background: url('images/un70_desa_blue_fr.png') no-repeat right center;
}
.logo_ru > a {
    background: url('images/un70_desa_blue_ru.png') no-repeat right center;
}
.logo_zh > a {
    background: url('images/un70_desa_blue_zh.png') no-repeat right center;
}

#logo-link-70y {
	display:block;
	position:absolute;
	right:0;
	top:0;
	height:100px;
	width:200px;
	background:transparent;
}
.logo_ar > #logo-link-70y {
	left:0;
	right:auto !important;
}

@media screen and (max-width: 950px) {
    .logo_ru > a {
        background: none;
    }
	.logo_ru > #logo-link-70y {
		display:none;
	}
}
@media screen and (max-width: 800px) {
    .logo_es > a,
    .logo_fr > a {
        background: none;
    }
	.logo_es > #logo-link-70y,
    .logo_fr > #logo-link-70y {
		display:none;
	}
}
@media screen and (max-width: 750px) {
    #logo > a {
        background: none;
    }
	#logo  > #logo-link-70y {
		display:none;
	}
}