/*
--------------------------------------------------------------------------------
          _             _____           _         _
    /\   | |           |  __ \         | |       | |         (c) 2015-2016
   /  \  | | _____  __ | |__) | __ ___ | |__  ___| |_        Alex Probst
  / /\ \ | |/ _ \ \/ / |  ___/ '__/ _ \| '_ \/ __| __|       All Rights Reserved
 / ____ \| |  __/>  <  | |   | | | (_) | |_) \__ \ |_        Unauthorized use
/_/    \_\_|\___/_/\_\ |_|   |_|  \___/|_.__/|___/\__|       and redproduction
                                                             is prohibited.
--------------------------------------------------------------------------------
*/

body {
  margin:0;
  padding:0;
  font-family: 'Dosis', sans-serif;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Menu */

ul#menu {
  list-style:none;
  height:45px;
  line-height:43px;
  border-bottom:1px solid gray;
  margin:0;
  padding:0;
  width:100vw;
  font-size:0;
  position:relative;
  background-color: white;
}
ul#menu li {
  list-style:none;
  display:inline-block;
  padding-right:20px;
  padding-left:20px;
  border-right:1px solid gray;
  border-top:3px solid;
  font-size:16px;
  height:42px;
  position:relative;
}
ul#menu li a {
    text-decoration: none;
    color:black;
    width:100%;
    height:100%;
    display:inline-block;
}
ul#menu li a:hover, ul#menu li a:visited {
    text-decoration: none;
    color:black;
}
ul#menu li.noHov:hover a,
ul#menu li.noHov:hover a:hover {
    color:white;
}
ul#menu li:hover {
  position:relative;
  height:38px;
  line-height:34px;
  border-top:7px solid;
  cursor: pointer;
}
ul#menu li.noHov {
  margin-left:0;
}
ul#menu li.noHov a {
    padding-right:40px;
    padding-left:40px;
}
ul#menu li .dropDown {
  display:none;
  z-index: 999;
}
ul#menu li.noHov:hover {
  color:white;
  background-color: black;
  border-color: black;
}
ul#menu li.pushRight {
  float:right;
  border:none;
  border-left:1px solid gray;
}
ul#menu li:hover .dropDown {
  display:block;
  position:absolute;
  margin-top:4px;
  margin-left:-21px;
  width:200px;
  height: auto;
  z-index:101;
  background-color:white;
}
ul#menu li .dropDown ul.DDlist {
  margin:0;
  padding:0;
  border-left:1px solid gray;
  border-right:1px solid gray;
  border-bottom:1px solid gray;
  border-top:1px solid gray;
}
ul#menu li .dropDown ul.DDlist li {
  display:block;
  border:none;
  width:85%;
  border-top:none;
  height:auto;
  line-height:normal;
  padding-top: 10px;
  padding-bottom: 10px;
}
ul#menu li .dropDown ul.DDlist li a:hover {
    text-decoration: underline;
}
ul#menu li .dropDown ul.DDlist li:hover {
  height:auto;
  text-decoration: underline;
  border:0;
}
ul#menu li.pushRight {
  height:45px;
  padding-left:0;
  padding-right:0;
}
ul#menu li.pushRight ul.social {
  font-size:0;
  margin:0;
  padding:0;
}
ul#menu li.pushRight ul.social li {
  height:45px;
  border-top:0;
  line-height:45px;
}
ul#menu li.pushRight ul.social li:hover {
  height:45px;
  border-top:0;
  line-height:45px;
}
[class^="socicon-"]::before, [class*=" socicon-"]::before {
  line-height: 45px !important;
}
ul#menu li.pushRight ul.social li.socicon-facebook,
ul#menu li.pushRight ul.social li.socicon-twitter,
ul#menu li.pushRight ul.social li.socicon-tumblr
{
  font-size:22px;
  line-height:45px !important;
}
ul#menu li.pushRight ul.social li.socicon-facebook:hover {
  background-color:#3e5b98;
  color:white;
}
ul#menu li.pushRight ul.social li.socicon-twitter:hover {
  background-color:#4da7de;
  color:white;
}
ul#menu li.pushRight ul.social li.socicon-tumblr:hover {
  background-color:#35465c;
  color:white;
}

/* content */

.content {
    height:94%;
    overflow: scroll;
    margin-top: 45px;
}

/* pages */
.paper,
.paper_noLeft {
    width:65%;
    height:1150px;
    margin-left:17%;
    border:1px solid black;
    box-shadow: 10px 10px 5px grey;
    margin-top:15px;
    margin-bottom: 15px;
    line-height: 2.5;
    font-family: Verdana, Geneva, sans-serif;
    background-color: white;
    display: inline-block;
}
.paper_noLeft {
    margin-left:1%;
}
.paper .inner,
.paper_noLeft .inner {
    padding:1in;
    padding-top:.75in;
    padding-bottom:.75in;
}
.paper .inner p,
.paper_noLeft .inner p {
    padding:5px;
}
.dlLinks {
    width:20%;
    margin-right: 10%;
    margin-left:15px;
    display:inline-block;
    font-family: Verdana, Geneva, sans-serif;
    background-color: white;
    margin-top: 15px;
    float:right;
    box-shadow: 5px 5px 2px gray;
    position: fixed;
}
.dlLinks .DL {
    display:block;
    height:65px;
    margin-bottom:3px;
}
.dlLinks .DL img {
    height: 64px;
    width: 52px;
    display: inline-block;
    float:left;
    margin-right:5px;
}
.dlLinks .DL .info {
    display:inline-block;
    font-size: 10px;
    line-height: 2;
}
.dlLinks .DL .info a:link,
.dlLinks .DL .info a:visited,
.dlLinks .DL .info a:hover {
    font-size: 18px;
    text-decoration: none;
    color: black;
    font-family: Verdana, Geneva, sans-serif;
}
.dlLinks .DL .info a:hover {
    text-decoration: underline;
}

.dlLinks .sep {
    width:94%;
    margin-left: 3%;
    background-color: gray;
    display:block;
    margin-top:3px;
    margin-bottom:3px;
    height:1px;
}