body {
  background-color:  #508bbe;
  overflow-y: scroll;
}

h1 {
   margin-bottom: -20px;
}

.topNavLink {
   text-decoration: none;
}

#siteHeader {
    font-family: Varela Round, arial, sans-serif;
    font-size: 32px;
    line-height: 1.6em;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
    color: #ffffff;
}

#siteHeaderSubtitle {
     font-family: Varela Round, arial, sans-serif;
    font-size: 12px;
    line-height: 1.6em;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
    color: #ffffff;
}

#pageDiv {
  overflow-y: scroll;
}

#pageContent {
   margin-left: 5%;
   margin-right: 5%;
   color: white;
   
}

#copyrightFooter {
   color: white;
}

hr {
  border-top: 2.5px solid #ffffff;
}

div.fill-screen {
   position: fixed;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   width: 100%;
   z-index: -1;
   overflow-y: visible;
}


#topNav {
   margin-top: 1px;
   /*margin: 0 auto;
   display: block;
   float: center;*/
   display: inline-block;
     /*padding: 30px 20px;*/
     
}

ul.topUl {
   line-height: 0.5;
  text-align: center;
     position: relative; 
     display: inline-block;
}

ul.topUl:before,
ul.topUl:after{
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 3px solid white;
  /*border-top: 1px solid white;*/
  top: 0;
  width: 1000px;
}

ul.topUl:before{
   right: 100%;
  margin-right: -25px;
}

ul.topUl:after {
 left: 100%;
  margin-left: 15px;
}


ul {
  list-style-type: none;
}


body #topNav ul, body #categoryNav ul {
    background-color: #508bbe
}

body #topNav ul > li > a, body #categoryNav ul > li > a {
    border-bottom-color: transparent;
    border-bottom-style: solid
}

body #topNav ul > li.active-link > a, body #categoryNav ul > li.active-link > a {
    color: #000;
    border-bottom-color: #ddd
}

body #topNav a, body #categoryNav a {
    color: #fff
}

body #topNav a:hover, body #categoryNav a:hover {
    color: #000;
    border-bottom-color: #ddd
}

#topNav nav ul, #mobileNav nav ul, #topNav .subnav ul li a, #categoryNav nav ul {
    font-family: Varela Round, arial, sans-serif;
    font-size: 12px;
    line-height: 1.6em;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
    font-weight: normal;
    font-style: normal
}

#topNav nav ul, #mobileNav nav ul, #topNav .subnav ul li, #topNav .subnav ul li a,
#categoryNav nav ul {
    text-decoration: none
}

/*
#topNav nav, #categoryNav nav {
    float: left;
    width: 100%;
    text-align: center
}


#topNav nav ul, #categoryNav nav ul {
    width: auto;
    margin: auto
}

*/
#topNav nav li, #categoryNav nav li {
    float: left;
    position: relative
}

#topNav nav li:not(.filter) + li, #categoryNav nav li:not(.filter) + li {
    margin-left: 30px
}


#topNav nav li a, #categoryNav nav li a {
    display: inline-block
}


#topNav nav ul li.folder-collection > a, #categoryNav nav ul li.folder-collection > a {
    cursor: pointer;
    border-bottom-width: 0 !important
}

#topNav nav ul li.folder-collection .subnav, #categoryNav nav ul li.folder-collection .subnav {
    position: absolute;
    top: 100%;
    left: -15px;
    background: #6a747c;
    height: 0;
    overflow: hidden;
    opacity: 1;
    min-width: 100%;
    z-index: 1000
}

#topNav nav ul li.folder-collection ul, #categoryNav nav ul li.folder-collection ul {
    overflow: hidden;
    padding: .5em 0;
    display: block;
    border-style: solid;
    border-color: #ddd
}

/*
#topNav nav ul li.folder-collection ul li, #categoryNav nav ul li.folder-collection ul li {
    margin: 0;
    display: block;
    width: 100%
}
*/

#topNav nav ul li.folder-collection ul li a, #categoryNav nav ul li.folder-collection ul li a {
    padding: 0;
    margin: 0;
    line-height: normal;
    white-space: nowrap;
    display: block;
    padding: .5em 1em;
    border-width: 0 !important;
    text-align: left
}

.canvas-style-normal #topNav nav, .canvas-style-normal #topNav ul,
.canvas-style-normal #topNav li {
    display: inline-block;
    line-height: 1.6em
}

.canvas-style-normal #topNav .page-divider {
    line-height: 1.6em;
    margin-top: -1.6em;
    margin-bottom: 1.6em;
    font-size: 12px
}


