body  {
  font-family:  Helvetica, Arial, sans-serif;
  font-size:  62.5%;
  background-color: #979A80;
}

#wrapper  {
  background: #FFF url('/assets/images/site/wrapper.png') top left repeat-x;
  overflow: hidden;
}

#masthead {
  margin: 0 auto;
  max-width:  1060px;
  min-width:  960px;
  background: url('/assets/images/site/masthead.png') top center no-repeat;
  height: 300px;
  position: relative;
  z-index:  1;
}
  #masthead h1  {
    margin: 0 auto;
    width:  730px;
    position: relative;
  }
    #masthead h1 a  {
      display:  block;
      width:  740px;
      height: 90px;
      position: absolute;
      top:  40px;
      text-indent:  -100000px;
    }

#navigation {
   width:100%;
   overflow:hidden;
   position:absolute;
   bottom:  40px;
   font-size: 1.4em;
}
  #navigation ul {
     float:left;
     position:relative;
     left:50%;
     text-align:center;
  }
    #navigation ul li {
       display:block;
       float:left;
       position:relative;
       right:50%;
    }
      #navigation ul li a {
        display:block;
        padding:  0.5em 1.3em;
        text-decoration: none;
        color: #FFF;
        text-transform:  uppercase;
        white-space:  nowrap;
      }
      #navigation ul li a:hover,
      #navigation ul li.here a {
        color:  #FF0;
        text-shadow:  #8EC63F 0 0 10px;
      }
      #navigation ul li.here a {
        text-decoration:  underline;
      }

#subnavigation {
   width:100%;
   overflow:hidden;
   position:absolute;
   bottom:  0px;
   font-size: 1.2em;
}
  #subnavigation ul {
    width:  895px;
    margin: 0 auto;
  }
    #subnavigation ul li {
       display:block;
       float:left;
    }
      #subnavigation ul li a {
        display:block;
        padding:  0.5em 1.8em 0.3em 0;
        text-decoration: none;
        color: #379CCD;
      }
      #subnavigation ul li a:hover,
      #subnavigation ul li.here a {
        color:  #000;
        text-shadow:  #DCF1F7 0 0 10px;
      }
      #subnavigation ul li.here a {
        text-decoration:  underline;
      }


#stage  {
  background: url('/assets/images/site/stage.png') top center repeat-y;
  overflow: hidden;
  position: relative;
}

#content,
#context  {
  font-size:  120%;
  line-height:  1.3em;
}

  .article,
  .aside {
    padding:  30px 20px;
  }
  .header {
    margin-bottom:  1em;
  }
    .header h1 {
      font-size:  2.6em;
      font-weight:  normal;
    }
    .header h2 {
      font-size:  1.8em;
      font-weight:  normal;
    }
    .category .header h2 {
      padding-top:  1em;
    }
  .category {
    clear:  left;
    overflow: hidden;
  }
  .body {
    padding:  1em;
    color:  #555;
  }
  .panel  {
    padding:  1em 0;
  }
  .section  {
    margin-bottom:  2em;
    border-bottom:  1px solid #CCC;
    overflow: hidden;
  }
  .listing  {
    margin-top:  2em;
    border-top:  1px solid #CCC;
  }
  .nosub .article,
  .nosub .aside {
    padding-top: 0;
  }
  .nosub .article .header {
    margin-top:  1em;
  }
  .nosub .aside .header  {
    margin-top: 1em;
  }


