body {margin:0; padding: 0;
font-family: 'Josefin Slab', serif;
 }



#centerdcontent 
{position: absolute;
 top: 100px;
 width: 50%;
 margin-left: 40px;
 padding: 29px;
 background-color: #fff;
 height: 100vh;
 overflow: scroll;
 border-radius: 5px;
}



.flexslider .slides > li { 
  background-position: center;
  height: 100%;
  width: 100%;
  display: none; 
  -webkit-backface-visibility: hidden  !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}

.flexslider-container, 
.flexslider .slides, 
.flex-viewport {
    height: 100%;
}

.flexslider {
    margin: 0 !important;
  }

html, 
body {
  height: 100%;
  min-height: 100%;
}

body {
  position: relative;
  margin: 0;
  padding: 0;
}

h2 {
    font-size: 1.4vw;
    font-weight: 600;

}
p {
    font-size: 1.2vw;
    font-weight: 400;

}

a {
color: green;
text-decoration: none;
}

p.eventdate {
  margin-bottom: 2px;
  padding-bottom: 1px;
  font-size: 1.3vw;
}

h3.eventlisting {  
  margin: 2px;
  padding:; 1px;
  font-size: 1.3vw;
  margin-bottom: 2px;
}
p.eventlisting {  
  display: block;
  width: 100%;
  margin-top: 2px;
  padding-top: 1px;
font-size: 1.2vw;
  margin-bottom: 2px;
  padding-bottom: 1px;
}
p.descriptiver {margin-top: 0px;}
a.descriptivea {
  margin-top: 0px; 
  display: block;
  width: 100%;
  text-align: right;
}


a.morelink {text-indent: 3vw;}

#nav ul li h3.subtitle {margin: 0;}

h3.subtitle {margin-bottom: 0px;
margin-top: 2px;
}

#maincontent {
position: fixed;
top: 0px;
width: 30vw;
height: auto;
max-height:95vh;
display: inline-block;
left: 65vw;
background-color: #fff;
opacity: 0.7;
padding: 20px;
  transition: all 1.2s ease;
      overflow-y: scroll;

}

#maincontent:hover {

/* left: 40vw; */
opacity: 0.9;
}

/*   Navi Screen */

nav.menu { 
  width: 60vw; 
  position: fixed; 
  display: inline-block; 
  left: 0px; 
  height: 5vh;
  top: 1px;
}

nav.menu ul {
margin-top: 2px;
}

nav.menu ul li {
display: inline-block;

    width: 9vw;
    height: 3.5vh;
    background-color: #fff;
    opacity: 0.7;
    position: relative;
    top: 0px;
    float: left;
    height: auto;
    margin-right: 1vw;
    padding: 0.5vw;
    border-radius: 0.2vw;
}

nav.menu ul li a { font-size: 1.2vw; color: #343; display: block; width: 100%; height: 100%; padding-top: ;}

nav.menu ul * h3.subtitle {margin-bottom: 0px;
margin-top: 2px;
font-size: 1.0vw;
color: #343;
display: none;
}


/*   End Navi Screen */

ul.slides {
  margin: 0;
  padding: 0;
}

.flexslider {
  margin: 0; 
  padding: 0; 
  width: 100%; 
  height: 100%; 
  border: 0px; 
  overflow: hidden;
}

p.flex-caption {
  position: relative;
    top: 90vh;
    background-color: #fff;
    opacity: 0.7;
    padding: 10px;
    left: 3vw;
    z-index: 9999;
    display: inline-block;
    border-radius: 3px;
    transition: all 500 ease-in;
}

.flex-control-nav {
    width: 100%;
    position: fixed;
    top: 98vh;
    text-align: center;
    z-index: 9999;
}


.flex-control-paging li a {border: 1px solid #aaa;}
.flex-direction-nav {display: none;}