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

body {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	max-width: 1024px;
	margin-left: 0.09em;
	;
	margin-right: auto;
	background-image: url("../videos/01fbi_landing_phone162x350.webp");
	background-repeat: no-repeat;
	background-size: 340px 550px;
	background-color: #1a233d;
	border-radius: 8px;
}

p {
	color: rgba(248, 247, 230, 1.00);
	background-color: rgba(4, 42, 5, 0.15);
	font-size: 1.1em;
	text-align: justify;
	letter-spacing: 0.02em;
	text-shadow:
		-1px -1px 5px rgba(1, 96, 116, 1),
		1px -1px 5px rgba(1, 96, 116, 1),
		-1px 1px 5px rgba(1, 96, 116, 1),
		1px 1px 5px rgba(1, 96, 116, 1);
	padding: 0.6em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	width: 26.0em;
}

table {
	color: rgba(248, 247, 230, 1.00);
}

header img {
	padding-left: 2em;
	float: left;
}

header h1,
h2 {
	color: rgba(248, 247, 219, 1.00);
	background-image: linear-gradient(rgba(2, 5, 53, 0.70), rgba(41, 43, 65, 0.34));
	width: 19em;
	padding-left: 2em;
}

nav {
	clear: left;
	float: left;
}

nav ul {
	list-style-type: none;
}

nav ul li {
	font-size: 1.8em;
	letter-spacing: 0.04em;
	padding-bottom: 1.0em;
}

nav ul li a {
	padding: 3px;
	background-image: linear-gradient(rgba(1, 1, 25, 0.60), rgba(11, 64, 171, 0.50));
	font-size: 0.7em;
	text-decoration: none;
	text-shadow: 2px, 2px, 3px, rgba(28, 28, 17, 1.00);
	color: rgba(248, 247, 219, 1.00);
	border: solid rgba(113, 123, 8, 0.78) 0.7px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	width: 13em;
	float: left;
	margin: 12px 0;
}

nav ul li a:hover {
	background-image: linear-gradient(rgba(5, 8, 66, 0.71), rgba(223, 181, 37, 0.74));
}

footer {
	font-size: 0.8em;
	background-image: linear-gradient(rgba(1, 1, 25, 0.60), rgba(11, 64, 171, 0.50));
	color: rgba(248, 247, 219, 1.00);
	border: solid rgba(113, 123, 8, 0.78) 0.7px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	margin: 12px 0;
	padding-right: 3px;
	position: absolute;
	top: 90%;
	left: 2%;
}

footer a {
	color: rgba(248, 247, 219, 1.00);
}

footer a:link a:visited a:active {
	color: rgba(248, 247, 219, 1.00);
}

footer a:hover {
	color: #15CF25;
}

td {
	border-left: solid rgba(241, 234, 166, .2) 1px;
	border-bottom: solid rgba(241, 234, 166, .2) 1px;
	text-align: left;
	padding: 2px;
}

.nr {
	/*nowrap text wrap attribute added*/
	border-left: solid rgba(241, 234, 166, .2) 1px;
	border-bottom: solid rgba(241, 234, 166, .2) 1px;
	text-align: left;
	padding: 2px;
	white-space: nowrap;
}

tr {
	height: 10px;
	margin: 0;
}

.evenBG {
	/*even alternating row background*/
	background-color: rgba(8, 67, 158, 0.09);
	height: 10px;
	margin: 0;
}

.oddBG {
	/*odd alternating row background*/
	background-color: rgba(18, 16, 16, 0.21);
	height: 10px;
	margin: 0;
}

form {
	width: auto;
	height: auto;
	font-size: 12px;
	background: linear-gradient(#232045, #E7E7E3);
	background-image: url("../images/full_console.png");
	border: solid #AEC4F3 2px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 4px;
}

.inputBxLg {
	height: 14px;
	font-family: arial, helvetica;
	font-size: 14px;
	color: #060A4F;
	font-weight: bold;
}

.frmInput {
	color: #060A4F;
	background: #E6EAFA;
	font-size: 18px;
}

.frmInputSm {
	color: #060A4F;
	background: #E6EAFA;
	font-size: 18px;
}

.frmLabel {
	color: #FAF888;
	font-size: 18px;
	border: solid #AEC4F3 2px;
}

.huge {
	color: #FAF888;
	font-size: 24px;
	padding: 6px;
}

.buttonGo {
	font-size: 32px;
	color: #FAFDDC;
	background: #076E0C;
	border: solid #AEC4F3 2px;
	padding: 4px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.buttonClose {
	font-size: 22px;
	color: #FAFDDC;
	background: #746E3E;
	border: solid #AEC4F3 2px;
	padding: 4px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.bttndel {
	color: white;
	border-radius: 3px;
	background: #F52F59;
	padding: 2px;
	margin-top: 4px;
	border: none;
	width: 20px;
	height: 9px;
	box-shadow: 0px 0px 1px 2px #123456;
	font-size: 9px;
}

.bttnEdit {
	color: white;
	border-radius: 3px;
	background: #37C0DB;
	padding: 2px;
	margin-top: 4px;
	border: none;
	width: 20px;
	height: 10px;
	box-shadow: 0px 0px 1px 2px #123456;
	font-size: 10px;
}

.alert {
	color: yellow;
	background: rgba(245, 79, 50, .3);
	padding: 4px;
	font-size: 28px;
}

.bodyMediaServ {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	max-width: 1024px;
	margin-left: 0.09em;
	;
	margin-right: auto;
	background-image: url("../images/ChurchMedia_Full_Landing_Blur_w600px.png");
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
}

.backSplash {
	padding: 3px;
	background-image: linear-gradient(rgba(1, 1, 25, 0.60), rgba(11, 64, 171, 0.50));
	/*background-image: linear-gradient(rgba(4,6,98,0.60),rgba(44,44,70,0.40));*/
	font-size: 0.7em;
	text-decoration: none;
	text-shadow: 2px, 2px, 3px, rgba(28, 28, 17, 1.00);
	color: rgba(248, 247, 219, 1.00);
	border: solid rgba(113, 123, 8, 0.78) 0.7px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	width: 13em;
	float: left;
	margin: 12px 0;
}


.fullscreen {
	min-height: 100%;
	min-width: 100%;
	width: auto;
	height: auto;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: -5;
	display: block;
	/*0 is default*/
}

@media (max-width: 600px) {
	video.fullscreen {
		display: none;
	}

	header h1,
	h2 {
		width: 16em;
		padding-left: 1em;
		font-size: 17.5px;
	}

	nav ul li {
		font-size: 15.5px;
		letter-spacing: 0.03em;
		padding-bottom: 0.8em;
	}

	nav ul li a {
		padding: 3px;
		font-size: 15.5px;
		width: 12.8em;
		margin: 11px 0;
	}

	footer {
		font-size: 0.3em;
		margin: 3px 0;
		padding-right: 2px;
	}

	footer a {
		font-size: 0.3em;
	}

}