BODY {
      margin: 0 0 0 0;
      font-family: Verdana,Arial;
      font-size: 9pt;
      color: black;
      background-color: #000000;
      /* background-color: #00ff11;  Green Screen */
      text-align: center;
   }
   .fixedFont {
      font-size: 10pt;
      font-family: "Lucida Console";
   }
   .fixedFontLeft {
      font-size: 10pt;
      font-family: "Lucida Console";
      text-align: left;
   }
   .fixedFontRight {
      font-size: 10pt;
      font-family: "Lucida Console";
      text-align: right;
   }
   .fixedFontCenter {
      font-size: 10pt;
      font-family: "Lucida Console";
      text-align: center;
   }
   div.fixedBorderRight {
    position: fixed;
    bottom: 18px;
    right: 10px;
    width: 130px;
    border: 2px solid #FFFFFF;
	font-size: 14pt;
	/* height: 20px; */
	color: #FF0000;
	font-weight: bold;
    z-index: 1;
}



.map {
	font-size: 14pt;
	color: #FF0000;
	font-weight: bold;
}

div.fixedBorderRight:hover {
	color: #000000;
	background-color: #FF0000;
        transition: background-color 1s;
        border: 2px solid #EEEE00;
}
   div.fixedBorderLeft {
    position: fixed;
    bottom: 8px;
    left: 0px;
    width: 130px; 
    border: 2px solid #FFFFFF;
	font-size: 12pt;
	/* height: 20px;  */
	color: #FF0000;
	font-weight: bold;
}
   div.fixedHome {
    position: fixed;
    bottom: 18px;
    left: 0px;
    width: 120px; 
    border: 2px solid #FFFFFF;
	font-size: 10pt;
	/* height: 20px;  */
	color: #FF0000;
	font-weight: bold;
    z-index: 1;
}
div.fixedHome:hover {
	color: #000000;
	background-color: #FF0000;
        transition: background-color 1s;
        border: 2px solid #EEEE00;
}
div.sticky {
    /* position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    border: 0;
    z-index: 3;
    /* background-color: green; */
    /* border: 2px solid #4CAF50; */
}
div.relativeCol1 {
    position: relative;
    top: -15px;
    /* z-index: -1; */
    /* left: 30; */
} 
div.liveStream {
    position: relative;
    z-index: 2;
    /* top: -25px;*/
    /* left: 30;*/
} 
.absoluteCol1 {
    position: absolute;
    width: 300px;
}
span.welcome {
    position: relative;
    top: -2px;
} 
span.relativeCol2 {
    position: relative;
    top: -4px;
    font-size: 7pt;
} 
div.relativeCol3 {
    position: relative;
    top: -16px;
} 
div.relativePray {
    position: relative;
    top: -65px;
    z-index: 1;
} 
div.relativePray2 {
    position: relative;
    top: -90px;
} 
div.absolute800 {
    position: absolute;
    width: 100%;
    /*border: 2px solid #4CAF50; */
}
div.relative {
    position: relative;
    top: 124px;
    /* z-index: -1; */
} 

div.absolute {
    position: absolute;
    /* top: 80px; */
    /* right: 0; */
    /* width: 200px; */
    /* height: 100px; */
    /* border: 3px solid #73AD21; */
}

   a.mm:link { color: #00ff00;
		text-decoration: none; }
   a.mm:visited { color: #00ff00;
		text-decoration: none; }
   a.mm:active { color: #00ff00;
		text-decoration: none; }
   .mm { 
	background-color: #00ff00;
      	color: black;
   }

   .payform {
      display: inline;
   }
   .requestDate {
      font-size: 7pt;
      text-align:right;
   }
   .cella {
      font-size: 8pt;
      padding-left: 0;
      text-align:center;
   }
   .cellb {
      font-size: 7pt;
      padding-left: 0;
   }
   .cellbb {
      font-size: 9pt;
      padding-left: 0;
   }
   .cellc {
      font-size: 12pt;
      text-align: justify;
      color:#000000;
      background-color:#FFFFFF;
   }
   .celld {
      font-size: 12pt;
      color: #FF0000;
   }
   .celle {
      font-size: 11pt;
      padding-left: 0;
      text-align: left;
   }
   .cellf {
      font-size: 14pt;
      color: #FF0000;
      font-weight: bold;
   }
   .cellg {
      font-size: 12pt;
      padding-left: 0;
      font-weight: bold;
      text-align: center;
   }
   .cellh {
      font-size: 10pt;
      padding-left: 0;
      text-align: center;
   }
   .cellj {
   		text-align:center;
   		font-size:16px;
   		font-weight:bold;
		color:#FFFFFF;
		z-index: 2;
   }
   .cellm {
		width:85;
		color:#000000;
		background-color:#FF0000;
		border-color:#000000;
		font-family:'trebuchet ms',helvetica,sans-serif;
		font-weight: bolder;
   		font-size: 8pt;
		display: inline;
   }
   .celln {
		width:85;
		color:#000000;
		background-color:#FFFF00;
		border-color:#000000;
		font-family:'trebuchet ms',helvetica,sans-serif;
		font-weight: bolder;
   		font-size: 8pt;
		display: inline;
   }
   .cellp {
   		font-size: 6pt;
		display: inline;
		background-color:#FFFF00;
   }
   .cellq {
   		font-size: 6pt;
		display: inline;
		background-color:#FFFFFF;
   }
   .cellr {
      font-size: 12pt;
      padding-left: 0;
      font-weight: bold;
      text-align: justify;
   }
   .cells {
   		font-size: 6pt;
		display: inline;
		/*background-color:#fca4a4;*/
		background-color:#FF99FF;
   }
   .cellt {
      font-size: 7pt;
      padding: 5;
      text-align: justify;
      color: #FFFFFF;
      background-color: #000000;
   }
   
   input.cells:hover { 
   	font-size: 7pt;
	background-color: #FFFF00;
        transition: background-color 1s;
   }
   input.cellp:hover, input.cellq:hover { 
   	font-size: 7pt;
	background-color: #FF0000;
        transition: background-color 1s;
   }
