@import url(http://fonts.googleapis.com/css?family=Roboto:400,600,700);

.skiplinks{position:absolute; 
left:-10000px; 
top:auto; 
width:1px; 
height:1px; 
overflow:hidden;}

/* HEADER */
#header { width:1000px; background-color:#fff; height: 117px; font-size: 11px; position: relative; z-index:1000; background:none;  }
#utilitynav { height: 35px; border-bottom:1px solid #e5e4e1;}
#utilitynav .support{margin-top:12px;}
#utilitynav a { color: #58595B; text-decoration: none; }
#utilitynav a:hover { text-decoration: underline; }
#UNICEFLanguages { float: left; list-style: none; margin: 0; padding: 0;  margin-top: 14px;  }
#UNICEFLanguages li { float: left; padding: 0 5px; } 
#UNICEFLanguages li.first { padding-left: 0; }
#UNICEFLanguages li.last { border-right: none; padding-right: 0; }
#UNICEFLanguages a { display: block; font-family:Arial, sans-serif; font-size:11px; color:#6D6E70; }
#UNICEFLanguages .arabic a, #UNICEFLanguages .chinese a { font-size: 12px; }
#UNICEFLanguages a:hover{ color:#1CABE2; text-decoration:underline;}
#mainnav { clear: both; }
#UNICEFLogo { width: 200px; float: left; margin-top:-10px;}
#UNICEFLogo a { display: block; width: 144px; height: 35px;  margin-left: 21px; text-indent: -9999px; }
/* HEADER - main nav */
#mainnav nav { float: left;  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 a.menu { display: block; border: 0;  }
#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; }
#search{position:absolute; top:50px; right:0px; height:25px;}
#UNICEFSearchbkgd { width: 320px; float: left; }
#UNICEFSearch { height: 25px; width: 320px; border: 1px solid #f4f2ef; background-color: #f4f2ef; margin-left: 0px; }
#UNICEFSearch form { margin: 0; padding: 0; } 
#UNICEFSearchtextfield { float: left; width: 280px; height: 21px; margin: 1px 1px 1px 2px; margin-left: 2px; border: 0; font-size: 12px; color: #000; display: block; background-color:#f4f2ef; } 
#UNICEFSearchbutton { float: right; margin: 1px 3px 1px 0; }
/* HEADER - main nav - submenu */



#mainnav_fullWidth UL { PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; height:100%; color:#646464; }
#mainnav_fullWidth H4 { color:#0099ff; font-size:11px; font-style:bold; margin-bottom:10px;}
#mainnav_fullWidth UL.mainnav { margin-top:-18px; margin-right:5px; float:right; height:20px; } /*MG2013*/
#mainnav_fullWidth UL LI { display: inline; list-style: none; float: left;  }
#mainnav_fullWidth UL LI a.menu {display: block; border: 0; height:28px;  }

#mainnav_fullWidth UL.mainnav li{margin-left:30px;}
#mainnav_fullWidth UL.mainnav li a.menu{ font-family:Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:11px; font-weight:600; color:#404041;}
#mainnav_fullWidth UL.mainnav li.green a.menu{color:#8ac43e;}
#mainnav_fullWidth UL.mainnav li a.menu:hover {text-decoration:underline; color:#1cabe2;}


#mainnav_fullWidth #logo a{width:300px;display:block; margin-top:29px; margin-left:4px; clear:both;}


#mainnav_fullWidth LI:hover DIV.submenuWrap, #mainnav_fullWidth LI.over DIV.submenuWrap { display: block;}
#mainnav_fullWidth UL.mainnav LI:hover a.menu, #mainnav_fullWidth UL.mainnav LI.over a.menu { }
#mainnav_fullWidth UL.mainnav LI DIV.submenuWrap DIV.subcontent UL LI DIV UL LI a { color:#646464; }
#mainnav_fullWidth UL.mainnav LI DIV.submenuWrap DIV.subcontent UL LI DIV UL LI a:hover { color:#0099ff; text-decoration:underline;}
#mainnav_fullWidth UL.mainnav LI DIV.submenuWrap  DIV.subcontent UL LI DIV UL LI a:visited { color:#646464; }
#mainnav_fullWidth LI DIV.submenuWrap DIV.subcontent { float:left; background-color:#FFF;}
#mainnav_fullWidth LI DIV.submenuWrap { POSITION: absolute; background-color:transparent; float:left; DISPLAY: none; TOP: 121px; LEFT: 0px;}
#mainnav_fullWidth LI DIV.submenuWrap DIV.subcontent UL.submenulist { width:1000px; float:left;}
#mainnav_fullWidth DIV.submenuWrap DIV.subcontent UL.submenulist LI { display: inline; background-color:#FFF; position: relative; float: left; padding-left: 20px; padding-bottom: 35px; padding-top: 20px; margin-left:0;}
#mainnav_fullWidth DIV.submenuWrap DIV.subcontent UL.submenulist LI:first-child { width:180px;}
#mainnav_fullWidth DIV.submenuWrap DIV.subcontent UL.focusarea LI { width:130px;}
#mainnav_fullWidth DIV.submenuWrap DIV.subcontent UL.focusarea LI H4 { height:25px;}
#mainnav_fullWidth DIV.submenuWrap DIV.subcontent UL.focusarea LI:first-child H4 { height:auto;}
#mainnav_fullWidth DIV.submenuWrap DIV.subcontent UL.submenulist LI.submenuItem:first-child H4 { width:159px;}
#mainnav_fullWidth DIV.submenuWrap DIV.subcontent UL.submenulist LI.submenuItem:first-child DIV.menufull_freeText IMG { max-width:159px; margin-bottom:5px; }
#mainnav_fullWidth DIV.submenuWrap DIV.subcontent UL.submenulist LI.submenuItem:first-child P { width:159px; margin-bottom:5px; }
#mainnav_fullWidth LI.pressreleaselist { width:420px;}
#mainnav_fullWidth LI.pressreleasetools, #mainnav_fullWidth LI.pressreleasepositions { width:135px;}


#mainnav_fullWidth DIV.submenuWrap DIV.subcontent UL.submenulist DIV.menufull_freeText UL { display: block; position:relative;}
#mainnav_fullWidth DIV.submenuWrap DIV.subcontent UL.submenulist DIV.menufull_freeText UL LI { display: block; clear:both; margin:0; padding:0; padding-bottom:5px; width:100%; background:transparent;} 
#mainnav_fullWidth DIV.submenuWrap DIV.subcontent UL.submenulist DIV.menufull_pullList UL LI { margin:0; padding:0; padding-bottom:5px; width:100%; background:transparent; display:block; clear:both;}
#mainnav_fullWidth DIV.menufull_moreall A { color:#0099ff;}
#mainnav_fullWidth DIV.menufull_moreall A:hover { color:#0099ff;text-decoration:underline;}
#mainnav_fullWidth DIV.menufull_moreall A:visited { color:#0099ff;}
#mainnav_fullWidth DIV.menufull_moreall A IMG { margin:0; margin-left:5px;}

#menuFocusArea DIV.submenuWrap DIV.subcontent UL.submenulist LI { width:150px; padding-left:10px; }

/* global map */
#UNICEFibc_map_imagemap { position: absolute; left: 20px; top: 20px; z-index: 110; }
#UNICEFibc_map_outline { position: absolute; left: 20px; top: 20px; z-index: 100; }
#UNICEFibc_map_tacro { position: absolute; left: 20px; top: 20px; z-index: 80; display: none; }
#UNICEFibc_map_eapro { position: absolute; left: 20px; top: 20px; z-index: 70; display: none; } 
#UNICEFibc_map_wcaro { position: absolute; left: 20px; top: 20px; z-index: 60; display: none; }
#UNICEFibc_map_saro { position: absolute; left: 20px; top: 20px; z-index: 50; display: none; }
#UNICEFibc_map_esaro { position: absolute; left: 20px; top: 20px; z-index: 40; display: none; } 
#UNICEFibc_map_ceecis { position: absolute; left: 20px; top: 20px; z-index: 30; display: none; }
#UNICEFibc_map_mena { position: absolute; left: 20px; top: 20px; z-index: 20; display: none; }
#UNICEFibc_map_ind { position: absolute; left: 20px; top: 20px; z-index: 10; display: none; }


/* HEADER & FOOTER - common */
.support { float: right; list-style: none; margin: 0; padding: 0; margin-right: 0px; margin-top: 9px; }

.support li {float:right; padding:0 10px;}
.support li.supportlink {float:right; padding-right:0;}
.support a { color: #58595B; text-decoration: none; } 
.support a:hover { color: #58595B; text-decoration: underline; }
.support .supportlink a, #utilitynav .support .supportlink a{ font-family:Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:11px; font-weight:bold;color:#DE2F2F; font-weight:bold; text-transform:uppercase;}
#utilitylinks { float: left; list-style: none; margin: 0; padding: 0; margin-left: 21px; margin-top: 9px;  }
#utilitylinks li { float: left; padding: 0 10px; } 
#utilitylinks li.first { padding-left: 0; }
#utilitylinks li.last { border-right: none; padding-right: 0; }
#utilitylinks a { display: block; }
#utilitylinks a { color: #58595B; text-decoration: none; } 
#utilitylinks a:hover { color: #58595B; text-decoration: underline; }


		ul.support li.social {  margin-right:8px; padding:0; overflow:hidden; display:inline; }
		.support .social a{width:16px; height:13px; text-indent:-9999px; display:block;}
		.support .facebook a{ background-position:0px 0px;}
		.support .twitter a{ background-position:-24px 0px;}
		.support .youtube a{ background-position:-48px 0px;}
		.support .tumblr a{ background-position:-72px 0px;}
		.support .rss a{ background-position:-96px 0px;}
		.support .facebook a:hover{ background-position:0px -15px;}
		.support .twitter a:hover{ background-position:-24px -15px;}
		.support .youtube a:hover{ background-position:-48px -15px;}
		.support .tumblr a:hover{ background-position:-72px -15px;}
		.support .rss a:hover{ background-position:-96px -15px;}
		
		
		
		
#mainnav_fullWidth UL LI a.menu {background-image:none; text-indent:0px;}
#mainnav_fullWidth UL LI:first-child a.menu{width:auto; height:28px;}
#mainnav_fullWidth UL > li:first-child + li a.menu, 
#mainnav_fullWidth UL LI:nth-child(2) a.menu,
#mainnav_fullWidth UL > li:first-child + li + li a.menu,
#mainnav_fullWidth UL LI:nth-child(3) a.menu,
#mainnav_fullWidth UL > li:first-child + li + li + li a.menu,
#mainnav_fullWidth UL LI:nth-child(4) a.menu,
#mainnav_fullWidth UL > li:first-child + li + li + li + li a.menu,
#mainnav_fullWidth UL LI:nth-child(5) a.menu,
#mainnav_fullWidth UL > li:first-child + li + li + li + li + li a.menu,
#mainnav_fullWidth UL LI:nth-child(6) a.menu
#mainnav_fullWidth UL > li:first-child + li + li + li + li + li + li a.menu,
#mainnav_fullWidth UL LI:nth-child(7) a.menu
#mainnav_fullWidth UL > li:first-child + li + li + li + li + li + li + li a.menu,
#mainnav_fullWidth UL LI:nth-child(8) a.menu
{background-position:top right; width:auto; height:30px;}

#UNICEFSearchbkgd_fullwidth #UNICEFSearch{margin-top:0; margin-left:0px;}
#UNICEFSearch {margin-left:0;}
#search{width:320px;}