body
{
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	color: #000000;
}

table
{
	padding: 0.2em;
	border-collapse: collapse;
	page-break-inside: avoid;
}

/*+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~*/
/* HEADER */
/*+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~*/
#Header
{
	font-size: 0;
	padding: 0;
	margin: 0;
}

#Header img
{
 	width: 100%;
	height: auto;
	font-size: 0;
	margin: 0;
	padding: 0;
}

/*+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~*/
/* Menu */
/*+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~*/

#navbar {
	position: -webkit-sticky;
	position: sticky;
	z-index: 2;
	top: 0;
	padding: 0;
	margin-top: 1vh;
	cursor: pointer;
}

#navbar img
{
	height: 3vh;
	width: 9vh;
	margin-left: 5vw;
}

.overlay {
	height: 0%;
	width: 100%;
	z-index: 2;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0, 0.9);
	overflow-y: auto;
	transition: 0.5s;
}

.overlay-content {
	position: relative;
	top: 3em;
	width: 100%;
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 3em;
	font-size: 1.5em;
}

.overlay a {
	text-decoration: none;
	font-size: 1em;
	color: #818181;
	display: block;
	transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
	color: #f1f1f1;
}

.overlay .closebtn {
	position: absolute;
	top: 0;
	left: 0.5em;
	font-size: 1.5em;
}

/* screen width - 320 */
@media only screen and (max-width:400px) and (min-width:280px) {
	#navbar img {height: 2.5vh; width: 7.5vh; margin-left: 2.5vw;}
	}

/* screen width - 480 */
@media only screen and (max-width:560px) and (min-width:400px) {
	#navbar img {height: 2vh; width: 6vh; margin-left: 2.5vw; margin-top: 1vh;}
	}

/* screen width - 640 */
@media only screen and (max-width:704px) and (min-width:560px) {
	#navbar img {height: 1.5vh; width: 4.5vh; margin-left: 2.5vw; margin-top: 0.5vh;}
	}

/* screen width - 768 */
@media only screen and (max-width:896px) and (min-width:704px) {
	#navbar img {height: 1.5vh; width: 4.5vh; margin-left: 2.5vw; margin-top: 0.5vh;}
	.overlay-content {font-size: 1.25em;}
	}

/* screen width - 1024 */
@media only screen and (max-width:1152px) and (min-width:896px) {
	#navbar img {height: 2vh; width: 6vh; margin-left: 2.5vw; margin-top: 0.5vh;}
	.overlay-content {font-size: 1.25em;}
	}

/* screen width - 1280 */
@media only screen and (max-width:1323px) and (min-width:1152px) {
	#navbar img {height: 2vh; width: 6vh; margin-left: 2.5vw; margin-top: 0.5vh;}
	.overlay-content {font-size: 1em;}
	}

/* screen width - 1366 */
@media only screen and (max-width:1451px) and (min-width:1323px) {
	#navbar img {height: 2vh; width: 6vh; margin-left: 2.5vw; margin-top: 0.5vh;}
	.overlay-content {font-size: 1em;}
	}

/* screen width - 1536 */
@media only screen and (max-width:1728px) and (min-width:1451px) {
	#navbar img {height: 1.5vh; width: 4.5vh; margin-left: 2.5vw; margin-top: 0.5vh;}
	.overlay-content {font-size: 1em;}
	}

/* screen width - 1920 */
@media only screen and (max-width:1984px) and (min-width:1728px) {
	#navbar img {height: 1.5vh; width: 4.5vh; margin-left: 2.5vw; margin-top: 0.5vh;}
	.overlay-content {font-size: 1em;}
	}

/* screen width - 2048 */
@media only screen and (max-width:2304px) and (min-width:1984px) {
	#navbar img {height: 1.5vh; width: 4.5vh; margin-left: 2.5vw; margin-top: 0.5vh;}
	.overlay-content {font-size: 1em;}
	}

@media only screen and (min-width:2304px) {
	#navbar img {height: 1.5vh; width: 4.5vh; margin-left: 2.5vw; margin-top: 0.5vh;}
	.overlay-content {font-size: 1em;}
	}

/*+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~*/
/* CONTENT */
/*+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~*/
#ContentSection {
	margin: 1vh 2.5vw 1vh 2.5vw;
	border: solid 1px #818181;
	position: relative;
}

#ContentSection img {
    width: 100%;
    height: auto;
}

.ContentTitle {
	text-align: center;
	font-size: 2em;
	margin: 0 0 1em 0;
	color: #384261;
	font-weight: bold;
	background-color: #e0e0e0;
}

.ContentText {
   	margin: 1em 1em 0 1em;
}

.ContentText p {
   	margin: 0 1em 1em 1em;
}

.ContentText a {
    color: #000177;
}

