@charset "utf-8";

/* ---------- LAYOUT */

html { height:100%; }

body
{
  position:relative;
  min-height:100%;
}

#header
{
  padding:0;
  margin:0;
  height:200px;
  position:relative;
  background:url(/images/bg/header.jpg) no-repeat 195px 0;

}


#header #logo
{
  width:330px;
  position:absolute;
  top:45px;
  left:25px;
}

#header #support-tools
{
  position:absolute;
  right:0;
  top:20px;
  width:221px;
}


#wrapper
{
  width:1000px;
  margin:0 auto;
}

#content
{
  font-size:90%;
  line-height:160%;
  margin-top:20px; 
  padding:3em;
  background-color:#fff;
  border-radius:8px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 3em;
}

.feature
{
  margin-bottom:2em;
}

#footer
{
  font-size:85%;
  color:#fff;
  text-align:center;
  margin:1em 0;
}


#content-main
{
flex: 1;
 order: 2;
}

#print-header, #print-footer  { display:none; }


/* ****** L E F T ************************************************************* */

#left
{
  width:195px;
  order: 1;
}

/* ****** R I G H T *********************************************************** */

#right
{
  width:195px;
  order: 3;
}


/* ****** C L E A R I N G   E L E M E N T ************************************** */


body#events #content dd:after,
#multimedia #content-main ol li:after,
{
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}