@font-face {
  font-family:'HelveticaNeueLt';
  src: url('fonts/HelveticaNeueLt.eot');
  src: url('fonts/HelveticaNeueLt.eot#iefix') format('embedded-opentype'),
       url('fonts/HelveticaNeueLt.woff') format('woff'),
       url('fonts/HelveticaNeueLt.ttf') format('truetype'),
       url('fonts/HelveticaNeueLt.svg') format('svg');
}

@font-face {
  font-family:'Avenir Book 45';
  src: url('fonts/avenir.eot');
  src: url('fonts/avenir.eot#iefix') format('embedded-opentype'),
       url('fonts/avenir.woff') format('woff'),
       url('http://www.unoceans.org/fileadmin/templates/unoceans/fonts/avenir.ttf') format('truetype'),
       url('fonts/avenir.svg') format('svg');
}

@font-face {
  font-family:'Roboto-Regular';
  src: url('fonts/Roboto-Regular.eot');
  src: url('fonts/Roboto-Regular.eot#iefix') format('embedded-opentype'),
       url('fonts/Roboto-Regular.woff') format('woff'),
       url('fonts/Roboto-Regular.ttf') format('truetype'),
       url('fonts/Roboto-Regular.svg') format('svg');
}

@font-face {
  font-family:'Impact';
  src: url('fonts/impact.eot');
  src: url('fonts/impact.eot#iefix') format('embedded-opentype'),
       url('fonts/impact.woff') format('woff'),
       url('fonts/impact.ttf') format('truetype'),
       url('fonts/impact.svg') format('svg');
}

a {
  outline:none;
}

body {
  margin:0;
  padding:0;
  font-family:Helvetica, Arial, sans-serif;
  font-size:14px;
  background-color:#e9eaed;
}

div#wrapper {
  width:960px;
  margin:0 auto;
  background-color:#fff;
  border-top:3px solid #569dd7;
}

header {
  background:url(images/uno-banner.jpg) left top no-repeat;
}

div#top-links {
  background: #294c75; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5NGM3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMjU5ODYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #294c75 0%, #325986 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#294c75), color-stop(100%,#325986)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #294c75 0%,#325986 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #294c75 0%,#325986 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #294c75 0%,#325986 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #294c75 0%,#325986 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#294c75', endColorstr='#325986',GradientType=0 ); /* IE6-8 */
  position:absolute;
  top:0;
  right:0;
  font-size:13px;
  color:#fff;  
  padding:8px 15px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-left-radius: 10px;  
}

div#top-links a {
  color:#fff;
  text-decoration:none;
}

div#top-links a:hover {
  color:#e3e4e3;
}

div#top-links p.bodytext {
  margin:0;
}

header div#logo {
  height:60px;
  color:#fff;
  padding-top:4px;
  padding-left:15px;
  font-family:"Avenir Book 45";
}

header div#logo a {
  color:#fff;
  text-decoration:none;
  letter-spacing:0.3px;
}

header div#logo div#c267552 {
  font-weight:bold;
  font-size:30px;
  height:37px;
}

header div#logo div#c267553 {
  font-size:13px;
  letter-spacing:0.6px; 
  font-family:Helvetica, Arial, sans-serif;  
}

header div#logo p.bodytext {
  margin:0;
}

nav#navigation {
  background: #46ad4b; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ2YWQ0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MGM0ODQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #46ad4b 0%, #80c484 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#46ad4b), color-stop(100%,#80c484)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #46ad4b 0%,#80c484 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #46ad4b 0%,#80c484 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #46ad4b 0%,#80c484 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #46ad4b 0%,#80c484 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46ad4b', endColorstr='#80c484',GradientType=0 ); /* IE6-8 */
  height:33px;
  border-top:1px solid #fff;
}

nav#navigation ul {
  margin:0;
  padding-left:5px;
  line-height:33px;
  height:33px;
  list-style-type:none;
}

nav#navigation ul li {
  float:left;
  text-transform:uppercase;
  border-left:1px solid #fff;
}

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

nav#navigation ul li.top-current {
  background-color:#f8f8f8;
}

nav#navigation ul li.top-current a,
nav#navigation ul li.top-current a:hover {
  color:#29822d;  
}

nav#navigation ul li a {
  color:#fff;
  text-decoration:none;
  letter-spacing:0.2px;
  font-size:12px;
  display:block;
  padding:0 13px;
}

nav#navigation ul li a:hover {
  color:#e3e4e3;
}

nav#submenu {
  float:left;
  width:100%;
  margin-bottom:25px;
  padding:5px 0;
  background-color:#f8f7f7;
}

nav#submenu ul#submenu {
  list-style-type:none;
  margin:5px 20px;
  padding:0;
  float:left;
  width:100%;
}

nav#submenu ul#submenu li {
  float:left;
  margin-right:20px;
}

nav#submenu ul#submenu li a {
  color:#000;
  text-transform:none;
  font-weight:normal;
  text-decoration:none;
  font-size:12px;
  /*font-weight:bold;  */
  letter-spacing:1px;
}