.ContentText a:hover {
    color: #990000;
}

.LeftFloated {
	float: left;
}

.RightFloated {
    	float: right;
}

.Centered {
    	text-align: center;
}

.Subtitle {
    font-size: 1.5em;
    color: #000177;
    font-weight: bold;
    margin: 1em;
}

.Subtitle a {
    color: #000177;
}

.Subtitle a:hover {
    color: #ffff99;
}

.ContentBanner {
	witdh: 100%;
	text-align: center;
	font-size: 1.5em;
	background-color: #e0e0e0;
	padding: 5px 5px 5px 5px;
	border: solid 1px #818181;
}

.ContentBanner a:hover {
    	color: #ffff99;
}

.ExternalLink {
	margin: 0 1em 1em 1em;
}
.BackToTop {
	margin: 1em 1em 0 1em;
}

.RightFloatedImg {
	float: right;
	margin: 0 1em 1em 1em;
	max-width: 30%;
	height: auto;
}

.LeftFloatedImg {
	float: left;
	margin: 0 1em 1em 1em;
	max-width: 30%;
	height: auto;
}

.Photo {
    margin: 1vh auto 1vh auto;
    max-width: 80%;
    height: auto;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin-top: 5px;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.CalendarDisplay {
	width: 100%;
	overflow-y: auto;
	max-height: 600px;
	border: solid 1px #818181;
	padding: 1em;
}

#StaffTable b {
	font-size: .9em;
}

#StaffTable table
{
	padding: 0.2em;
	border-collapse: collapse;
	page-break-inside: avoid;
	width: 100%;
	font-size: .8em;
}

#StaffTable tr.DarkBackground
{
	background-color: #e0e0e0; 
	border: 1px solid #000000;
}

#StaffTable td.DarkBackground
{
	padding: 1em;
	background-color: #e0e0e0; 
}

#StaffTable td.DarkBackgroundWithCenteredText
{
	padding: 1em;
	text-align: center;
	border: 1px solid #000000;
	background-color: #e0e0e0; 
	vertical-align: top;
}

#StaffTable td.LightBackgroundWithCenteredText
{
	background-color: #F6F6F6;
	padding: 1em;
	text-align: center;
	border: 1px solid #000000;
	vertical-align: top;
}

#StaffTable td.WhiteBackgroundWithCenteredText
{
	padding: 1em;
	text-align: center;
	border: 1px solid #000000;
	vertical-align: top;
}


#StaffTable tr.LightBackground
{
	background-color: #F6F6F6;
	border: 1px solid #000000;
}

#StaffTable td.LightBackground
{
	padding: 0.5em;
	text-align: center;
	font-weight: bold;
	vertical-align: top;
}

#StaffTable td.TopAlignWithBorder
{
	vertical-align: top; 
	border: 1px solid #000000;
	padding-top: 1em;
}

#StaffTable table.StaffInnerTable
{
	font-size: 1em;
}

#StaffTable td.AlignRightBold
{
	text-align: right;
	font-weight: bold;
}

#StaffTable td.AlignLeft
{
	text-align: left;
}


#StaffTable td.AlignCenterBold
{
	text-align: center;
	font-weight: bold;
}

#StaffTable td.AlignCenterBoldWithBorder
{
	text-align: center;
	font-weight: bold;
	border: 1px solid #000000;
	padding: 0.5em;
}

#StaffTable td.Bordered
{
	border: 1px solid #000000;
}

#StaffTable tr.Bordered
{
	border: 1px solid #000000;
}

#StaffTable table.CenteredTable
{
	text-align: center;
}


#StaffTable td.BorderedLeftAndRightTopAndCenter
{
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	text-align: center;
	vertical-align: top;
	padding: 0.5em;
}

#StaffTable td.BorderedLeftRightAndBottomAlignedTop
{
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	vertical-align: top;
	padding: 0.5em;
}

#StaffTable td.BorderedBottomAlignedTop
{
	border-bottom: 1px solid #000000;
	vertical-align: top;
	padding: 0.5em;
}

#StaffTable td.BorderedAlignedTopCenter
{
	border: 1px solid #000000;
	vertical-align: top;
	text-align: center;
	padding: 0.5em;
}

#StaffTable td.BorderedAlignedTopThirtyThreePercent
{
	border: 1px solid #000000;
	vertical-align: top;
	width: 33%;
	padding: 0.5em;
}



table.FourColumn {
	text-align: center; 
	border: 1px solid #000000;
}

table.FourColumn  td.FourColumn {
	width: 25%;
	border: 1px solid #000000;
	vertical-align: top;
	padding: 0.5em;
}

table.FourColumn td.Title {
	background-color: #e0e0e0;
	padding-top: 1em;
	padding-bottom: 1em;
}