/* general typography for body text */
  .body h1 {
    font-size:  2em;
  }
  .body h2 {
    font-size:  1.8em;
  }
  .body h3 {
    font-size:  1.5em;
  }
  .body h4 {
    font-size:  1.3em;
  }
  .body h5 {
    font-size:  1.1em;
  }
  .body h1,
  .body h2,
  .body h3,
  .body h4,
  .body h5,
  .body h6  {
    color:  #111;
    margin: 0.5em 0;
    font-weight:  normal;
  }
  
  .body big {
    font-size:  1.3em;
  }
  .body sub,
  .body sup,
  .body small {
    font-size:  0.8em;
  }
  .body sub {
    vertical-align: sub;
  }
  .body sup {
    vertical-align: super;
  }
  .body abbr {
    border-bottom:  1px dotted #999;
  }

  .body p  {
    margin: 0 0 1.5em;
  }
  .body blockquote  {
    margin: 0 1em 2em;
    padding:  1em;
    background: #EEE;
    color:  #555;
  }

  .body a:link {
    color:  #379CCD;
    font-weight:  bold;
    border-bottom:  1px solid #379CCD;
    text-decoration:  none;
  }
  .body h1 a:link,
  .body h2 a:link,
  .body h3 a:link,
  .body h4 a:link,
  .body h5 a:link,
  .body h6 a:link  {
    font-weight:  inherit;
  }
  .body a:visited {
    color:  #379CCD;
    text-decoration:  none;
    font-weight:  inherit;
  }
  .body a:hover,
  .body a:active,
  .body a:focus {
    color:  #21316D;
  }
  .body a:focus  {
    background: #E6E6E6;
  }

  .body ol,
  .body ul {
    margin:  0.5em 2em 2em;
  }
  .body li ol,
  .body li ul {
    margin-bottom:  1em;
  }
  .body li  {
    margin-bottom:  0.5em;
  }
  .body ol>li {
    list-style-type: decimal;
  }
  .body ul>li {
    list-style-type:  circle;
  }
  
  .body dl {
    margin:  0 1em 2em;
  }
  .body dl dt {
    font-weight:  bold;
  }
  .body dl dd {
    margin: 0 0.1em 1em;
    padding:  0 0.5em;
    border-left:  0.5em solid #CCC;
  }
  
  .body table {
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    width:  100%;
    margin:  0 0 2em;
  }
  .body table caption {
    font-weight:  bold;
    margin: 0 0 0.4em;
  }
  .body table th,
  .body table td  {
    text-align: left;
    padding:  0.5em;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
  }
  .body table th  {
    background: #DDD;
    padding-bottom: 0.4em;
  }
  .body table tr.even td  {
    background: #FFF;
  }
  
  .body hr  {
    margin: 0 0 2em;
    border: none;
    border-bottom: 1px solid #999;
  }
  .body address  {
    margin: 0;
    font-style: normal;
  }




  .body .news_article .date,
  .panel .archive li .date,
  .panel .downloads li .information,
  .header .date {
    color:  #999;
  }
  .body .news_article .date {
    font-weight:  bold;
    margin-bottom:  1em;
    margin-top: -2px;
  }
  .panel .archive li .date,
  .panel .downloads li .information  {
    display:  block;
  }
  .header .date {
    font-weight:  bold;
    margin-top: 0.5em;
    margin-bottom:  1em;
  }
  .header p {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    padding:  1em;
    font-weight:  bold;
    color:  #666;
  }
  .body .news_article div.more,
  .body .archive div.more {
    margin-top: -1em;
    margin-bottom:  1em;
    text-align: right;
  }
    
  .body .job_vacancy ul.information {
    margin: -0.5em 1em 1em;
    clear:  left;
  }
  .body .job_vacancy ul.information li  {
    list-style: none;
  }
  .body .job_vacancy ul.information .date {
    background: #FFC;
    padding:  0.5em;
    margin: -0.5em;
  }
  
  
  .body .more a:link,
  .body .downloads a:link {
    border-bottom:  none;
    display:  block;
  }
  .listing .icon {
    width:  90px;
    height: 90px;
    border: 3px solid #EBEAE0;
    float:  right;
    margin-left:  1em;
    margin-bottom:  1em;
    -webkit-border-radius:  1em;
    -moz-border-radius:  1em;
  }
    .listing .icon {
      text-indent:  -100000px;
    }

  .panel .archive li  {
    margin-bottom:  1em;
  }
  .body .downloads h3  {
    font-size:  1em;
    margin: 1.5em 0.5em 0.8em;
    padding:  0.2em 0.5em;
    background: #EEE;
    color:  #999;
  }
  .body .downloads li  {
    list-style: none;
  }
  .body .downloads li a {
    display:  block;
    margin-left:  -20px;
    padding-left: 20px;
    background: url('/assets/images/icons/document.gif') 0.5em 0.15em no-repeat;
  }

  .body form  {
    margin: 2em 0;
    font-size:  1.2em;
  }
  .body form ol.fields,
  .body form ol.buttons,
  .body form ol.fields li,
  .body form ol.buttons li {
    list-style: none;
    margin: 0;
    overflow: hidden;
  }
  .body form ol.fields li {
    float:  left;
    clear:  left;
    margin-bottom:  1em;
    width:  100%;
    overflow: hidden;
  }
  .body form ol.buttons {
    overflow: hidden;
    margin-top: 1.5em;
  }
    .body form ol.buttons li {
      float:  right;
      margin-right: 1.5em;
    }
    .body form ol.fields li label {
      display:  block;
      width:  120px;
      font-weight:  normal;
      color:  #999;
      float:  left;
      line-height:  2em;
      margin: 0 1em;
    }
      .body form ol.fields li.required label {
        color:  #666;
      }
      .body form ol.fields li.error label {
        color:  #600;
      }
    .body form .field {
      width:  280px;
      padding:  0.2em;
      line-height:  1.3em;
      font-family:  Helvetica, Arial, sans-serif;
      color:  #666;
      border: 1px solid #CCC;
      font-size:  1em;
    }
      .body form .required .field {
        border-color: #AAA;
      }
      .body form .error .field {
        border-color: #A66;
        -webkit-box-shadow: #CC9 0 1px 3px;
        -moz-box-shadow: #CC9 0 1px 3px;
      }
    .body form textarea.field {
      height: 6em;
    }
    .body form .field:focus {
      color:  #333;
      border: 1px solid #979A80;
      -webkit-box-shadow: #979A80 0 1px 3px;
      -moz-box-shadow: #979A80 0 1px 3px;
    }