nav#submenu ul#submenu li a:hover,
nav#submenu ul#submenu li.top-current a,
nav#submenu ul#submenu li.top-current a:hover {
  color:#5992cd;
}

div#google-search {
  float:right;
  margin:4px 8px 0 0;
}

div#google-search fieldset {
  border:0;
}

div#google-search input.inputbox {
  background-position:3px center !important;
  float: left;
  font-size:12px;
  height: 20px;
  line-height:22px;
  padding:2px 6px;
  width:170px;
  border:0 !important;
  margin-bottom:3px;
}

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

div#google-search form {
  position:relative;
}

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

section#maincontent {
  line-height:20px;
  padding:30px 25px;
  color:#003b43;
  min-height:400px;
}

section#maincontent p {
  margin:0 0 12px 0;
}

section#maincontent h1 {
  /*font-family:"Avenir Book 45";*/
  font-size:25px;
  font-weight:normal;
  line-height:29px;
  color:#5992cd;
  margin:0 0 25px 0;
  letter-spacing:0.5px;
}

section#maincontent h2 {
  font-size:17px;
}

section#maincontent h3 {
  font-size:14px;
}

section#maincontent ul {
  padding-left:35px;
  margin-left:0;
}

section#maincontent hr {
  border:0;
  height:1px;
  background-color:#ccc;
}

ul.csc-menu {
  border-bottom:1px solid #ccc;
  margin-left:0;
}

p.csc-linkToTop {
  border-bottom:1px solid #ccc;
  padding-bottom:10px;
  text-align:right;
}

section#maincontent ul li {
  list-style-type:square;
  padding:0;
  margin:0 0 12px 0;
}

div#un-atlas {
  background-color:#569dd7;
  float:right;
  padding:5px;
}

div#un-atlas a {
  font-color:#fff;
  text-decoration:none;
  font-size:11px;
  color:#fff;
  margin-right:8px;
}

div#un-atlas a:hover {
  text-decoration:underline;
}

div#un-atlas p.bodytext {
  margin:0;
  text-align:right;
}

footer {
  clear:both;
  border-top:1px solid #c0c1c2;
  background-color:#f8f7f7;
  padding:15px 10px 10px 10px;
}

footer table.contenttable p.bodytext {
  margin:0;
  font-size:11px;
  text-align:center;
}

footer table.contenttable td {
  padding:0;
}

footer table.contenttable img {
  margin:0 3px;
}

footer table.contenttable a img {
  border:0;
}

div#rightcolumn {
  width:220px;
  float:right;
}

/* ################ CALENDAR ############## */

#maincontent span.fc-header-title h2,
#rightcolumn span.fc-header-title h2 {
  font-weight:normal;
  font-size:16px;
  color:#8a898e;
  font-family:inherit;
  padding-top:6px;
  margin-bottom:0;
  border:0;  
  background-color:#fff;
}

#maincontent div#tx_dyna_list_calendar {
}


#rightcolumn div#tx_dyna_list_calendar {
  width:220px;
}

#rightcolumn div.csc-header {
  margin:0 2px 4px 0;
  border-top:1px solid #fff;
  position:relative;
}

#rightcolumn h2 {
  font-weight:normal;
  font-size:18px;
  background-color: #f8f8f8;
  padding:10px 8px;
  border-bottom:1px solid #ccc;
  margin-top:0;
}

#rightcolumn h4 {
  display:block;
  height:36px;
  line-height:36px;
  font-family:Verdana,Arial,sans-serif;
  background:transparent url(http://www.unoceans.org/fileadmin/templates/unoceans/images/square-h1.png) 14px 14px no-repeat;
  color:#858585;
  font-size:1.125em;
  padding:0 30px;
  margin-bottom:20px;
}

#rightcolumn .csc-default {
  margin-bottom:15px;
}

#rightcolumn .fc td,
#maincontent .fc td {
  vertical-align:middle;
  color:#9a9a9c;  
  height:30px;  
  line-height:16px;
}

#rightcolumn .fc th,
#maincontent .fc th {
  vertical-align:middle;
  height:30px;
  font-weight:normal;
  font-size:11px;
}

#maincontent .fc td.fc-header-center,
#rightcolumn .fc td.fc-header-center {
  vertical-align:top;
}

#rightcolumn .fc td div,
#maincontent .fc td div {
  min-height:auto !important;
  height:21px !important;
}

#rightcolumn .fc-day-number,
#maincontent .fc-day-number {
  float:none;
  text-align:center;
  font-size:12px;
}

#rightcolumn table.fc-border-separate,
#maincontent table.fc-border-separate {
  border-collapse:collapse;
}

#rightcolumn .fc-widget-content,
#maincontent .fc-widget-content {
  border:1px solid #dedede;
}

#rightcolumn .fc-widget-header,
#maincontent .fc-widget-header {
  border:1px solid #dedede;
  text-transform:uppercase;
  color:#0D6CAC;
  padding:0 3px;
}  

#rightcolumn .fc-day-content div,
#maincontent .fc-day-content div {
  height:1px;
}

#rightcolumn .fc-event-skin,
#maincontent .fc-event-skin {
  border:0;
  background-color:#41a746;
  height:4px;
  margin:-2px 0 0 0;
}

