/* ################ HEADER ############## */

header {
  padding:20px 20px 0 20px;
  margin-bottom:20px;
}

.fao-header-logo {
  float:left;
}

.fao-header-right {
  float:right;
}

[lang="AR"] .fao-header-logo {
  float:right;
}

[lang="AR"] .fao-header-right {
  float:left;
}

#top-banner,
#page-tools-container {
  clear:both;
}

.fao-header-search .search-container {
  border-radius: 5px;
  border:1px solid #ced4da;
  margin-top:10px;
}

.fao-header-search .gsc-control-searchbox-only .gsc-input-box {
  height:32px;
}

.search-container table.gsc-search-box {
  margin-bottom:0;
}

h1.logo {
  margin-bottom:20px;
}

h1#logo-ltr {
  text-indent:-9999px;
  font-size:0px;
  margin-top:0;
}

h1#logo-ltr img {
  margin:0 0 0 9999px;
  padding-left:10px;
}

div#langs {
  /* float:right; */
  right: 22px;
  margin:0 0 10px 10px;
}

div#langs .CUR,
div#langs .NO {
  float:left;
}

div#langs .CUR a,
div#langs .NO a {
  font-weight:normal;
  color:#5191c8;
  margin:0 10px;
  text-transform:capitalize;
  font-size:12px !important;  
}

div#langs .CUR a {
  color:#000;
}

div#top-links {
  position:absolute;
  top:60px;
  right:280px;
  white-space:nowrap;
}

div#top-links a {
  color:#000;
}

div#google_search {
  position:absolute;
  top:60px;
  right:20px;
}

div#google_search input.inputbox {
  background-position:3px center !important;
  float: left;
  font-size:0.875em;
  height: 22px;
  line-height:22px;
  padding:2px 6px;
  width:190px;
  border:1px solid #406b72 !important;
  margin-bottom:3px;
}

div.sub-search {
}

div.gsc-wrapper {
  float:none !important;
}

div#google_search input.inputbox:focus {
  border:1px solid #37AAEA !important;  
  -webkit-box-shadow:#6896a3 0px 0px 3px;
  -moz-box-shadow:#6896a3 0px 0px 3px;
  box-shadow:#6896a3 0px 0px 3px;   
}

div#google_search form {
  position:relative;
}

div#google_search input#search-submit {
  background-color:transparent;
  background:url(images/icons/search_icon.png) left center no-repeat;
  border:0 none;
  cursor:pointer;
  position:absolute;
  text-indent:-9999px;
  width:14px;
  height:14px;
  right:12px;
  padding:0;
  top:7px;  
  font-size:0px;
  color:#fff;
}

div#first-level-banner, #top-banner div.over-top-first-level-banner {
  margin-top:15px;
  padding:30px 10px 2px 10px;
  font-size:1.875em;
  color:#000;
background: #f5f5f5; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc0JSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #f5f5f5 0%, #fcfcfc 25%, #fcfcfc 50%, #f8f8f8 74%, #f7f7f7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f5f5f5), color-stop(25%,#fcfcfc), color-stop(50%,#fcfcfc), color-stop(74%,#f8f8f8), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #f5f5f5 0%,#fcfcfc 25%,#fcfcfc 50%,#f8f8f8 74%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #f5f5f5 0%,#fcfcfc 25%,#fcfcfc 50%,#f8f8f8 74%,#f7f7f7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #f5f5f5 0%,#fcfcfc 25%,#fcfcfc 50%,#f8f8f8 74%,#f7f7f7 100%); /* IE10+ */
background: linear-gradient(to right,  #f5f5f5 0%,#fcfcfc 25%,#fcfcfc 50%,#f8f8f8 74%,#f7f7f7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f7f7f7',GradientType=1 ); /* IE6-8 */
  border-bottom:1px solid #d2d0d0;
}
#top-banner div.over-top-first-level-banner h1{
  margin:0;
  font-size: 1.0em;
  padding: 3px 0;
}
/* ################ NAVIGATION ############## */

div#nav-container {
  clear:right;
  width:100%;
  margin-top:20px;
}

nav ul {
  margin:0;
  padding:0;
  height:40px;  
  /*background-color:#0e6da5;*/
  background: #0e6da5; /* Old browsers */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBlNmRhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZDUzOTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #0e6da5 0%, #0d5399 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e6da5), color-stop(100%,#0d5399)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #0e6da5 0%,#0d5399 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #0e6da5 0%,#0d5399 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #0e6da5 0%,#0d5399 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #0e6da5 0%,#0d5399 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e6da5', endColorstr='#0d5399',GradientType=0 ); /* IE6-8 */
  width:100%;
}

nav ul li {
  float:left;
  height:40px;  
  line-height:45px;
  text-align:center;
  border-left:1px solid #fff;
  width: 12.4%;  
}

#nav-container nav ul.topmenu li {
  background: #0e6da5; /* Old browsers */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBlNmRhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZDUzOTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #0e6da5 0%, #0d5399 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e6da5), color-stop(100%,#0d5399)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #0e6da5 0%,#0d5399 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #0e6da5 0%,#0d5399 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #0e6da5 0%,#0d5399 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #0e6da5 0%,#0d5399 100%); /* W3C */  
}

header #nav-container nav ul li:first-child {
  border-left:0;
}

header #nav-container nav ul li:last-child {
  border-right:0 !important;
}

nav ul.topmenu li a {
  line-height:40px;  
}

nav ul li a {
  color:#fff;
  text-decoration:none;
  font-size:1.11em;
  /* font-size:1.188em; */
  display:block;
  font-weight: normal;
  height:40px;  
}

nav ul li a:hover {
  background-color:#3c7cb3;
  transition: all 200ms ease 0s;  
  text-decoration:none;
}

#nav-container nav ul.topmenu li.top-current,
#nav-container nav ul.topmenu li.top-active {
  margin:0;
  background-color:#003a45;
  background-image:none;
  padding:0;
  height:40px;  
}

nav ul li.top-current a:hover,
nav ul li.top-active a:hover {
  background-color:#002329;
}

nav ul.top-submenu {
  display:table;
  height:auto;
  width:100%;
  background:#fff;
  filter:none;
  margin-top:9px;
}

nav ul.top-submenu li {
  height:15px;
  line-height:15px;
  width:auto;
  white-space:nowrap;
  border-right:1px solid #ec6e00;  
  margin-bottom:5px;
}

nav ul.top-submenu li a {
  color:#003b45;
  font-size:1em;
  font-weight:600;
  padding:0 8px;
  height:auto;
}

nav ul.top-submenu li a:hover {
  background:none transparent;
  color:#1b4a72;
  text-decoration: underline;
}
nav ul.top-submenu li.sub-home-link a{
  padding:0 2px;
}

nav ul.top-submenu li:last-child {
  border:0;
}

nav ul.top-submenu li.top-current,
nav ul.top-submenu li.top-active {
  background:#fff;
}

nav ul.top-submenu li.top-current a,
nav ul.top-submenu li.top-active a {
  color:#ec6e00;
}