#context  {
}

#context .images {
  padding-top: 0;
  float:  left;
  width:  100%;
  overflow: hidden;
}
  #context .images .image {
    border: 3px solid #EBEAE0;
    float:  left;
    margin-bottom:   0.5em;
    -webkit-border-radius:  1em;
    -moz-border-radius:  1em;
  }
  #context .images .gallery .image {
    margin: 0.5em;
  }

.map  {
  margin-top: 1em;
  margin-bottom: 3em;
  width:  354px;
  padding:  1px;
  border: 1px solid #999;
  height: 354px;
}
.map #map  {
  width:  352px;
  height: 352px;
  border: 1px solid #CCC;
}
.infowindow {
  font-size:  13px;
}

#footer {
  background: url('/assets/images/site/footer.png') top center repeat-x;
  overflow: hidden;
}

#footnote {
  background: url('/assets/images/site/footnote.png') top center no-repeat;
  padding-top:  40px;
  padding-bottom:  10px;
  overflow: hidden;
  font-size:  1.2em;
}
  #footnote h2,
  #footnote .navigation,
  #footnote .navigation ul,
  #footnote .navigation li,
  #footnote .navigation li a  {
    display: inline;
    line-height:  2em;
    color:  #FFF;
    font-weight:  normal;
  }
  #footnote h2,
  #footnote .navigation li  {
    padding-left: 10px;
    padding-right:  10px;
  }
  #footnote h2  {
    padding-left: 20px;
  }
  #footnote .navigation li  {
    border-left:  1px solid #E4E2D4;
  }
  #footnote .navigation li a  {
    color:  #E4E2D4;
  }
  #footnote .navigation li a:hover  {
    color:  #FFF;
  }


#cover #masthead  {
  height: 275px;
}
  #cover #masthead #navigation  {
    bottom:  15px;
  }
#skirt  {
  background: url('/assets/images/site/skirt.png') top center no-repeat;
  overflow: hidden;
}
#welcome {
  background: url('/assets/images/site/skirt.png') top center no-repeat;
}
  #welcome .panel  {
    margin: 0 20px;
    height: 220px;
    background-color: #F4F1E8;
    position: relative;
    overflow: hidden;
    padding:  0;
  }
    #welcome .panel .roundedmask  {
      position: absolute;
      top:  0;
      left: 0;
      width:  940px;
      height: 10px;
      background: url('/assets/images/site/roundedmask-trans.png') top left no-repeat;
    }
    #welcome .panel img.cover {
      float:  left;
      margin-right: 20px;
      display:  block;
      width:  320px;
      height: 220px;
    }
    #welcome .panel .body {
      font-size:  1.2em;
      line-height:  1.3em;
      margin: 0 20px 30px;
      color:  #666;
    }
    #welcome .panel .body h1 {
      font-size:  2.2em;
      color:  #333;
    }
    #welcome .panel .body .summary {
      color:  #FF3B00;
    }
    #welcome .panel .body .more a {
      display:  block;
      background: #FF1700;
      float:  left;
      padding:  0.3em 1em;
      color:  #FFF;
      -webkit-transition: background-color 0.2s ease;
      -webkit-border-radius:  0.5em;
      -moz-border-radius:  0.5em;
    }
    #welcome .panel .body .more a:hover {
      background-color:  #900;
    }

#cover .block  {
  float:  left;
}
#cover .block .body  {
  font-size:  1.2em;
  line-height:  1.3em;
  color:  #666;
}
#cover .block .body h2 {
  font-size:  1.8em;
  line-height:  1.2em;
  color:  #333;
}
#cover .block .body .more  {
  margin-bottom:  0;
}
#cover .strap {
  margin: 10px 20px 0;
  float:  left;
  clear:  left;
  overflow: hidden;
}
  #cover .strap .cover {
    display:  block;
    float:  right;
    margin: 20px 10px 10px 10px;
  }
  #cover .strap .first  {
    width:  469px;
    margin-right: 5px;
    padding-right:  10px;
    border-right: 1px solid #EEE;
  }
  #cover .strap .second  {
    width:  430px;
  }

#cover .third  {
  margin: 0 20px;
  width:  565px;
  margin-right: 5px;
}
  #cover .third .body img  {
    display:  block;
    float:  left;
    margin-right: 20px;
    margin-top: 10px;
    height: 120px;
    width:  120px;
  }
#cover .fourth  {
  margin-top: 10px;
  background: #EEE;
  width:  340px;
  height: 200px;
}