.menu {
  float:          right ;   
}

.menu ul {
  visibility:    hidden ;   
  position:    absolute ;  
  display: inline-block ;
  opacity:            0 ;
  z-index:            1 ;
  top:              5px ;
  min-width:      150px ;
}

.menu ul:before, .menu ul:after {
  position:    absolute ;

  top:            -12px ;
  left:            55px ;
  width:              0 ;
  height:          10px ;
  content:           '' ;
}

.menu li {
  display: inline-block ;  
  position:    relative ;  
  text-align:    center ; 
}

.menu > li:hover ul {
  visibility:   visible ;  
  display:        block ;
  opacity:            1 ;
}


.menublock ul, .menublock li {
  list-style:      none ;
}
.menublock li a {
  list-style:      disk ;
}


.Dropli {
  display:         none ;
  position:       fixed ; 
}

.Dropli li{
  clear:           left ;
  width:           100% ;
}

.hrli, .lihr {
  margin-left:      0px ;
  width:            80% ;
  max-width:      180px ;
  border:             0 ;
  height:             0 ;
  border-bottom: 1px solid ;  
}
.hrli { 
  margin-left:     40px ;}

#StickyNav {
  display:        block ;
  width:           100% ;  
  z-index:           -5 ;  
}

.NavBar {
  position:    relative ;
  display:        block ;  
  width:           100% ;
  float:           left ;
  z-index:           20 ; 
  min-height:      45px ;
  background: rgb(233, 230, 223) ;
  color:        #1e527d ; 
}

.NavBar .menu {
  float:          right ;
  margin:             0 ;
  padding:            0 ;
} 

.NavBar .menu ul {
  padding:        8px 0 ;
  top:             20px ;
  left:           -35px ;
}

.NavBar li, .NavBar a {
  display:        block ;
  text-decoration: none ; 
  list-style:      none ; 
  float:           left ;
  text-align:    center ;
  padding:          5px ;
}

.NavBar a {
  padding:    10px 18px ;
  width:           100% ;
}

.NavBar hr {
  min-width:      100px ;
  margin-left:      5px ;  
} 


.NavBar .wikilink, .NavBar .selflink {
  padding-top:      8px ;
}

.NavBar .Menu li,  .NavBar .Dropli{
  margin:           6px ;  
  padding: 0 1px 19px 0 ;  
  text-align:    center ;  
}

#Headline {
  padding: 4px 4px 1px 1px ;
  text-align:      left ; 
}

#Monogram {   
  font-size:       36px ; 
}
#Monogram a {   
  text-decoration: none ;
}


#groupnav, #groupsplash{
  background-color: transparent ;  
  min-height:      23vh ;  
}
#groupsplash{
  display:         none ;
  float:          right ;
}
#groupnav{ 
  margin:        28px 0 ;
  float:          right ;
}
#groupnav a{
  width:           100% ;
  text-decoration: none ;
  display:        block ;
  float:          right ;  
}
#groupnav ul {
  display: inline-block ;  
  min-width:       100% ;
  padding:        8px 0 ;
  margin:             0 ;
  top:             24px ;
  left:           135px ;
}
#groupnav ul a {
  padding:    10px 18px ;}
#groupnav li {
    min-width:    165px ;
    padding:        1px ;
    padding-right: 12px ;
    text-align:   right ;
    display:      block ;
    clear:         both ;
}
#groupnav .Dropli{
  left:           110px ;}
#groupnav .hrli{
  display: inline-block ;
  float:          right ;}   
#groupnav li:before, #groupnav li:after {
  position:    absolute ;
  height:          10px ;
  content:           '' ;
}
#groupnav .wikilink, #groupnav .selflink {
  padding:          5px ;
  padding-top:     12px ;
}

#groupend img {
  margin-top:   180px ;
}
.sticky {
  position:          fixed ;  
  top:                   0 ;
}

/*********************************************\
    R E S P O N S I V E   S E T T I N G S :
\*********************************************/

@media screen and (max-width: 1200px) {
  #groupnav {
    padding: 0px ;  
  }  
  #groupnav li {
    padding-right: 4px ;   
  }
}

@media screen and (min-width: 801px) {
    #StickyNav{
      display:    block ;}    
    #MiniNav{
      display:     none ;}     
}

@media screen and (max-width: 800px) {
    #StickyNav{
      display:     none ;}    
    #MiniNav{
      display:    block ;}     
}