html,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
body {
  font-family: Arimo, Arial, sans-serif;
  background: #fff;
  color: #333333;
  font-size: 15px;
}
.cke_editable {
  padding: 20px;
}
p {
  line-height: 25px;
  font-size: 15px;
  margin: 0;
  padding: 5px 0;
}
p img {
  width: 100%;
}
a,
a:visited {
  text-decoration: none;
  color: #6C6B3B;
  font-weight: bold;
}
a:hover {
  text-decoration: underline;
}
h1 {
  font-size: 28px;
  font-weight: normal;
  margin-top: 18px;
  margin-bottom: 24px;
}
h2 {
  font-weight: normal;
  font-size: 28px;
  line-height: 150%;
}
h1:before,
h2:before {
  content: "";
  display: block;
  background: #6C6B3B;
  margin-bottom: 20px;
  position: relative;
  height: 5px;
  width: 100px;
}
hr {
  border: none;
  height: 5px;
  width: 100px;
  display: inline-block;
  background: black;
}
.site-width {
  max-width: 1024px;
  min-width: 320px;
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px;
}
.text-width {
  width: 80%;
}
@media (max-width: 900px) {
  .text-width {
    width: 100%;
  }
}
.bg-main {
  background: #fff;
}
.bg-main h2:before {
  background: #ffd500;
}
.bg-light {
  background: #f5f5f5;
}
.bg-light h2:before {
  background: #6C6B3B;
}
.bg-dark {
  background: #6C6B3B;
  color: #fff;
}
.bg-dark h2:before {
  background: #fff;
}
.bg-dark h2 a,
.bg-dark h2 a:visited {
  color: #fff;
}
.bg-alt {
  background: #ffd500;
  color: black;
}
.elrc-logo {
  color: #6C6B3B;
  font-weight: bold;
  text-align: right;
  font-size: 16px;
}
@media (max-width: 1100px) {
  .elrc-logo p {
    display: none;
  }
}
.elrc-logo img {
  text-align: center;
}
@media (max-width: 800px) {
  .elrc-logo img {
    display: none;
  }
}
#header {
  padding: 10px;
  padding-top: 1px;
  padding-bottom: 0;
  margin-bottom: 8px;
}
#header .region {
  height: 40px;
  font-size: 12px;
  margin-bottom: 10px;
}
@media (max-width: 1050px) {
  #header .region {
    margin-bottom: 20px;
  }
}
@media (max-width: 570px) {
  #header .region {
    margin-bottom: 20px;
  }
}
#header .region select {
  margin: 5px 0;
  padding: 3px 10px;
  float: right;
  font-size: 14px;
}
#header .region h2 {
  display: none;
}
#header .region ul {
  text-align: right;
}
#header .region ul li {
  display: inline-block;
  list-style-type: none;
  margin-left: 20px;
}
#header .region ul li a,
#header .region ul li a:visited {
  font-weight: normal;
  color: black;
}
#header .region ul li.active a {
  font-weight: bold;
}
#header nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#header nav ul li {
  list-style-type: none;
  list-style-image: none;
  display: inline-block;
}
#header nav .menu {
  margin-top: 10px;
}
@media (max-width: 1050px) {
  #header nav .menu {
    margin-top: 20px;
  }
}
@media (max-width: 570px) {
  #header nav .menu {
    margin-top: 0px;
    margin-bottom: 15px;
  }
}
#header nav .menu li {
  margin-right: 10px;
  font-size: 14px;
  margin-bottom: 10px;
}
#header nav .menu a,
#header nav .menu a:visited {
  color: #333333;
  font-weight: bold;
}
#header nav .menu .active-trail a {
  color: #6C6B3B;
  padding-bottom: 3px;
  border-bottom: 2px solid #6C6B3B;
}
#header a:hover {
  text-decoration: none;
}
#footer {
  background: #c1c7cb;
  min-height: 200px;
  color: #000;
  padding-top: 30px;
  padding-bottom: 0px;
}
#footer .button {
  position: relative;
  top: 30px;
}
#footer h1,
#footer h2 {
  margin: 0;
}
#footer h1:before,
#footer h2:before {
  display: none;
}
#footer h1 {
  margin-top: 20px;
  font-size: 24px;
}
#footer h2 {
  font-size: 14px;
  margin-top: 10px;
}
#footer nav {
  margin-left: -7px;
  padding-bottom: 20px;
}
#footer nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#footer nav ul li {
  list-style-type: none;
  list-style-image: none;
  display: inline-block;
}
#footer nav .menu {
  margin-top: 30px;
}
#footer nav .menu li {
  margin-right: 10px;
  font-size: 14px;
}
#footer nav .menu a,
#footer nav .menu a:visited {
  color: #000;
  font-weight: bold;
}
#copyright {
  color: #888;
  border-top: 1px solid #ddd;
}
.page .title {
  background: url(../img/flags.jpg) no-repeat center center fixed;
  background-size: cover;
  color: white;
  padding-top: 50px;
  padding-bottom: 150px;
}
.page .title h1 {
  margin: 40px 0;
  font-size: 48px;
  text-shadow: 1px 1px #000;
  width: 70%;
}
.page .title h1:before {
  background: #ffd500;
}
.spacer {
  display: block;
  height: 50px;
}
.anti-spacer {
  height: 50px;
  margin-top: -100px;
}
.cke_editable .anti-spacer {
  height: 10px;
  margin-top: 0px;
}
table,
table.views-table {
  width: 100%;
  margin: 30px 0;
}
table tbody,
table.views-table tbody {
  border-top: 1px solid #ccc;
}
table tr.even,
table.views-table tr.even,
table tr.odd,
table.views-table tr.odd {
  background: #fff;
}
table td,
table.views-table td,
table th,
table.views-table th {
  border-bottom: 1px solid #ccc;
  padding: 10px 10px;
}
table td.highlight,
table.views-table td.highlight {
  font-size: 150%;
}
table td.active,
table.views-table td.active {
  background: rgba(255, 213, 0, 0.5);
}
table td.action,
table.views-table td.action {
  text-align: right;
}
table td a,
table.views-table td a {
  font-weight: normal;
}
@media (max-width: 650px) {
  table td,
  table.views-table td,
  table th,
  table.views-table th {
    padding: 3px 3px;
  }
  table .button,
  table.views-table .button {
    min-width: 80px;
    padding: 5px 10px;
  }
}
@media (max-width: 480px) {
  table th,
  table.views-table th,
  table td,
  table.views-table td,
  table td.highlight,
  table.views-table td.highlight,
  table .button,
  table.views-table .button,
  table span,
  table.views-table span {
    font-size: 12px !important;
  }
}
#map {
  width: 100%;
  height: 400px;
}
#map h1:before,
#map h2:before,
#map h3:before {
  display: none;
}
a #map,
a:visited #map {
  color: black;
}
.button,
span.button {
  display: inline-block;
  border-radius: 20px;
  padding: 12px 20px;
  font-weight: bold;
  min-width: 200px;
  font-size: 13px;
  text-align: left;
  margin-right: 10px;
  margin-bottom: 5px;
  line-height: 100%;
}
.button:after,
span.button:after {
  content: "▶";
  float: right;
  margin-left: 8px;
  font-size: 10px;
}
.button.button-action,
span.button.button-action {
  background: #ffd500;
  color: #333333;
}
.button.button-info,
span.button.button-info {
  background: #6C6B3B;
  color: #fff;
}
span.caption {
  color: #888;
  font-size: 12px;
  line-height: 150%;
  margin-top: 10px;
  display: inline-block;
}
span.bigger {
  font-size: 150%;
}
div.cols-2-left {
  padding-right: 10px;
}
div.cols-2-right {
  padding-left: 10px;
}