.input10a {
      margin-top: 0;
      margin-bottom: 0;
      background: beige;
      /*width: 95%; */
      font-size: 14pt;
      text-align: justify
      padding: 0 0 0 0;
}
.txtmargin {
      padding-left: 5px;
      padding-right: 5px;
}
   .DV2 {
      /* border: thin solid red; */
      font-size: 10pt;
      /* background: #F2BE10; */
      /* background: #FFCC23; */
      background: #FFFFFF;
      margin-top: 0;
      margin-bottom: 0;
      margin-left: 0px;
      margin-right: 0px;
      padding: 6 6 6 6;
      /* width: 320px; */
      text-align: center;
   }
   .FS1 {
	font-size: 11pt;
      	text-align: justify;
	color: black;
}
   .FS3 {
      border: thin solid red;
      font-size: 7pt;
      /* background: #F2BE10; */
      background: #C0FFFF;
      margin-top: 0;
      margin-left: 0;
      margin-right: 0;
      padding: 0 3 3 3;
      /* width: 200px; */
      text-align: center;
   }

   .FS4 {
      font-size: 9pt;
      background: #C0FFFF;
      margin-top: 0;
      margin-left: 5;
      margin-right: 5;
      padding: 0 0 0 0;
      text-align: left;
   }
   .FS5 {
      border: solid red;
	border-width: 4px;
      font-size: 8pt;
      /* background: #F2BE10; */
      background: #C0FFFF;
      margin-top: 0;
      margin-left: 0;
      margin-right: 0;
      padding: 0 0 0 0;
      /* width: 200px; */
      text-align: center;
   }
   .FS6 {
	font-size: 12pt;
      	text-align: justify;
	color: black;
}
   .FS7 {
	font-size: 14pt;
      	text-align: left;
	color: black;
	font-weight: bold;
}
   .FS8 {
	font-size: 12pt;
      	text-align: left;
	color: black;
	font-weight: bold;
}
   LEGEND{
        font-size: 10pt;
	color: black;
	font-weight: bold;
   } 
   a.bulletin:link { color: #FF0000;
        	font-size: 11pt;
		font-weight: bold; }
		/*text-decoration: none; }*/
   a.bulletin:visited { color: #FF0000;
        	font-size: 11pt;
		font-weight: bold; }
		/*text-decoration: none; }*/
   a.bulletin:active { color: #FF0000;
        	font-size: 11pt;
		font-weight: bold; }
		/*text-decoration: none; }*/
   a.bulletin:hover { color: #FF0000;
        	font-size: 12pt;
		font-weight: bold;
    		background-color: #FFF11D; /*Yellow*/
		text-decoration: none; }

   a.archive:link { color: #FF0000;
        	font-size: 9pt;
		font-weight: bold;
    		background-color: #C0FFFF; /*light blue*/
		text-decoration: none; }
   a.archive:visited { color: #FF0000;
        	font-size: 9pt;
		font-weight: bold;
    		background-color: #C0FFFF; /*light blue*/
		text-decoration: none; }
   a.archive:active { color: #FF0000;
        	font-size: 9pt;
		font-weight: bold;
    		background-color: #C0FFFF; /*light blue*/
		text-decoration: none; }
   a.archive:hover { color: #FF0000;
        	font-size: 10pt;
		font-weight: bold;
    		background-color: #FFF11D; /*Yellow*/
		text-decoration: none; }

    background-color: #000000;

   a.promo:link { color: #FF0000; text-decoration: none; }
   a.promo:visited { color: #FF0000; text-decoration: none; }
   a.promo:active { color: #FF0000; text-decoration: none; }
   a.promo:hover { color: #FFFF00; text-decoration: none; }

.promo {  
    position: relative;
    top: -3px;
	font-size: 12pt;
	height: 20px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #FFFFFF; 
	font-weight: bold
}

a.nav:link {  
	color: #FFCC00; 
	text-decoration: none
}

a.nav:visited {  
	color: #FFCC00; 
	text-decoration: none
}

a.nav:hover {  
	color: #FFFFFF; text-decoration: none
}

button.nav:hover {  
	color: #FFFFFF; text-decoration: none
}

A { 
   		text-decoration: underline;
   		target-name: new;
}
   A:link { color: #3300FF; } /* Blue */
   A:visited { color: #3300FF; }
   A:active { color: #3300FF; }
   A:hover { 
	color: #3300FF;
        transition: color 1s;
   }
.h3r {
   	text-decoration: underline;
}
.h4r {
	color: #d92401; 
}
.hdr {  
	font-size: 12pt;
	padding-bottom: 7px;
	height: 22px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}

.bld { 
	font-weight: bold; 
      	text-align: justify;
	margin-right: 805;
}
.church {
	font-size: 9pt;
	color: #000000;
	font-weight: bolder;
      	text-align: center;
}

/***************** Begin Drop Down Menu *********************/

/*.nav {  
	font-size: 12pt;
	height: 20px;
    	padding: 0px 0 5px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
    border: none;
    cursor: pointer;
    background-color: #000000;
}*/

/*
.nav:hover, .nav:focus {
    background-color: #000000;
 } */

/***************** Start Hover Tooltip *********************/
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 220px;
    background-color: black;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 5px 5px 5px 5px;
    bottom: 100%;
    left: 50%; 
    margin-left: -110px;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}
/***************** End Hover Tooltip *********************/

.link-button { 
     font-size: 12pt;
     font-weight: bold;
     background: none;
     border: none;
     color: #FF0000;
     text-decoration: underline;
     cursor: pointer; 
}
.link-button:hover { 
     color: #FF0000;
     font-size: 13pt;
     font-weight: bold;
     background-color: #FFF11D; /*Yellow*/
     text-decoration: none;
}

table.hov:hover { 
     background-color: Ivory;
}
.zoom {
	cursor: zoom-in;
}
.firecur {
  cursor: url(images/FireworksCursor100x100.png) 20 20, url(images/FireworksCursor32x32.png) 16 16, pointer;
}
.gladcur {
	cursor: url(images/GladYouAreHereCursor100x79.png) 20 20, auto;
}
.handcuryellow {
	cursor: url(images/HandCursorYellow50x50.png) 20 2, auto;
}

/***************** Begin Drop Down Menu *********************/
/* Style The Dropdown Button */
.dropbtn {
  background-color: #000000;
  color: #FFCC00; /* Font Color Gold */
  padding: 3px 0px 5px 0px; /* top right bottom left (a single value applies to all 4 sides */
  font-size: 12pt;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  border: none;
  cursor: pointer;
  font-weight: bold;
  text-decoration: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #000000;
  min-width: 190px;
  /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  font-size: 12pt;
  height: 20px;
  padding: 6px 0px 5px 0px; /* top right bottom left (a single value applies to all 4 sides */
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  color: #FFCC00;  /* Gold */
  font-weight: bold;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content 
  a:hover {
  background-color: #FF0000;
  color: #000000;
  transition: color 1s;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #FF0000;
  padding: 3px 15px 5px 15px; /* top right bottom left (a single value applies to all 4 sides */
  color: #000000;
  text-decoration: none;
}

a.dropx {
	color: #FFCC00;
	text-decoration: none;
  	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12pt;
	font-weight: bold;
    }
a.dropx:hover {
	color: #000000;
    }
a.dropx:visited { 
	color: currentColor;
    }
/***************** End Drop Down Menu *********************/


/***************** Begin Image Modal *********************/
#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {
	opacity: 0.7;
	cursor: zoom-in;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 30px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

/* Caption of Modal Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation */
.modal-content, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 50px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #ff0000;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}
/***************** END Image Modal *********************/