.main { max-width: 1200px; width: 100%; margin: auto; overflow: none }

.h1_div { text-align: center; padding-bottom: 30px }
h1 {
  font-size: 20pt;
  line-height: 1.2em;
  color: rgb( 0, 119, 212);
}
.h1_wiki {
  line-height: 2.2em;
  border-bottom: 2px solid #CC3333;
  display: inline;
  padding-bottom: 15px;
}
h2 { font-size: 18pt; color: rgb(0, 77, 109); padding: 10px; text-align: center; line-height: 1.2em; }
h3 { font-size: 16pt; color: rgb( 0, 119, 212); line-height: 1.2em; text-align: center }
h4 { font-size: 15pt; color: rgb( 0, 119, 212); line-height: 1.2em; text-align: left; margin-bottom: 0; }
p { font-size: 13pt; line-height: 1.5em }

a, a:visited { color: #0075D3; text-decoration: none }
a:hover { color: #ED5337; text-decoration: underline }

.bgorange { background: #CC3333 }
.corange { color: #CC3333 }
.bgblue { background: #004984 }
.bgdblue { background: #0075D3 }
.cblue { color: #004984 }
.cdblue { color: #0075D3 }
.orangeclearline { clear: both; width: 100%; height: 2px; background: #CC3333 }

a.anchor {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}

quote {
  text-align: center;
  font-size: 16pt;
  font-weight: bold;
  display: block;
  font-style: italic;
  color: #004984;
  max-width: 50%; margin: auto
}

.langswitch { font-size: 9pt; overflow: hidden }
.langswitch a:link, .langswitch a:visited { color: #888; text-decoration: none }
.langswitch a:hover { color: #CC3333; text-decoration: none;  }
.langswitch ul {
    margin: 0 0 10px 0;
    padding: 0;
    list-style-type: none;
}
.langswitch li {
    float: left;
    padding: 0 7px 0 5px;
    line-height: 29px;
    background: transparent url(/unesco/bg_li_languagechoice.gif) no-repeat 100% 14px;
}
.langswitch li.last {
    padding-right: 0;
    background: none;
}
.idpic { width: 40px; height: 40px; border-radius: 20px; margin: 5px 8px 3px 8px }
.idpicmob { width: 30px; height: 30px; border-radius: 25px; margin-top: -3px }
a.awhite, a.white:visited { color: white; text-decoration: none }
a.white:hover { color: white; text-decoration: none }

.fundedimg { height: 120px }

#mobile_header { display: none }
#mobile_men { display: none; background: #f6f6f6; line-height: 1.8em; z-index: 200; position: sticky; top: 50px; width: 100% }
#mobile_men h3 { color: #CC3333; text-align: left; margin-bottom: 0; margin-top: 5px; margin-left: 5px; font-size: 15pt }
#mobile_men h3 a:link { color: #CC3333; text-decoration: none }
#mobile_men h3 a:visited { color: #CC3333; text-decoration: none }
#mobile_men h3 a:hover { color: #CC3333; text-decoration: underline }
#mobile_men p { margin: 0 5px 0 5px; font-size: 11pt; line-height: 1.5em }
#mobile_men p a:link { color: #444; text-decoration: none }
#mobile_men p a:visited { color: #444; text-decoration: none }
#mobile_men p a:hover { color: #444; text-decoration: underline }
#mobile_men hr { color: #eee }
#mobile_men_inner { padding: 0 5px 5px 5px; z-index: 201; width: 100%; height: 500px; overflow: scroll }
#idandsearch { float: right; width: 140px; margin-right: 10px; }

.slidenav { margin-top: 10px; font-size: 7px }
.slidenav a { border: 1px solid #CC3333; border-radius: 15px; background: #fff; color: #fff; text-decoration: none; margin: 0 5px; padding: 3px 5px;  }
.slidenav a.activeSlide { background: #CC3333; color: #CC3333; }
.slidenav a:focus { outline: none; }

.imgongray {
  background: #f8f8f8; padding-top: 50px;
}

#menubar { background: #004984; width: 100%; height: 52px; text-align: center; z-index: 248; position: sticky; top: 29px }
#menubar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  max-width: 900px;
  margin: auto;
  width: auto;
}
#menubar li { float: left; text-align: center; font-size: 16pt;  }
#menubar li a, .dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
#menubar li a:hover {
  background-color: #CC3333;
}
.deepmen  {
  display: none;
  position: absolute;
  background-color: #f0f0f0;
  width: 100%;
  z-index: 250;
  position: absolute;
  left: 0;
  box-shadow: 0px 6px 5px 0px #666;
  font-size: 85%
}
.deepmen_story { padding-left: 15px; }
.deepmen_story div { font-size: 11pt; line-height: 1.2em }

.deepshow_div { width: auto; max-width: 400px; float: left; text-align: left; margin: auto; padding-right: 40px }
.deepshow_div_last { padding-right: 0 !important }
.deepshow_div h3 { color: #CC3333; text-align: left; margin-bottom: 0px }
.deepshow_div p { margin-top: 10px }
.deepshow_div a:link, .deepshow_div a:visited {
  color: #444 !important;
  text-decoration: none;
  padding: 0 !important;
}
#deepshow_pic a {
  padding: 0 !important;
}
.deep_single {
  max-width: 450px;
}
.deepshow_div a:hover {
  color: #fff !important;
  text-decoration: none;
  background-color: #CC3333;
}

.deepshow:hover > div.deepmen {
  display: inherit;
}
#deepshow_pic:hover > div.deepmen {
  display: inherit;
}

#menubar_spacer { height: 10px }

#footer_col1 { width: 40%; min-width: 250px; float: left }
#footer_col2 { width: 29%; min-width: 250px; float: left; text-align: center }
#footer_col3 { width: 30%; min-width: 250px; float: left; text-align: right }

.start_quote { font-size: 26pt;line-height: 1.5em; }
.slidebox1 { height: 400px; width: 100%; max-width: 75%; margin-right: 15px }
.forummain { max-width: 900px; text-align: left; margin: auto; float: left; position: relative; margin-left: 25px }

a.link_button {
  line-height: 1;
  color: white;
  cursor: pointer;
  font-weight: bold;
  font-size: 1rem;
  background-color: rgb(140,198,63);
  border-radius: 5px;
  border-width: 0;
  text-decoration: none;
  padding: 16px 24px;
  width: auto;
  text-align: center;
}
a.link_button:hover {
  background-color: rgb(0,41,78);
  transition: background-color 0.4s;
}

.webinartable td { margin: 2px; padding: 2px; background: #cef }
td.wikitable-head {background: #ccc }

.wikitable {
  border-spacing: 0px;
}
.wikitable td {
  vertical-align: top;
  padding: 0
}

.timelinetable {
  border-spacing: 0px;
}
.timelinetable td {
  vertical-align: top;
  padding: 0;
  line-height: 0.7
}

@media screen and (max-width: 695px), screen and (max-height: 500px) {
  .main { overflow: auto }
  #desktop_header { display: none }
  #menubar { display: none }
  #menubar_spacer { display: none }
  #mobile_header { display: block; z-index: 255 }
  .fundedimg { height: 50px }
  .langswitch a:link, .langswitch a:visited { color: #fff; text-decoration: none }
  #footer_col1 { width: 100%; float: none }
  #footer_col2 { width: 100%; float: none }
  #footer_col3 { width: 100%; float: none }
  .start_quote { font-size: 20pt; min-width: 280px }
  .slidebox1 { width: 100%; max-width: 100%; height: auto; margin-right: 0; margin-bottom: 15px }
  .forummain { float: none; }
  .h1_div { padding-bottom: 5px }
  .h1_wiki { line-height: 1.2em; border-bottom: 0; display: block; padding-bottom: 5px; }
}
@media screen and (max-width: 750px) {
  #idandsearch { width: 110px; margin-right: 0px; }
}
@media screen and (max-width: 900px) {
  .deepmen_story { display: none }
}
@media screen and (max-width: 970px) {
  #menubar ul { padding-left: 0px }
  #menubar li { font-size: 12pt; }
  #menubar li a, .dropbtn { padding: 14px 10px; }
}