/* Integrated static somlev.net layout: one frame, four local sections. */
html, body, div, ul, li, h1, h2, h3, p { margin:0; padding:0; }
html { background:#fff; }
body {
  color:#646464;
  font-family:"Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
  font-size:11px;
  background:#fff;
}
a { color:#222; text-decoration:none; }
a:hover { text-decoration:underline; }
a:active, a:focus { outline:none; }

#wrapper {
  width:980px;
  text-align:left;
  margin:100px auto 0;
}
#header {
  position:relative;
  width:980px;
  height:40px;
  z-index:10;
}
#headertitle {
  position:absolute;
  left:0;
  top:0;
  width:980px;
}
#headertitle h1 {
  font-family:"Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
  font-size:11px;
  line-height:1.2;
  text-align:center;
  font-weight:bold;
  margin:8px 0;
}
#headertitle h1 a { color:#222; }
#headertitle h1 a:hover { text-decoration:none; }

#container {
  position:relative;
  border:1px solid #000;
  width:980px;
  height:590px;
  background:#fff;
  z-index:1;
  box-sizing:content-box;
}
#left_container {
  float:left;
  width:335px;
  height:590px;
  background:#fff;
}
#nav_main {
  position:absolute;
  top:150px;
  left:100px;
}
#nav_main ul {
  display:block;
  position:relative;
  list-style:none;
  width:15em;
  border-right:1px solid #ddd;
  margin-right:10px;
}
#nav_main li {
  display:block;
  position:relative;
  right:5px;
  text-align:right;
  list-style:none;
}
#nav_main a {
  display:block;
  padding:4px 0;
  color:#999;
  font-family:"Times New Roman", Verdana, serif;
  line-height:30px;
  text-transform:none;
  letter-spacing:-0.5px;
  font-weight:normal;
  font-size:140%;
}
#nav_main .active a,
#nav_main a:hover,
#nav_main a:focus { color:#000; }

#stage {
  position:relative;
  overflow:hidden;
  height:590px;
  margin-left:335px;
  width:645px;
  background:#fff;
}
.panel {
  width:645px;
  height:590px;
  box-sizing:border-box;
}
.panel-main img {
  display:block;
  width:645px;
  height:590px;
  object-fit:cover;
}
.panel-content {
  overflow-y:auto;
  padding:38px 46px 46px;
  color:#555;
  font-size:13px;
  line-height:1.6;
  scrollbar-gutter:stable;
}
.panel-content h2 {
  color:#222;
  font-family:"Times New Roman", Georgia, serif;
  font-size:25px;
  line-height:1.25;
  font-weight:normal;
  margin:0 0 18px;
}
.panel-content h3 {
  color:#333;
  font-size:16px;
  margin:22px 0 10px;
}
.panel-content p { margin:0 0 14px; }
.panel-content .meta {
  color:#888;
  font-size:12px;
  margin-bottom:26px !important;
}
.panel-content .article p { text-align:justify; }
.panel-content .links-list { list-style:none; margin-top:18px; padding:0; }
.panel-content .links-list li { border-bottom:1px solid #eee; padding:12px 0; }
.panel-content .links-list a { font-size:15px; }
.panel-content .contact-block { margin-top:24px; font-size:15px; line-height:1.8; }
.panel-content .contact-label { display:inline-block; min-width:92px; color:#888; }
.clr { clear:both; }

#footer {
  position:relative;
  width:980px;
  min-height:18px;
  color:#999;
  font-size:90%;
  line-height:16px;
}
#copy { float:right; margin-right:10px; }
#copyright { float:left; margin-left:10px; }

/* Preserve the historic desktop composition on smaller screens. */
@media (max-width:1000px) {
  #wrapper { width:980px; margin-top:20px; transform-origin:top left; }
  body { overflow-x:auto; }
}
