:root{
}

#menu-reserve{	margin: 0px 0px;	height: 50px;}
.menu-currentPage{ font-weight: bold; }
.menu-style{	display: inline-block;	position: fixed;	z-index: 1;	background-color: white;	border: none;	border-bottom: 5px solid lightgray;	box-shadow: 0px 5px 20px 1px rgba(255, 255, 255, 0.5);	text-align: center;	top: 0px;	left: 0px;	width: 100%;	margin: 0px 0px 0px 0px;	height: 50px;	padding: 0px 0px;	textdecoration: none;}
.menu-style a.button{	display: inline-block;	position: relative;	cursor: pointer;	background-color: white;	border-bottom: 5px solid lightgray; 	font-size: 17px;	color: gray;	text-decoration: none;	top: 0px;	height: 60%;	margin: 0px -5px;	padding-top: 20px;    padding-bottom: 0px;	padding-left: 20px;	padding-right: 20px;	//transition: border-bottom 1s;}
.menu-donate-button{	background-image: linear-gradient(0deg, gold, rgba(255, 255, 255, 0));	color: black !important;}.menu-calendar-button{	padding-left: 20px;	color: blue !important;	text-decoration: none;}
.menu-style a.button:hover{	z-index: 1;	border-bottom: 5px solid gray; 	color: black;	text-decoration: none;	transition: border-bottom .4s;}
.menu-style a.button:focus{    outline: none;}
.menu-dropdownContainer{	display: inline-block;	position: relative;	height: 50px;}
.menu-dropdownStyle{	display: none;	position: absolute;	z-index: 10;	border: 1px solid lightgray;	box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, 0.5);	top: 110%;	animation: .4s ease-out 0s 1 normal expandVertical;	overflow: hidden;	word-wrap: none;}
@keyframes expandVertical{	from{		z-index: 0;		top: -300px;	}	to{		top: 100%;		z-index: 0;	}}
.menu-dropdownContainer:hover .menu-dropdownStyle{	display: block;}
.menu-dropdownStyle a{	display: inline-block;	background-color: white;	border: none;	color: gray;	text-decoration: none;	padding: 12px 5px;	width: 100%;}
.menu-dropdownStyle a:hover{	transition: none;	background-color: rgb(240, 240, 240);	border: none;	text-decoration: underline;}.modalDialog {	position: fixed;	font-family: Arial, Helvetica, sans-serif;	top: 0;	right: 0;	bottom: 0;	left: 0;	background: rgba(0,0,0,0.8);	z-index: 99999;	opacity:0;	-webkit-transition: opacity 400ms ease-in;	-moz-transition: opacity 400ms ease-in;	transition: opacity 400ms ease-in;	pointer-events: none;}.modalDialog:target {	opacity:1;	pointer-events: auto;}.modalDialog > div {	height: 340px;	width: 470px;	position: fixed;	bottom: 25%;	right: 25%; 	border: 2px solid;	padding: 10px;	background: #FFFFFF;	border-radius: 9px;}.close {	position: absolute; 	right: 10px;	text-align: center;	top: 10px;}.close:hover { background: #00d9ff; }