.CalendarDisplayElement {
    	text-align: center; 
	font-size: 0.6em;
	width: 100%;
}

td .tooltipcontainer {
	position: relative;
}

td .tooltip {
	display: none;
	position: absolute;
	z-index: 200;
	top: 0;
	left: 0;
	max-width: 55%;
	text-align: left; 
	padding: 1em;
	background-color: #ffff99;
	border: 1px solid #808080;
	color: #000000;
}

td a:hover .tooltip {
	display: block;
}


td .EventTabletooltip {
	position: relative;
}

td .EventTabletooltiptext {
	display: none;
	width: 40em;
	font-size: 0.9em;
	text-align: left; 
	padding: 1em;
	background-color: #ffff99;
	border: 1px solid #808080;
	color: #000000;
	position: absolute;
	z-index: 200;
	top: -0.45em;
	left: -2.5em; 
}

td .EventTabletooltip:hover .EventTabletooltiptext {
	display: block;
}

.Button {
	-webkit-appearance: none; /*Safari/Chrome*/
	-moz-appearance: none; /*Firefox*/
	-ms-appearance: none; /*IE*/
	-o-appearance: none; /*Opera*/
	appearance: none;
	-webkit-border-radius: 0; 

	background-color: #e7e7e7;
	border: 1px solid #808080;
	color: #000000;
	padding: 0.35em;
	text-align: center;
	text-decoration: none;
	display: inline-block;
  	transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	cursor: pointer;
}

.Button:hover {
	background-color: #ffffff;
}

/*+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~*/
/* Slide Show */
/*+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~*/

.mySlides {display: none;}

/* Slideshow container */

.slideshow-container {
	max-width: 1000px;
	position: relative;
	margin: auto;
}

/* The dots/bullets/indicators */
.dot {
	height: 0.5em;
	width: 0.5em;
	margin: 0 0.05em;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.active {
	background-color: #717171;
}

/* Fading animation */
.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1s;
	animation-name: fade;
	animation-duration: 1s;
}

@-webkit-keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
}

@keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
}




/*+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~*/
/* Right Area */
/*+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~*/

#RightArea {
	margin: .5em 1em 1em 1em;
	position: relative;
}

#RightArea img {
	border: none;
	max-width: 250px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}

.PayPal {
	border: solid 1px #818181;
	max-width: 250px;
	margin-right: auto;
	margin-left: auto;
}

.PayPal img {
	max-width: 250px;
	height: auto;
}

.PayPalText {
	background-color: #e0e0e0;
    	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	padding: 0.5em;
}

.Caption {
    	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
    	padding: 0.5em;
    	background-color: #e0e0e0;
    	color: #000000;
    	font-size: 1em;
	max-width: 250px;
}

.Caption a {
	color: #000000;
}

.Caption a:hover {
	color: #ffff00;
}


/*+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~*/
/* FOOTER */
/*+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~*/
#Footer {
	text-align: center;
}


/*+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~*/
/* Responsive  */
/*+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~+~*/
* {box-sizing: border-box;}

img {max-width: 100%; height: auto;}

.row:after {
	content: "";
	clear: both;
	display: block;
	}

/* 12 columns: */
[class*="col-"] {
	float: left;
	padding-top: 0.5em;
	padding-bottom: 0em;
	padding-left: 0.25em;
	padding-right: 0.25em;
	}

[class*="col-"] {width: 100%;}


@media only screen and (max-width:250px) {
	/* For tablets: */
	.col-s-1 {width: 8.33%;}
	.col-s-2 {width: 16.66%;}
	.col-s-3 {width: 25%;}
	.col-s-4 {width: 33.33%;}
	.col-s-5 {width: 41.66%;}
	.col-s-6 {width: 50%;}
	.col-s-7 {width: 58.33%;}
	.col-s-8 {width: 66.66%;}
	.col-s-9 {width: 75%;}
	.col-s-10 {width: 83.33%;}
	.col-s-11 {width: 91.66%;}
	.col-s-12 {width: 100%;}

	a {font-size: 0.9em;}
	p {font-size: 0.9em;}
	b {font-size: 0.9em;}
	li {font-size: 0.8em;}
	i {font-size: 0.8em; font-style: italic;}
	table {font-size: 0.75em;}
	.PayPalText {font-size: 0.75em;}
	.ContentBanner {font-size: 1.2em;}
	#Footer {font-size: .45em;}
	#RightArea {top: -3em;}
	#ContentSection {top: -3.5em;}
	.Caption {font-size: 0.75em;}
	.ContentTitle {font-size: 1.2em;}
	.Subtitle  {font-size: 1.05em;}
	.Centered  {font-size: 0.9em;}
	.CalendarButton {font-size: 0.6em;}
	}