#header { padding-top: 10px; margin-bottom: 0; padding-bottom: 8px; }
#header .menu ul, #footer .menu ul { display: none; }
#header nav .menu { margin-top: 20px; }
h1:before, h2:before { display: none; }
h2 { margin-top: 30px; }
h3 { margin-top: 10px; }
h2:first-child { margin-top: 0px; }
.region-sidebar h2 { display: none; }
.region-sidebar .menu li { list-style-type: disc; list-style-image: none; }
.region-sidebar .menu a { font-weight: normal; }
#content .title.no-img { background: #6C6B3B; padding: 20px 0px; }
#content .title.no-img h1 { text-shadow: none; }
.frontpage { display: none; }
.page-node-1 .title h1 { font-size: 78px; }
.page-node-1 .title h1 { background: rgba(80,77,16,0.6); padding: 10px; width: auto; }
.page-node-1 .title { padding: 50px 0; }
.page-node-1 .frontpage { display: block; } 
.page-node-1 .frontpage p { display: block; font-size: 36px; line-height: 150%; text-shadow: 1px 1px #000; background: rgba(0,0,0,0.45); padding: 20px; margin: 5px 0; } 
.page-node-1 .frontpage p.pre { font-size: 24px; padding: 5px 20px; }
.page-node-1 .frontpage p.prelocation { font-size: 24px; padding: 5px 20px; }
.page-node-1 .frontpage p.location { font-size: 24px; }
.subnav { background: #003E62; }
.subnav ul { margin: 0; padding: 0; }
.subnav li { display: inline-block; list-style-type: none; padding: 20px 10px; padding-left: 0; }
.subnav a { color: #BFD2DE; }
.subnav li.active a { color: white; }
.content li { line-height: 25px; }
p img { width: auto; }
p.organized-by-logos img { padding-left: 15px; padding-top: 5px; padding-bottom: 5px; height: 40px; }
p.organized-by-logos { text-align: right; }
#footer h3 { text-align: right; margin-bottom: 10px; font-weight: normal; }
@media (max-width: 900px) { #footer h3 { text-align: center; } p.organized-by-logos { text-align: center; } p.organized-by-logos img { padding-left: 5px; padding-right: 5px; } }
p.promo { font-size: 20px; line-height: 29px; margin-bottom: 20px; }
p.button-only { margin-top: 10px; }
img.shadow { -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; margin-top: 10px; display: inline-block; }
#copyright img.twitter { padding: 0 10px; position: relative; top: 3px; }
.content img { max-width: 100%; }
.spacer { height: 25px; }
/* #header { background: #cccc99; } */
body.test-env #header { background: #FFDAED; }
#footer { padding-bottom: 5px; padding-top: 1px; }
#footer nav { padding-bottom: 10px; }
#footer { min-height: auto; }
.webform-client-form label { margin-bottom: 5px; }
.webform-client-form .description { margin-top: 5px; }
body.page-node-11 h3 { margin-top: 30px; margin-bottom: -15px; margin-left: 8px; }
@media (max-width: 900px) {
  #header nav .menu { margin-top: 20px; }
  .subnav ul.menu { padding-top: 20px; padding-bottom: 20px; }
  .subnav ul.menu li { padding: 3px 5px; }
  #footer nav ul { text-align: center; }
  #footer nav ul li { padding: 8px 0; }
  #footer h3 { margin-top: 50px; }
  #footer h1 { margin-top: 30px; }
  #footer h1, #footer h2 { text-align: center; }
}
@media (max-width: 768px) {
  #header nav .menu { margin-top: 20px; }
  #header nav .menu li { margin-right: 0px; }
}
.organized-by {
  position: relative;
  margin-top: 5px;  
}
.organized-by h3 {
  position: relative;
  left: -150px;
}

@media (max-width: 1200px) {
  .organized-by h3 {
    left: 0;
    text-align: center;
  }
}

@media (max-width: 500px) { 
  #content .title.no-img { padding: 20px 0px; } 
  #content .title.no-img h1 { margin: 0; font-size: 36px; }
  #content .title h1 { font-size: 44px; }
}

* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	margin: 0 auto -155px; /* the bottom margin is the negative value of the footer's height */
}
#footer-wrapper, .push {
	height: 155px; /* '.push' must be the same height as 'footer' */
}
