/*
@viewport { zoom: 1.0; width: extend-to-zoom; }
@-ms-viewport { zoom: 1.0; width: extend-to-zoom; }
@-o-viewport { zoom: 1.0; width: extend-to-zoom; }
*/

* {
 font-family: 'Oldenburg', cursive;
 font-size: 1em;
 font-style: italic;
 color: #146;
}
html, body {
 width: 100%;
 height: 100%;
 margin: 0;
}
h1, h2, h3, h4 {
 margin: 0;
 padding: 0;
 
 font-weight: normal;
}
img { 
 width: 100%; 
}

body { 
 background-color: #146;
}

.header {
 margin: 2%;
}
.header h1 {
 color: #fff;
 font-size: 4em;
 font-weight: bold;
}
.header p {
 margin: 0; 
 padding: 0% 0% 0% 1%;
 
 color: #def; 
 font-size: .8em; 
}

.group {
 overflow: hidden; 
 width: auto; 
 margin: 0% 2% 2% 2%; 
 padding: 2% 1% 0% 1%; 
 border: 2px solid #def; 
 -webkit-border-radius: 2em; 
 -moz-border-radius: 2em; 
 border-radius: 2em;
 background: #368;
 -moz-box-shadow:    1px 1px 2px 0px rgba(0,0,0,.75);
 -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,.75);
 box-shadow:         1px 1px 2px 0px rgba(0,0,0,.75);
}
.group h2 {
 margin-left: 1%; 
 margin-bottom: 2%;
 
 color: #cde; 
 font-size: 1.5em; 
}

.section {
 position: relative; 
 overflow: hidden; /* hides excess background image */
 margin: 0% 0% 2% 0%; 
 border: 2px solid #cde; 
 -webkit-border-radius: 1em; 
 -moz-border-radius: 1em; 
 border-radius: 1em;
 background: #6ac;
 -moz-box-shadow:    1px 1px 2px 0px rgba(0,0,0,.75);
 -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,.75);
 box-shadow:         1px 1px 2px 0px rgba(0,0,0,.75);
}
.section h3 {
 margin: 0% 1%; 
 padding: 1% 0%; 

 color: #fff;
 font-size: 2em;
 font-weight: bold;
 text-shadow: .05em .05em .1em rgba(0,0,0,.75); 
}
.section > a { /* external homepage links */
 display: block;
 position: absolute;
 top: 1.25em;
 right: 1%;

 color: #fff;
 font-size: 1em;
 font-weight: bold; 
 text-decoration: none;
 text-shadow: .05em .05em .1em rgba(0,0,0,.75); 
 
}
.section .overlay {
 z-index: 2;
 position: relative;
 overflow: hidden; zoom: 1;
 width: 100%;
 margin: 0%;
 margin-top: 0px;
 padding: 0% 0%;
}
.section .overlay > p {
 margin: 2% 1%;

 color: #fff; 
 font-size: 1.8em;
 text-align: justify; 
 text-shadow: .05em .05em .1em rgba(0,0,0,.75); 
}
.section > img { /* move image to background */
 z-index: 1;
 position: absolute;
 width: 100%;
}
.section > p {
 width: auto;
 margin: 1% 1% 0% 1%;
 
 text-align: justify;
}

.sub-section > div {
 z-index: 4;
 position: relative;
 overflow: hidden;
 margin-left: 3%;
 border: 2px solid #cde;
 -webkit-border-radius: .5em;
 -moz-border-radius: .5em;
 border-radius: .5em;
 background-color: #368;
 -moz-box-shadow:    1px 1px 4px 0px rgba(0,0,0,.75);
 -webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,.75);
 box-shadow:         1px 1px 4px 0px rgba(0,0,0,.75);
}
.sub-section {
 z-index: 4;    
 float: left;
 min-width: 280px;
 max-width: 320px;
 width: 33%;
 margin: 0% 0% 1% 0%;x}
.sub-section h4 {
 margin: 0px;
 padding: .4em 0em .25em .5em;
 border-bottom: .5em solid #479;
 background-color: #58a;

 color: #cde;
 font-size: 1.3em; 
 font-style: italic;
 font-weight: bold;
}
.sub-section a {
 position: absolute; 
 top: 0em; 
 right: 0em; 
 padding: .8em .5em;

 color: #cde;
 font-size: 1em;
 font-weight: bold; 
 text-decoration: none; 
}
.sub-section p {
 min-height: 3.75em; 
 margin: 0px; 
 padding: .5em .5em 1em .6em; 

 color: #cde;
 font-size: 1em;
}
.sub-section img {
 width: 100%;
}

.schedule {
}
.event {
 border-top: 1px solid #cde;
 padding: 1% 1%;
}
.event-date {
 display: block;
 color: #fff;
}
.event-location {
 display: block;
 color: #def;
}
.event-desc {
 display: block;
 color: #cde;
}
.event a {
 display: block;
}

#footer {
 overflow: hidden;
 margin: 2% 4%;
}
#copyright {
 float: left;
 color: #6ac;
 font-size: 1em;
}
#signature {
 float: right;
 color: #6ac;
 font-size: 1em;
}
#signature a {
 font-weight: bold;
 color: #6ac;
}