.fc-event-time, .fc-event-title {
  display:none;
}

#rightcolumn .fc .fc-today,
#rightcolumn .fc .fc-today div.fc-day-number,
#maincontent .fc .fc-today,
#maincontent .fc .fc-today div.fc-day-number {
  color:#0d6cac;
  background-color:#e9eaee;
  border:0;
}

#rightcolumn span.fc-button-inner span.fc-button-content,
#maincontent span.fc-button-inner span.fc-button-content {
  color:#0D6CAC;
}

#rightcolumn table.fc-header span {
  margin-bottom:0;
}

#rightcolumn div.fc-content {
  margin-top:12px;
}

#rightcolumn DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom:0;
}

#rightcolumn DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image dd.csc-textpic-caption {
  margin-top:2px;
  font-size:1em;
}

#rightcolumn .fc-grid .fc-other-month .fc-day-number {
  opacity:0.6;
  color:#fff;
}

section#maincontent a {
  color:#46ad4b;
  text-decoration:none;
}

section#maincontent a:hover {
  text-decoration:underline;
  color:#80c484;
}

div.list-title {
  font-size:16px;
  margin-bottom:8px;
}

div.list-image {
  height:100px;
  overflow:hidden;
  float:left;  
}

div.list-image img {
  float:left;
  margin-right:15px;
}

div.list-block {
  /*float:left;*/
  width:100%;
  margin-bottom:20px;
}

div.list-date {
  font-size:13px;
  font-style:italic;
  margin-bottom:4px;
  color:#707070;
}

div.list-block p {
  margin:7px 0;
}

div.lng-buttons {
  width:100%;
  text-align:right;
  display:inline-block;
  margin-top:6px;  
  color:#707070;
}

table.tx-dynalist-pi1-langtool {
  float:left;
}

div#dyna_fef_page div.dyna_form_field {
  margin-bottom:20px;
}

div#dyna_fef_page label.error {
  font-family:Helvetica,Arial,sans-serif;
  font-size:13px;
}

div#dyna_fef_page div.dyna_form_label {
  font-family:Helvetica,Arial,sans-serif;
  font-size:14px;
}

div#dyna_fef_page div.dynafef_image_gallery {
  border:1px solid #b5b8c8;
}

div#dyna_fef_page td.dynafef_file_uploaded {
  font-size:14px;
}

div.tx-dynafef-pi4 .image img {
  float:left;
  margin-right:15px;
  margin-bottom:5px;
}

div.tx-dynafef-pi4 .date {
  font-style:italic;
  color:#707070;  
  margin-bottom:5px;
}

div.tx-dynafef-pi4 .where {
  margin:5px 0;
}

section#maincontent p.detail-date {
  font-style:italic;
  color:#707070;  
  float:left;
  margin-right:3px;
  margin-bottom:0;
}

div.tx-feuserloginsystem-pi1 table,
div.tx-feuserloginsystem-pi1 table div,
div.tx-feuserloginsystem-pi1 table td span {
  border:0 !important;
  font-family:Helvetica,Arial,sans-serif !important;
  font-size:14px !important;
  line-height:19px; !imnportant;
}

div.tx-feuserloginsystem-pi1 table td {
  padding-bottom:6px;
}

div#dyna_fef_page div.dynafef_buttons input,
div.tx-feuserloginsystem-pi1 table input {
  background-color:#46ad4b;
  color:#fff;
  font-size:14px !important;
  border:0 !important;
  padding:7px 12px;
}

div#dyna_fef_page div.dynafef_buttons input:hover,
div.tx-feuserloginsystem-pi1 table input:hover {
  background-color:#80c484;
}

div.tx-feuserloginsystem-pi1 table input#user,
div.tx-feuserloginsystem-pi1 table input#pass {
  height:20px;
  width:200px;
  padding:3px;
  border:1px solid #b5b8c8 !important;
  background-color:#fff !important;
  font-family:Helvetica,Arial,sans-serif !important;  
  color:#003b43 !important;  
}

section#maincontent div.tx-dynalist-pi1-pagination {
  text-align:center;
}

section#maincontent div.tx-dynalist-pi1-pagination a.paginate {
  padding:8px 10px;
  background-color: #f8f7f7;  
  color: #003b43;
  margin:0 2px;
}

section#maincontent div.tx-dynalist-pi1-pagination a.current,
section#maincontent div.tx-dynalist-pi1-pagination a.current:hover {
  background-color:#5992cd;    
  color:#fff;
  padding:8px 10px; 
  margin:0 2px;  
}

section#maincontent div.tx-dynalist-pi1-pagination a:hover {
  text-decoration:none;
  background-color:#e1dfdf;
}

div.list-where {
  margin-bottom:5px;
}

div#last-updated {
  margin:0 30px 7px 30px;
  font-style:italic;
  font-size:13px;
  color:#707070;
}

div#c268096 {
  text-align:center;
  margin-top:40px;
}

div#c268096 a {
  text-decoration:none;
  color:#46ad4b;
}

div#c268096 a:hover {
  text-decoration:underline;
  color:#80c484;
}