@media only screen and (max-width:470px) and (min-width:250px) {
	/* For tablets: */
	.col-s-1 {width: 8.33%;}
	.col-s-2 {width: 16.66%;}
	.col-s-3 {width: 25%;}
	.col-s-4 {width: 33.33%;}
	.col-s-5 {width: 41.66%;}
	.col-s-6 {width: 50%;}
	.col-s-7 {width: 58.33%;}
	.col-s-8 {width: 66.66%;}
	.col-s-9 {width: 75%;}
	.col-s-10 {width: 83.33%;}
	.col-s-11 {width: 91.66%;}
	.col-s-12 {width: 100%;}

	a {font-size: 0.9em;}
	p {font-size: 0.9em;}
	b {font-size: 0.9em;}
	li {font-size: 0.8em;}
	i {font-size: 0.8em; font-style: italic;}
	table {font-size: 0.75em;}
	.PayPalText {font-size: 0.75em;}
	.ContentBanner {font-size: 1.2em;}
	#Footer {font-size: .5em;}
	#RightArea {top: -3em;}
	#ContentSection {top: -3.5em;}
	.Caption {font-size: 0.75em;}
	.ContentTitle {font-size: 1.2em;}
	.Subtitle  {font-size: 1.05em;}
	.Centered  {font-size: 0.9em;}
	.Button {font-size: 0.6em;}
	}

@media only screen and (max-width:630px) and (min-width:470px) {
	/* For tablets: */
	.col-s-1 {width: 8.33%;}
	.col-s-2 {width: 16.66%;}
	.col-s-3 {width: 25%;}
	.col-s-4 {width: 33.33%;}
	.col-s-5 {width: 41.66%;}
	.col-s-6 {width: 50%;}
	.col-s-7 {width: 58.33%;}
	.col-s-8 {width: 66.66%;}
	.col-s-9 {width: 75%;}
	.col-s-10 {width: 83.33%;}
	.col-s-11 {width: 91.66%;}
	.col-s-12 {width: 100%;}

	a {font-size: 0.95em;}
	p {font-size: 0.95em;}
	b {font-size: 1em;}
	li {font-size: 0.85em;}
	i {font-size: 0.85em; font-style: italic;}
	table {font-size: 0.8em;}
	.PayPalText {font-size: 0.8em;}
	.ContentBanner {font-size: 1.25em;}
	#Footer {font-size: .75em;  margin-top: -1em;}
	#RightArea {top: -3em;}
	#ContentSection {top: -3.5em;}
	.Caption {font-size: 0.8em;}
	.ContentTitle {font-size: 1.25em;}
	.Subtitle  {font-size: 1.1em;}
	.Centered  {font-size: 0.95em;}
	.Button {font-size: 0.6em;}
	}


@media only screen and (max-width:1150px) and (min-width:630px) {
	/* For tablets: */
	.col-m-1 {width: 8.33%;}
	.col-m-2 {width: 16.66%;}
	.col-m-3 {width: 25%;}
	.col-m-4 {width: 33.33%;}
	.col-m-5 {width: 41.66%;}
	.col-m-6 {width: 50%;}
	.col-m-7 {width: 58.33%;}
	.col-m-8 {width: 66.66%;}
	.col-m-9 {width: 75%;}
	.col-m-10 {width: 83.33%;}
	.col-m-11 {width: 91.66%;}
	.col-m-12 {width: 100%;}

	a {font-size: 1em;}
	p {font-size: 1em;}
	b {font-size: 1em;}
	li {font-size: 1em;}
	i {font-size: 1em; font-style: italic;}
	table {font-size: 1em;}
	.PayPalText {font-size: 0.9em;}
	.ContentBanner {font-size: 1.25em;}
	#Footer {font-size: .9em;}
	#RightArea {top: -3.5em;}
	#ContentSection {top: -3.5em;}
	.Caption {font-size: 0.9em;}
	.ContentTitle {font-size: 1.25em;}
	.Subtitle  {font-size: 1.1em;}
	.Centered  {font-size: 1em;}
	.Button {font-size: 0.7em;}
	}

@media only screen and (min-width:1150px) {
	/* For desktop: */
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}

	a {font-size: 1em;}
	p {font-size: 1em;}
	b {font-size: 1em;}
	li {font-size: 1em;}
	i {font-size: 1em; font-style: italic;}
	table {font-size: 1em;}
	.PayPalText {font-size: 0.9em;}
	.ContentBanner {font-size: 1.25em;}
	#Footer {font-size: .9em;}
	#RightArea {top: -2em;}
	#ContentSection {top: -2em;}
	.Caption {font-size: 0.9em;}
	.ContentTitle {font-size: 1.25em;}
	.Subtitle  {font-size: 1.1em;}
	.Centered  {font-size: 1em;}
	.Button {font-size: 0.6em;}
	}