/* CSS Document */
/* -- html5 reset -- */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
/* -- general resets -- */
html { padding: 0; margin: 0; height: 100%; }
body { padding:0; margin:0; }
h1, h2, h3, h4, h5, h6, p, ul, li, table, tr, td { padding:0; margin: 0; }
/*a { text-decoration:none; }*/
img { border: none; } 
/* ----------------------------- */
/* Global styles */
BODY { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #646464; background-color: #999; }
a { color:#003366; text-decoration: none; }
a:hover { text-decoration: underline; }
a:visited { color: #4d4d4d; }
p { font-size: 12px; line-height: 18px; }
.push { clear: both; font-size: 1px; line-height: 0.1; }

/*BODY */
body { width: 1000px; margin:0 auto; }

/* COMMON */
.ui-tabs-hide { display: none; }

/* HEADER */
#header { background: transparent url(/bg_header.gif) top left no-repeat; height: 120px; font-size: 11px; position: relative; z-index:1000;  }
#utilitynav { height: 29px; }
#utilitynav a { color: #fff; text-decoration: none; }
#utilitynav a:hover { text-decoration: underline; }
#UNICEFLanguages { float: left; list-style: none; margin: 0; padding: 0; margin-left: 21px; margin-top: 9px; }
#UNICEFLanguages li { float: left; padding: 0 10px; } 
#UNICEFLanguages li.first { padding-left: 0; }
#UNICEFLanguages li.last { border-right: none; padding-right: 0; }
#UNICEFLanguages .arabic, #UNICEFLanguages .chinese { font-size: 12px; }
#UNICEFLanguages a { display: block; }
#mainnav { clear: both; }
#UNICEFLogo { width: 200px; float: left; }
#UNICEFLogo a { display: block; width: 144px; height: 35px; background: transparent url(/UNICEF_logo.png) top left no-repeat; margin-top: 43px; margin-left: 21px; text-indent: -9999px; }
/* HEADER - main nav */
#mainnav nav { float: left; background: transparent url(/bg_mainnav.gif) top left no-repeat; width: 600px; height: 51px; margin-top: 40px; }
#mainnav nav ul { list-style: none; margin:0; padding: 0; margin-left: 20px; }
#mainnav nav li { float: left; position: relative; }
#mainnav nav li ul { position: absolute; display: none; top: 51px; left: 0; background: none; }
#mainnav nav li:hover ul, #mainnav nav li.over ul { display: block; }
#header #mainnav nav LI.stayopen a { background-position: 0 -51px; } /*to keep the nav graphic on*/
#mainnav nav li.stayopen ul {display: block;} /*to keep the flyout open*/
#mainnav nav li a.stayopen { text-decoration: underline; } /*to underline text when map area is hovered*/
#mainnav #mainnavitem_1 a.menu { width: 80px; height: 51px; background: transparent url(/2011_topnav_home_sp.png) 0 0 no-repeat; background-position: 0 0; }
#mainnav #mainnavitem_2 a.menu { width: 89px; height: 51px; background: transparent url(/2011_topnav_what_sp.png) 0 0 no-repeat; background-position: 0 0; }
#mainnav #mainnavitem_3 a.menu { width: 85px; height: 51px; background: transparent url(/2011_topnav_who_sp.png) 0 0 no-repeat; background-position: 0 0; }
#mainnav #mainnavitem_4 a.menu { width: 122px; height: 51px; background: transparent url(/2011_topnav_focus_sp.png) 0 0 no-repeat; background-position: 0 0; }
#mainnav #mainnavitem_5 a.menu { width: 112px; height: 51px; background: transparent url(/2011_topnav_where_sp.png) 0 0 no-repeat; background-position: 0 0; }
#mainnav #mainnavitem_6 a.menu { width: 72px; height: 51px; background: transparent url(/2011_topnav_press_sp.png) 0 0 no-repeat; background-position: 0 0; }
#mainnav a.menu { display: block; border: 0; text-indent: -9999px; }
#header #mainnav nav LI a.menu:hover, #header #mainnav nav LI:hover a, #mainnav nav li.over a { background-position: 0 -51px; }
#header #mainnav nav LI a.selected { background-position: 0 -51px; }

/* TOPNAV - on states */
.whatWeDoImg #mainnav #mainnavitem_2 a.menu { background-position: 0 -51px; }
.aboutImg #mainnav #mainnavitem_3 a.menu { background-position: 0 -51px; }
.infoCountryImg #mainnav #mainnavitem_5 a.menu { background-position: 0 -51px; }
.pressCentreImg #mainnav #mainnavitem_6 a.menu { background-position: 0 -51px; }

#UNICEFSearchbkgd { width: 200px; float: left; }
#UNICEFSearch { height: 18px; width: 148px; border: 1px solid #80C0F0; background-color: #fff; margin-left: 19px; margin-top: 56px; }
#UNICEFSearch form { margin: 0; padding: 0; } 
#UNICEFSearchtextfield { float: left; width: 115px; height: 14px; margin: 1px 1px 1px 2px; margin-left: 4px; border: 0; font-size: 10px; color: #646464; display: block; } 
#UNICEFSearchbutton { float: right; margin: 1px 1px 1px 0; }
/* HEADER - main nav - submenu */
/*
    #mainnavitem_1 : 1 of 6
    .mainnavitem_a : type a - c
*/
.submenu { position: relative; margin-top: -5px; }
#mainnavitem_4 .submenu { margin-left: -6px;}
#mainnavitem_5 .submenu { margin-left: -340px;}
#mainnavitem_6 .submenu { margin-left: -310px;}
#mainnav .submenu ul { margin: 0; padding: 0; float: none; position: static; list-style: none; font-size: 11px; } 
#mainnav .submenu li { margin: 0; padding: 0; padding-left: 10px; background: transparent url(/bullet_blue_featcontent.gif) 0 5px no-repeat; float: none; position: static; line-height: 1.4; margin-bottom: 10px; }
#mainnav .submenu .more { background: transparent url(/bg_grooveborder.png) 0 0 repeat-x; clear: both; display: block; padding-top: 11px; text-align: right; } 
#mainnav .submenu .more a { font-weight: bold; }
#mainnav .mainnavitem_b .ui-tabs-content { height:200px; }
#mainnav .mainnavitem_b .submenu .more { position: absolute; bottom: 0; right: 20px; width: 278px; }
#mainnav .submenu a { margin: 0; padding: 0; text-decoration: none; color: #003366; } 
#mainnav .submenu a:hover { text-decoration: underline; } 
.mainnavitem_a .container { width: 412px; margin: 0; padding: 0 7px; background: transparent url(/bg_container_main_412.png) 0 0 repeat-y; }
.mainnavitem_a .content { margin: 0; padding: 0; padding: 20px 20px 10px 20px; width: 358px; background: #ffffff url(/bg_menugradient.png) 0 bottom repeat-x; }
.mainnavitem_a .bshadow { width: 412px; height: 15px; background: transparent url(/bg_shadowbottom_412.png) 0 0 no-repeat; }
.mainnavitem_a .col1, #mainnavitem_6 .col2 { width: 160px; float: left; margin-bottom: 10px; }
.mainnavitem_a .col2 { margin-left: 28px; } 
/* HEADER - main nav - submenu - type b - tabs */
#mainnav LI.mainnavitem_b .container { width: 512px; margin: 0; padding: 0 7px; background: transparent url(/bg_container_main_512.png) 0 0 repeat-y; }
#mainnav LI.mainnavitem_b .content { margin: 0; padding: 0; width: 498px; background: #ffffff url(/bg_menugradient_240.png) 0 bottom repeat-x; }
#mainnav LI.mainnavitem_b .bshadow { width: 512px; height: 15px; background: transparent url(/bg_shadowbottom_512.png) 0 0 no-repeat; }
#mainnav LI.mainnavitem_b UL LI.submenu ul.ui-tabs { margin: 0; padding: 0; background: transparent url(/bg_submenu_tabs.png) 0 0 no-repeat; height: 240px; width: 180px; }
#mainnav ul#mainnavitems li.mainnavitem_b UL LI.submenu ul.ui-tabs li.tab { display: block; margin: 0; padding: 0; background: none; height: 48px; }
#mainnav ul#mainnavitems li.mainnavitem_b UL LI.submenu ul.ui-tabs li.tab a.tab-link { display: block; height: 48px; } 
#mainnav ul#mainnavitems li.mainnavitem_b UL LI.submenu ul.ui-tabs a.tab-link span { display: block; height: 48px; text-indent: -9999px; background-color: transparent; background-position:0 0; background-repeat: no-repeat; }
#mainnav ul#mainnavitems li.mainnavitem_b UL LI.submenu ul.ui-tabs li.tab a.tab-link:hover { background: transparent url(/bg_submenu_tab_rollover.png) 0 0 no-repeat; }
#mainnav ul#mainnavitems li.mainnavitem_b UL LI.submenu ul.ui-tabs li.tab a.selected { background-color: transparent; background-image: url(/bg_submenu_tabs_selected.png); background-repeat: no-repeat; }
#mainnav ul#mainnavitems li.mainnavitem_b UL LI.submenu li.tab_1 a.selected { background-position: 0 0; }
#mainnav ul#mainnavitems li.mainnavitem_b UL LI.submenu li.tab_2 a.selected { background-position: 0 -48px; }
#mainnav ul#mainnavitems li.mainnavitem_b UL LI.submenu li.tab_3 a.selected { background-position: 0 -96px; }
#mainnav ul#mainnavitems li.mainnavitem_b UL LI.submenu li.tab_4 a.selected { background-position: 0 -144px; }
#mainnav ul#mainnavitems li.mainnavitem_b UL LI.submenu li.tab_5 a.selected { background-position: 0 -192px; }

#mainnav ul#mainnavitems li.mainnavitem_b .ui-tabs-content { position: absolute; top:0; left: 180px; width: 278px; padding: 20px 20px 10px 20px; }
#mainnav ul#mainnavitems li.mainnavitem_b .col1, .mainnavitem_b .col2 { width: 125px; float: left; margin-bottom: 7px; }
#mainnav ul#mainnavitems li.mainnavitem_b .col2 { margin-left: 28px; }
/* HEADER - main nav - submenu - type c - map */
.mainnavitem_c .container { width: 512px; margin: 0; padding: 0 7px; background: transparent url(/bg_container_main_512.png) 0 0 repeat-y; }
.mainnavitem_c .content { margin: 0; padding: 0; padding: 25px 20px 10px 20px; width: 458px; background: #ffffff url(/bg_menugradient.png) 0 bottom repeat-x; }
.mainnavitem_c .bshadow { width: 512px; height: 15px; background: transparent url(/bg_shadowbottom_512.png) 0 0 no-repeat; }
.mainnavitem_c .col1 { width: 200px; float: left; } 
.mainnavitem_c .col2 { margin-left: 28px; width: 230px; float: left; margin-bottom: 10px; }
#mainnav ul#mainnavitems li.mainnavitem_c .col1 ul { margin-top: -8px; }
#mainnav ul#mainnavitems li.mainnavitem_c .col1 ul li{ line-height:11px; }
/* global map */
#UNICEFibc_map_imagemap { position: absolute; left: 162px; top: 36px; z-index: 110; }
#UNICEFibc_map_outline { position: absolute; left: 162px; top: 36px; z-index: 100; }
#UNICEFibc_map_tacro { position: absolute; left: 162px; top: 36px; z-index: 80; display: none; }
#UNICEFibc_map_eapro { position: absolute; left: 162px; top: 36px; z-index: 70; display: none; } 
#UNICEFibc_map_wcaro { position: absolute; left: 162px; top: 36px; z-index: 60; display: none; }
#UNICEFibc_map_saro { position: absolute; left: 162px; top: 36px; z-index: 50; display: none; }
#UNICEFibc_map_esaro { position: absolute; left: 162px; top: 36px; z-index: 40; display: none; } 
#UNICEFibc_map_ceecis { position: absolute; left: 162px; top: 36px; z-index: 30; display: none; }
#UNICEFibc_map_mena { position: absolute; left: 162px; top: 36px; z-index: 20; display: none; }
#UNICEFibc_map_ind { position: absolute; left: 162px; top: 36px; z-index: 10; display: none; } 

 

/* FOOTER */
#footer { background-color: #0099ff; font-size: 11px; clear: both; }
#footer .topics { background: transparent url(/bg_footer_topics.png) top left no-repeat; min-height: 166px; }
#footer .topics .topic { float: left; width: 200px; padding: 20px 0; line-height: 1.4; }
#footer .topics .topic h3 { font-size: 11px; color: #ffffff; margin: 0 17px; margin-bottom: 10px; text-transform: uppercase; }
#footer .topics .topic h3 a { color: #ffffff; }
#footer .utility { background: transparent url(/bg_footer_utility.png) top left no-repeat; min-height: 30px; } 
#footer .topic ul { color: #ffffff; margin: 0 17px; margin-left: 30px; list-style: square; }
#footer .topic ul a { color: #ffffff; text-decoration: none; }
#footer .topic ul a:hover { text-decoration: underline; }
#footer .topic .banner { list-style-type: none; display: block; margin: 0; margin-left: 17px; margin-bottom: 5px; height: 30px; }

/* HEADER & FOOTER - common */
.support { float: right; list-style: none; margin: 0; padding: 0; margin-right: 18px; margin-top: 9px; }
.support a { color: #fff; text-decoration: none; } 
.support a:hover { color: #fff; text-decoration: underline; }
#utilitylinks { float: left; list-style: none; margin: 0; padding: 0; margin-left: 21px; margin-top: 9px; }
#utilitylinks li { float: left; padding: 0 10px; border-right: 1px solid #66B8F8; } 
#utilitylinks li.first { padding-left: 0; }
#utilitylinks li.last { border-right: none; padding-right: 0; }
#utilitylinks a { display: block; }
#utilitylinks a { color: #fff; text-decoration: none; } 
#utilitylinks a:hover { color: #fff; text-decoration: underline; }



/* HP CONTENT */
body#homepage #feat { width: 800px; float:left; position: relative; }
body#homepage UL.ui-tabs { width: 200px; height: 420px; background: transparent url(/bg_main_tabs.gif) top left no-repeat; list-style: none; float:left; }    
body#homepage #featcontents { float: right; }
body#homepage #sidebar { width: 200px; height: 570px; background-color: #ffffff; float:right; }
body#homepage #carousel { width: 800px; height: 150px; float: left; position: relative; }

/* HP CONTENT - feat - tabs */
body#homepage #feat UL.ui-tabs LI.tab A.tab-link { display: block; }
body#homepage #feat UL.ui-tabs LI.tab A.tab-link span { text-indent: -9999px;  display:block; background-color: transparent; background-position:top left; background-repeat: no-repeat; }
body#homepage #feat UL.ui-tabs LI.tab A.tab-link, body#homepage #feat UL.ui-tabs LI.tab A.tab-link span { height: 60px; }
body#homepage #feat UL.ui-tabs LI.tab A.tab-link:hover { background-image: url(/bg_black20trans.png); background-repeat:repeat; }
body#homepage #feat UL.ui-tabs LI.tab A.tab-link:hover span { background-position: top left; }
body#homepage #feat UL.ui-tabs LI.tab A.selected, body#homepage #feat UL.ui-tabs LI.tab A.selected:hover { background-image: url(/bg_main_tabs_selected.gif); }
body#homepage #feat UL.ui-tabs LI.tab A.selected span, body#homepage #feat UL.ui-tabs LI.tab A.selected:hover span { background-position: top right; }

/* HP CONTENT  - feat contents */
.featcontent { position: absolute; top: 0px; left: 200px; width: 600px; height: 420px; overflow: hidden; z-index:1; }
.featcontent .feathighlight { position: absolute; top:0; left:0; width: 20px; height: 420px; background: transparent url(/bg_main_tabs_selected_arrow.png) 0 0 no-repeat; }
.featcontent A { font-weight: bold; }
.featcontent P, .featcontent LI { font-size: 11px; line-height: 15px; }
.featcontent UL { list-style: none; }
.featcontent UL LI { background: url(/bullet_blue_featcontent.gif) 0 5px no-repeat; padding-left: 9px; }
.featcontent .socialbuttons { position:absolute; width: 173px; height: 17px; }
.featcontent .socialbuttons UL { list-style: none; }
.featcontent .socialbuttons UL LI { float: left; background: none; padding-left: 0; }
.featcontent .socialbuttons UL LI A { height: 17px; display: block; background: transparent url() top left no-repeat; }
.featcontent .socialbuttons UL LI A span { display: none; }
.featcontent .socialbuttons .sharethis { width: 67px; background-position: 0 0; margin-right: 5px; }
.featcontent .socialbuttons .facebook { width: 48px; background-position: -100px 0; margin-right: 5px; }
.featcontent .socialbuttons .twitter  { width: 48px; background-position: -200px 0;  }
.featcontent .socialbuttons li img { cursor: pointer; }
/* 
    .featcontent_a : type a 
*/
.featcontent_a { background: transparent url(/bg_main_featcontent_a.png) top left no-repeat; }
.featcontent_a .story_lead { height: 290px; margin-bottom: 13px; margin-left:20px; }
.featcontent_a .story_lead H1 { color: #333333; font-size: 23px; line-height: 23px; padding-top: 17px; padding-bottom: 10px; }
.featcontent_a .story_lead H1 a { color: #333333; }
.featcontent_a .story_lead .media { width: 375px; height: 237px; float: left; margin-right: 15px; }
.featcontent_a .story_lead P { color: #646464; margin-right: 18px; }
.featcontent_a .story_lead P.more { padding-top: 4px; }
.featcontent_a .story_lead .socialbuttons { bottom: 133px; right: 20px; }
.featcontent_a .story_2nd { margin-top: 16px; }
.featcontent_a .story_2nd H1 { padding-bottom: 7px; color: #333333;}
.featcontent_a .story_2nd P A, .featcontent_a .story_2nd LI A { font-weight: normal; }
.featcontent_a .story_2nd IMG { float: left; margin-right: 9px; }
.featcontent_a .col1 { width: 275px; margin-left: 20px; float: left; }
.featcontent_a .col2 { width: 259px; margin-right: 20px; float: right; }
.featcontent_a .story_2nd H1 { font-size: 12px; text-transform: uppercase; color: #333333;}
/* new addition - related links DY 2011-10-26 */
.featcontent P A { font-weight: normal; }
.featcontent .story_lead_extras { position:absolute; width: 173px; bottom: 133px; right: 20px; }
.featcontent .story_lead_extras .socialbuttons { position: relative; bottom: 0; right: 0;} /*override*/
.featcontent .relatedlinks { margin-top: 14px; border-top: 1px solid #dce1e5; border-bottom: 1px solid #dce1e5; background-color: #fff; }
.featcontent .relatedlinks H1 { font-size: 12px; text-transform: uppercase; padding: 8px 2px 0px 4px; }
.featcontent .relatedlinks UL { margin-left: 3px; padding-bottom: 11px; }
.featcontent .relatedlinks UL LI A { font-weight: normal; }

/* HP CONTENT - carousel */
#carousel { background: transparent url(/bg_carousel.gif) 0 0 repeat-x; } 
#carousel #car_groups { position: absolute; left: 32px; top: 0; width: 736px; height: 150px; }
#carousel .car_group { margin-left: 8px; }
#carousel .car_group H1 { font-size: 15px; line-height: 15px; text-transform: uppercase; padding-top: 16px; padding-bottom: 6px; }
#carousel .car_item { width: 162px; float: left; background: url(/bg_carousel_item.gif) top right no-repeat; padding-right: 12px; margin-right: 12px; }
#carousel .car_item IMG { float:left; margin-right: 4px; } 
#carousel .car_item H1, P { font-size: 11px; line-height: 13px; }
#carousel .car_item H1 { font-weight: bold; text-transform: none; padding: 0; }
#carousel .car_item_last { background:none; padding-right: 0; margin-right: 0; }
#carousel .car_pag { position: absolute; left: 32px; top: 128px; width: 736px; height: 22px; }
#carousel .car_pag UL { list-style: none; /*width: 60px;*/ margin: 6px auto 0 auto; display: inline-block; }
#carousel .car_pag UL LI { float: left; margin-right: 2px; }
#carousel .car_pag UL LI A { width: 8px; height: 8px; display: block; background: transparent url(/bg_carousel_page_buttons.gif) top left no-repeat; }
#carousel .car_pag UL LI A:hover, #carousel .car_pag UL LI A:active, #carousel .car_pag UL LI A.selected { background-position: top right; }
#carousel .car_pag UL LI A SPAN { display: none;}
#carousel .car_pag_nav { font-size: 11px; }
#carousel .car_pag_controls { margin: 0 auto; width: 280px; text-align: center; }
#carousel .car_pag_controls .car_pag_nav A { color: #003366; }
#carousel .car_pag_controls .car_pag_nav A.car_pag_nav_prev { margin-right: 2px; }
/* HP CONTENT - jcarousel */
.jcarousel-container { }
/*.jcarousel-direction-rtl { direction: rtl; }*/
.jcarousel-container-horizontal { width: 736px; padding: 0px 32px; }
.jcarousel-clip { overflow: hidden; }
.jcarousel-clip-horizontal { width:  736px; height: 150px; }
.jcarousel-item { width: 736px; height: 150px; }
/*.jcarousel-item:hover, .jcarousel-item:focus { border-color: #808080; }*/
.jcarousel-item-horizontal { margin-left: 0; margin-right: 7px; }
/*.jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 7px; margin-right: 0; }*/
.jcarousel-item-placeholder { }
/* HP CONTENT - jcarousel - Horizontal Buttons */
.jcarousel-prev-horizontal { position: absolute; top: 0; left: 0; width: 32px; height: 150px; cursor: pointer; background: transparent url(/bg_carousel_prevnext_buttons.gif) no-repeat 0 0; }
/*.jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(../images/carousel_prevnext_buttons.gif); }*/
.jcarousel-prev-horizontal:hover, .jcarousel-prev-horizontal:focus { background-position: 0 -150px; }
.jcarousel-prev-horizontal:active { background-position: 0 -150px; }
.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:focus,
.jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: 0 -300px; }
.jcarousel-next-horizontal { position: absolute; top: 0; right: 0; width: 32px; height: 150px; cursor: pointer; background: transparent url(/bg_carousel_prevnext_buttons.gif) no-repeat -38px 0; }
/*.jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url(../images/carousel_prevnext_buttons.gif); }*/
.jcarousel-next-horizontal:hover, .jcarousel-next-horizontal:focus { background-position: -38px -150px; }
.jcarousel-next-horizontal:active { background-position: -38px -150px; }
.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:focus,
.jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -38px -300px; }


/* HP CONTENT  - sidebar */
#sidebar { color: #646464; }
#sidebar .sidebaritem { border-bottom: 1px solid #e4e5e6; } 
#sidebar .sidebaritem P { font-size: 11px; line-height: 14px; }
#sidebar .sidebaritem H1 { font-size: 15px; color: #183954; text-transform: uppercase; }
#sidebar .sidebaritem P, #sidebar .sidebaritem H1, #sidebar .sidebaritem H2 { margin: 0 19px; }
#sidebar .sociallinks { height: 100px; background: #f7f7f7 url() top left repeat-x;}
#sidebar .sociallinks P { margin-bottom: 13px; padding-top: 12px; }
#sidebar .sociallinks UL { margin-left: 32px; list-style: none; }
#sidebar .sociallinks UL LI { float: left; }
#sidebar .sociallinks UL LI A { height: 43px; display: block; background: transparent url(/sidebar_socialicons.gif) top left no-repeat; }
#sidebar .sociallinks UL LI A span { display: none; }
#sidebar .sociallinks .youtube { width: 22px; background-position: 0 0; margin-right: 14px; }
#sidebar .sociallinks .rss { width: 21px; background-position: -37px 0; margin-right: 13px; }
#sidebar .sociallinks .facebook { width: 23px; background-position: -71px 0; margin-right: 13px; }
#sidebar .sociallinks .twitter  { width: 23px; background-position: -107px 0;  }
#sidebar .mission { border-bottom: none; }
#sidebar .mission p img { margin-top: 15px; margin-bottom:4px; }
#sidebar .sidebarbanner { padding-top: 12px; padding-bottom: 11px; }
#sidebar .sidebarbanner h1 { font-size: 13px; }
#sidebar .sidebarbanner.oversized P { margin-left: 0px; margin-right: 0px; text-align: center; }
#sidebar .sidebarbanner.last { border-bottom: none; }
#sidebar .sidebarbanner.photo { background: #ffffff url(/bg_sidebar_gradient2.gif) bottom left repeat-x; }


/*original sidebar styles
#sidebar { color: #646464; }
#sidebar .sidebaritem { border-bottom: 1px solid #e4e5e6; } 
#sidebar .sidebaritem P { font-size: 11px; line-height: 14px; }
#sidebar .sidebaritem H1 { font-size: 15px; color: #183954; text-transform: uppercase; }
#sidebar .sidebaritem P, #sidebar .sidebaritem H1, #sidebar .sidebaritem H2 { margin: 0 19px; }
#sidebar .sociallinks { height: 118px; }
#sidebar .sociallinks P { margin-bottom: 13px; padding-top: 24px; }
#sidebar .sociallinks UL { margin-left: 32px; list-style: none; }
#sidebar .sociallinks UL LI { float: left; }
#sidebar .sociallinks UL LI A { height: 43px; display: block; background: transparent url(/hp2011/css/sidebar_socialicons.gif) top left no-repeat; }
#sidebar .sociallinks UL LI A span { display: none; }
#sidebar .sociallinks .youtube { width: 22px; background-position: 0 0; margin-right: 14px; }
#sidebar .sociallinks .rss { width: 21px; background-position: -37px 0; margin-right: 13px; }
#sidebar .sociallinks .facebook { width: 23px; background-position: -71px 0; margin-right: 13px; }
#sidebar .sociallinks .twitter  { width: 23px; background-position: -107px 0;  }
#sidebar .mission { border-bottom: none; }
#sidebar .mission p img { margin-top: 25px; margin-bottom:4px; }
*/


/* --------- Placeholders -- TEMPORARY --------- */

 .debug { background-color: green; } 
 
 

/* --------- Placeholders -- TEMPORARY --------- */