html {font-size: 100%;}

dl {
   background-color: #f9f9f9;
   overflow: hidden;
   margin: 0;
   border: 1em solid #eee;
   border-top: 0;
   }

dt,
dd {
   float: left;
   text-align: center;
   border-top: 1em solid #eee; /* 1px dashed #ccc; */
   padding: 1em 1%;
   margin: 0;
   }

dt {
   clear: left;
   text-align: left;
   }

.content {max-width: 960px; margin:0 auto;}

.vcenter {
    line-height: 3;
    }

.menu-button {display: none;}

.nav-system {
   position: absolute;
   background-color: transparent;
   }

.nav-main {
   padding: .5em 0 .5em 25px;
   Xbackground-color: #000;
   }

.nav-main li > a {
   Xbackground-color: #000;
   border-top: 0;
   padding: 0;
   }

.nav-main a:hover,
.nav-main a:focus {
    padding: 0;
    border: 0;
   }

.nav-main a span {
   Xbackground-color: #000;
   color: #fff;
   opacity: .8;
   font-family: Verdana, sans-serif;
   }

.nav-main a:hover span {
   opacity: 1;}


.nav-main a .icon {
   Xvisibility: hidden;
   }

.nav-main a:hover .icon,
.nav-main a:focus .icon {
   Xvisibility: visible;
   }

.intro >h4 {
text-transform: none;
font-weight: bold;
}

.intro > h4,
.intro > p {
Xpadding: 0 2em;
padding: 0;
}

.meta-info {
Xborder-top: 1px dashed #ddd;
border-bottom: 1px solid #ddd;
padding: 1em 2em;
margin-bottom: 1em;
text-align: center;
}

.panel {
padding: 1em 2em;
margin-bottom: 3em;
}

.tooltip {
visibility: visible;
}

.h3 {
   margin: 0;
   padding: 0;
   }

.panel--announcements {
   margin: 0 0 3em;
   padding: 2em;
   }

.footer {
   text-align: center;
   padding: 3em .5em;
   }

.footer > p {
   display: block;
   margin: 0 0 .5em;
   }

.back-top {
   position: fixed;
   right: 1.5em;
   bottom: 1.5em;
   }

.link-logo {
   position: static;
   }