@charset "UTF-8";
/* CSS Document */

 body {
	/*background: url("../../../Mobile/app/images/35596a.png") no-repeat top center fixed;*/
	/*background:url(../images/35596a.png) no-repeat top center fixed;*/
	background-position:0px 0px ;
	background-size: 100% 77px;
	background-color: cornflowerblue;
 }
 
 :root {
    --LightBaseColour: cornflowerblue; /* Default color */
	--MediumBaseColour: #52739b; /* Default color */
	--DarkBaseColour: royalblue; /* Default color */
	--DarkBaseColour50T: rgba(65, 105, 225, 0.5); /* Default color */
	--NightBaseColour: #001166; /* Default color */
	--NightBaseColourT: rgba(0, 17, 102, 0.5); /* Default color */
	--NightBaseColourHover: #000033; /* Default color */
}
 
 
/*  body {
	background: url("../../../Mobile/app/images/JesusFilmPoster.png") no-repeat center fixed , url("../../../Mobile/app/images/35596a.png") no-repeat top center fixed;
	background-position:50% 120px, 0px 0px ;
	background-size: 81%, 100%;
 }*/

#pagewrap {
	margin: 0 auto;
	position: relative;
}

/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 30px;
	margin-right: 0px;
	right: 30px;
}
#back-top a {
	width: 77px;
	display: block;
	text-align: center;
	font: 12px/100% Arial, Helvetica, sans-serif;
	font-weight: bolder;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
#back-top a:hover {
	color: royalblue;
}
/* arrow icon (span tag) */
#back-top span {
	width: 77px;
	height: 77px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 37px;
	-moz-border-radius: 37px;
	border-radius: 37px;
	/* background color transition */
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
#back-top a:hover span {
	background-color: royalblue;
	/*#829fad;*/
}
	
.nodisplay {
	display: none;
}

.BGMaggi{
	background: rgba(119,119,119,0.70)
}


.BGMaggiLightBlue{
	background: lightblue
}

.BGMaggiLightYellow{
	background: lightyellow
}

.BGMaggiSolid{
	background: royalblue;
}

.DarkBaseColour {
    color:#001166 
	/*color: #35596a;*/
}

.MediumBaseColor {
    color: #52739b;
	/*color: #4c6c7b;*/
}

.LightBaseColor {
    color:cornflowerblue
	/*color: #829fad;*/
}


.HeaderNarrow {
	/*color: #FFF;*/
	background-color: var(--DarkBaseColour);
	text-shadow: 1px 1px 2px rgba(50, 50, 50, 1);
	font-size: large;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-stretch:extra-condensed;
	text-align: center;
}

.Menu {
    background-color: #ff0000;
	text-shadow: 1px 1px 2px rgba(50, 50, 50, 1);
	font-size: large;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-stretch:extra-condensed;
	text-align: center;
}

.Page {
    background-color: #4CAF50;
	text-shadow: 1px 1px 2px rgba(50, 50, 50, 1);
	font-size: large;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-stretch:extra-condensed;
	text-align: center;
}

.LargeText {	
	font-size: x-large;
	text-shadow: 2px 2px 7px rgba(250, 250, 250, 1);
	font-family: Tahoma, Geneva, sans-serif;
	color: #000;
}

.LargeTextWhite {	
	font-size: x-large;
	text-shadow: 2px 2px 7px rgba(50, 50, 50, 1);
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFF;
}

.TextBigRed {
	color: #ff0000;
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 1);
	font-size: xx-large;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: justified;
}

.TextRed {
	color: #ff0000;
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 1);
	font-size: large;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: justified;
}

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	/*text-shadow: 1px 1px 4px rgba(50, 50, 50, 1);*/
	font-size: x-small;
	font-style: italic;
	font-weight: lighter;
	font-variant: normal;
	color: #000;
}

.smallBlack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: italic;
	font-weight: lighter;
	font-variant: normal;
	color: #000;
}

.TextMediumRed {
	color: #ff0000;
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 1);
	font-size: medium;
	font-family: "Times New Roman";
}

.TextBlueBig {
	color: #0033ff;
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 1);
	font-size: x-large;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: justified;
}

.TextBlue {
	color: #0033ff;
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 1);
	font-size: large;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: justified;
}

.TextGreen {
	color: #009900;
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 1);
	font-size: large;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: justified;
}

.TxtGreenNor {
	color: #009900;
	font-size: large;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: justified;
}

.MyNormal {
	color: #FFF;
	text-shadow: 1px 1px 4px rgba(50, 50, 50, 1);
	font-size: xx-large;
	font-family:Tahoma, Geneva, sans-serif;
}

.Text {
	color: #ffff99;
	text-shadow: 2px 2px 5px rgba(50, 50, 50, 2);
	font-size: xx-large;
	font-family: Tahoma, Geneva, sans-serif;
}

.mediumText {	
	font-size: medium;
	text-shadow: 1px 1px 4px rgba(250, 250, 250, 1);
	font-family: Tahoma, Geneva, sans-serif;
	color: #000;
}

.HypOverYellow {
    background-color: #FF0;
	/*background-color: #35596a;*/
	/*background-color: #ff0000;*/
	text-shadow: 1px 1px 2px rgba(50, 50, 50, 1);
	font-size: x large;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-stretch:extra-condensed;
	text-align: center;
}

.stickyTable{
	align-content: center;
	position: sticky;
	background-color: royalblue;
	width: 100%;
	top: 0;
}


.stickyBottomTable{
	align-content: center;
	position: sticky;
	background-color: royalblue;
	width: 100%;
	bottom: 0;
}
.DarkBaseColour {
    color: var(--DarkBaseColour);
}

.MediumBaseColor {
    color: var(--MediumBaseColour);
}

.LightBaseColor {
	color: var(--LightBaseColour);
}