body {
	margin:auto;
	background-color:#d4bd8b;
	color:#333;
	font-family:calibri, verdana, sans-serif;
	background-image:url('images/background.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
	font-size: 15px;
}

h1,
h2 {
	font-style:italic;
	color:#333;
}

a { color:#4b4e31; }
a:hover {color:#b65930}

a.icon-menu-open,/* Will be shown on smaller screens */
a.icon-menu-close {
	display:none;
}
.Menu {
	text-align: center;
	margin-bottom:20px;
 }
.Menu ul {
	display:inline-block;
	height:43px;
	background-image:url('images/white_bg.png');
	background-repeat:repeat;
	border-radius:10px;
	box-shadow:5px 5px 5px #474f44;
	padding-left:0px;
	margin:0;
	list-style-type:none;
	list-style-position:outside;
}
/* Display inline doesn't work with block displayed a's,
 * so use display block and float to accomplisch horizontal list*/
.Menu ul li {
	display:block;
	float:left;
	margin-right:6px;
	height:43px;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	padding:0px 20px;
}
.Menu ul li a {
	display:block;
	width:auto;
	height:100%;
	line-height:43px;
	text-decoration:none;
	color:#474f44;
}
.Menu ul li a:hover {
	color:#4b4e31;
}
.Menu ul li.Selected a {
	text-decoration:underline;
}
.Content {
	width:100%;
	float:left;
	clear:both;
}

.ContentLeft,
.ContentRight {
	width:46%;
	float:left;
	margin:0px 2%;
	/*clear:left;*/
}

.ContentBlock {
	background-image:url('images/white_bg.png');
	background-repeat:repeat;
	border-radius:10px;
	box-shadow:5px 5px 5px #474f44;
	padding:1%;
	margin-bottom:20px;
}

.ContentBlock img { width:100%;}
/*.ContentRight { float:right; }*/


.StoryImgLeft,
.StoryImgRight {
	margin:5px;
	float:left;
}

.StoryImgRight { float:right; }

/* Overlay that tells the visitor that the event has ended */
.Overlay {
	z-index:10;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	min-height:100%;
	color:#fff;
	background-image:url('images/semitransp.png');
	padding-top:5%;
	text-align:center;
}
.Overlay .OverlayContent {
	background-color:black;
	width:50%;
	min-height:70%;
	overflow:auto;
	margin:auto;
	padding:20px;
}
.Overlay a {
	color:#FDC2F8;
	text-decoration:underline;
}
.Overlay p,
.Overlay h1 {
	vertical-align:middle;
	text-align:left;
	color:#fff;
}

/* Everything smaller than 723px */
@media only screen and (max-width: 723px) {

    .Menu ul li {
	    padding:0px 5px;
    }
}
/* Everything smaller than a phone screen */
@media only screen and (max-width: 401px) {

    .ContentLeft,
    .ContentRight {
	    width:90%;
	    clear:left;
    }

    /*************************************************
     * MENU
     *************************************************/

    a.icon-menu-open,/* Will be hidden on larger screens */
    a.icon-menu-close {
	    margin:0.5em;
	    float:left;
	    display:block;
	    background-image:url('images/white_bg.png');
    }

    nav.Menu {
	    width:100%;
	    background-image:url('images/white_bg.png');
	    position: absolute;
	    /* This transform moves the drawer off canvas. */
	    -webkit-transform: translate(-105%, 0);
	    transform: translate(-105%, 0);
	    /* Optionally, we animate the drawer. */
	    transition: transform 0.3s ease;
    }

    nav.MenuVisible {
	    -webkit-transform: translate(-0.5em, 0);
	    transform: translate(-0.5em, 0);
    }

    .Menu ul li {
	    float:left;
	    clear:left;
	    display:block;
	    width:100%;
	    background-image:url('images/white_bg.png');
	    min-height:3em; /* 48 recommended pixels devided by fontsize of 16 px gives 3 em */
	    border-top:0.1em solid #474f44;
	    border-bottom:0.1em solid #474f44;
    }
    .Menu ul li a,
    .Menu ul li span {
	    display:block;
	    width:100%;
	    text-align:center;
	    line-height:3em; /* Vertically centering */
	    color:#474f44;
	    text-decoration:none;
    }
    .Menu ul li.Selected a,
    .Menu ul li a:hover {
	    text-decoration:underline;
    }
}

.anchorjs-link {
	transition: all .25s linear;
}