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

body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-color: #000;
	padding: 0;
	margin-top: 0px; /* added to allow content text to scroll under header */
}
.header{
	width:1020px;
	height:155px;
}
.index_background {
	background-image: url(../images/Backgrounds/2017-1_index_800x800.png);	
	background-position: 210px 160px; /* this direct place right and down */
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: 800px 700px;
	overflow-x: hidden;
	}
.info_background {
	background-image: url(../images/Backgrounds/2017-1_info_800x800.png);
	background-position: 210px 105px; /* R-T this direct place right and down */
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: 800px 700px;
	overflow-x: hidden;	
}
.friends_background {
	background-image: url(../images/Backgrounds/FriendsBckGrnd_800X800.png);
	background-position: 210px 105px; /* R-T this direct place right and down */
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: 800px 700px;
	overflow-x: hidden;	
}
.friends_padding {
	padding: 0px 210px 0px 130px;
}
.distributors_background {
	background-image: url(../images/Backgrounds/distributorsbckgrd_800x800.png);
	background-position: 210px 105px; /* R-T this direct place right and down */
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: 800px 700px;
	overflow-x: hidden;	
}
.distributors_padding {
	padding: 0px 250px 0px 100px;
}
.halovidbckground{
	background-image: url(../images/Backgrounds/orange-purple-smoke.jpg);  /* added the ../ to correct the images folder */
	background-attachment: fixed;
}
.xmasvidbckground{
	background-image: url(../images/Backgrounds/BlueFlakes-1.jpg);  /* added the ../ to correct the images folder */
	background-attachment: fixed;
}
.Christmas_Stats_bckgrd {
	background-image: url(../images/Backgrounds/StatisticsBckGrnd4.png);
	background-size: 990px 850px;
	background-repeat: no-repeat;
	padding: 30px 0px 80px 20px;
	margin-top: 10px;  /* Space between video and stats background */
}
.Christmas_Stats_Title {
	font-size: 24px;
	color: #390;
	font-family: Georgia, "Comic Sans MS", cursive;
	style: "text-decoration: underline"; 
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
	padding: 0px 15px 5px 25px;
	list-style-type: none;
}
.Christmas_Stats {
	font-size: 18px;
	color: #F5F5EC; /* #000; */
	font-family: Georgia, "Comic Sans MS", cursive;
	font-style: italic;
	font-weight: bold;
	padding: 0px 0px 20px 65px;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #FFFFFF;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #FFFF00;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}
/* ~~this fixed width container surrounds the other divs~~ */
.container {
	width: 1020px;
	margin: 0;
  	/* border: 1px double white;  */
 	}
.content {
	padding: 0;
	width: 800px;
}
.content-xmaspics {
	padding: 10px 50px 50px 50px;
	width: 700px;
	height: 475px;
}
.content_video {
	padding: 10px 0;
	width: 1000px;
	float: left;
}
.distributors {
		padding: 0px 0px 0px 50px;
}
.leftlogo {
    padding: 20px 0px 0px 10px;
	position:fixed;
	visibility:show;
}
.banner {
	padding: 0px 0px 0px 249px;
  	position:fixed;
	visibility:show;
	}
.banner_scroll {
	padding: 0px 0px 0px 250px;	
}	
.para-pading {
	padding: 0px 150px 0px 175px; /* T-R-B-L */
	}
.center {
  text-align: center;
}
.footer {
	color: Green;
	font-size: 12px;
}
.closed {
	font-family: "Comic Sans MS", cursive;
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
	line-height: normal;
	color: #3CF;
	text-align: center;
}
.donations {	font-size: 18px; /* Food and Cash Donation */
	color: #0F0;
	font-style: italic;
	font-family: "Comic Sans MS", cursive;
	text-align: Center;
}
.donations1 {	font-size: 18px; /* Donation Numbers */
	font-family: "Comic Sans MS", cursive;
	text-align: left;
	color: #0F0;
	margin: 0px;
	padding: 0px;
}
.radio {
	font-size: 24px;
	font-family: "Times New Roman", Times, serif;
	color: #0F0;
	font-style: italic;
	font-weight: bold;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.station {
	color: yellow;
	font-size: 36px;
	font-family: "Times New Roman", Times, serif;
	padding: 0 0 0 0 ;
	margin: 0 0 0 0;
}
.showtime {
	font-size: 28px;
	font-family: "Times New Roman", Times, serif;
	color: #F90;
	font-style: italic;
	font-weight: bold;
	padding:0px;
}
.showtimes1 {
	font-size: 24px;
	font-family: "Times New Roman", Times, serif;
	color: #F90;
	font-style: italic;
	font-weight: bold;
	padding:0px;
}
.showtimes2{
	font-size: 22px;
	font-family: "Times New Roman", Times, serif;
	color: #F90;
	font-style: italic;
	font-weight: bold;
	padding:50 0 0 0;
}
.showtimes2white{
	font-size: 22px;
	font-family: "Times New Roman", Times, serif;
	color: #FFFFFF;
	font-style: italic;
	font-weight: bold;
	padding:50 0 0 0;
}
.showtimes2green{
	font-size: 22px;
	font-family: "Times New Roman", Times, serif;
	color: #0F0;
	font-style: italic;
	font-weight: bold;
	padding:50 0 0 0;
}
.showtimes2titlegreen{
	font-size: 26px;
	font-family: "Times New Roman", Times, serif;
	color: #0F0;
	font-style: italic;
	font-weight: bold;
	padding:0 0 0 0;
}
.GalleryTitle {
	font-size: 30px;
	font-family: "Comic Sans MS", cursive;
	color: #0F0; /* #F90;  */
	font-style: italic;
	font-weight: bold;
/* 	border: 1px solid #ccc; */
	padding: 0px;
	margin-top: 0px;
	line-height: 0;;
}
/* Column css for donation section*/
.table_donations {
  padding:0px 0px 100px 235px; /* T-R-B-L Padding bottom force next line down and left to center */
}
.left-column, .right-column{
  float:Left;
  /* border:solid 1px white; */
}
.left-column{
  width:250px;
}
.right-column{
  width:100px; 
}
/* Column css for hours section*/
.table_hours{
  padding:0px 0px 100px 200px; /* T-R-B-L Padding bottom force next line down and left to center */
}
.table_hours2{
  padding:0px 0px 100px 150px; /* T-R-B-L Padding bottom force next line down and left to center */
}
.left-column-h, .right-column-h{
  float:Left;
  /* border:solid 1px white; */
}
.left-column-h{
  width:310px;
}
.right-column-h{
  width:200px; 
}
.left-column-h2, .right-column-h2{
  float:Left;
  /* border:solid 1px white; */
}
.left-column-h2{
  width:350px;
}
.right-column-h2{
  width:200px; 
}
.address {
	padding:5px 0px 5px 0px;
	color: #3CF;
	font-size: 18px;
}
.address2 {
	padding:0px 0px 0px 0px;
	color: #3CF;
	font-size: 18px;
}
.happy_holiday-1 {
	font-family: "Comic Sans MS", cursive;
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
	line-height: normal;
	color: #3CF;
	text-align: center;
	-webkit-transition: all;
	-moz-transition: all;
	-ms-transition: all;
	-o-transition: all;
	transition: all;
}
.Holding_Space_1 {
	font-family: "Comic Sans MS", cursive;
	font-size: 18px;
	font-style: italic;
	color: red;
	font-weight: bold;	
	padding: 0px;
}
.ad:link {
	font-size: 14px;
	color: #03F;
	font-family: "Times New Roman", Times, serif;
}
.ad:visited {
	text-decoration: none;
	color: #0FF;
}
.ad:focus {
	text-decoration: none;
	color: #0FF;
}
.ad:hover {
	text-decoration: underline;
	color: #0FF;
}
.ad:active {
	text-decoration: underline;
	color: #0FF;
	background: #06F;
}
.email:link {
	font-size: 20px;
	color: #FF0;
	font-family: "Times New Roman", Times, serif;
}
.email:visited {
	text-decoration: none; 
	color: #FFF; 
/* 	background: #06a;  */ 
}
.email:focus {
	text-decoration: none; 
	color: #FFF; 
/*	background: #06b; */
}
.email:hover {
	text-decoration: underline; 
	color: #FFF; 
/*	background: #06b; */
}
.email:active {
	text-decoration: underline; 
	color: #FFF; 
 	background: #06F;  
}
.Style_Comic_1{
	font-family: "Comic Sans MS", cursive;
	font-size: 18px;
	font-style: italic;
	color: #0F0;
	font-weight: normal;
}
.Style_Comic_2{
	font-family: "Comic Sans MS", cursive;
	font-size: 18px;
	font-style: italic;
	color: #F60;
	font-weight: normal;
}
.Hallo-caption {
	font-size: 18px;
	color: #FF0;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.Hallo-caption-Title {
	font-size: 24px;
	color: #F00;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.Hallo-caption-Title-Lastupdated {
	font-size: 10px;
	color: #FF0;
	font-family: "Times New Roman", Times, serif;
}
.Halloween_Stats_bckgrd {
	background-image: url(../images/Backgrounds/Halo_Statics_BckGrnd-A.png);
	background-size: 1000px 800px;
	background-repeat: no-repeat;
	padding: 35px 0px 80px 10px;
	margin-top: 10px;  /* Space between video and stats background */
}
.Halloween_Stats_Title {
	font-size: 24px;
	color: #000000;
	font-family: Georgia, "Comic Sans MS", cursive;
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
	padding: 0px 15px 5px 25px;
	list-style-type: none;
}
.Halloween_Stats {
	font-size: 18px;
	color: #F5F5EC; /* #000; */
	font-family: Georgia, "Comic Sans MS", cursive;
	font-style: italic;
	font-weight: bold;
	padding: 0px 0px 20px 65px;
}

/*                                      */
/* 5/1/2018  New Left Nav Menu          */
/* 5/8/2018  Fixed sidenav, full height */
/* 5/26/2018 Added clolorful buttons    */
/*                */

/* .sidenav {
    width: 180px;
    position: fixed;
    z-index: 1;
    left: 0 auto;     /* Controls the Horizontal position. 0 auto; keeps menu centered with Container. */
 /*   overflow-x: hidden;
    padding-top: 150px;
} */
.sidenav {
    width: 180px;
    position: fixed;
    z-index: 1;
    left: 0 0 0 0;     /* Controls the Horizontal position. 0 auto; keeps menu centered with Container. */
    overflow-x: hidden;
	}
.menuhome {
	background-image: url(../css/images/buttons/DkBlue_75.png);
	background-repeat: no-repeat;
}
.menuinfo {
	background-image: url(../css/images/buttons/Green_75.png);
	background-repeat: no-repeat;
}
.menuxmas {
	background-image: url(../css/images/buttons/Red_75.png);
	background-repeat: no-repeat;
}
.menuhalo {
	background-image: url(../css/images/buttons/Orange_75.png);
	background-repeat: no-repeat;
}
.menufriends {
	background-image: url(../css/images/buttons/Yellow_75.png);
	background-repeat: no-repeat;
}
.menudistributors {
	background-image: url(../css/images/buttons/LtBlue_75.png);
	background-repeat: no-repeat;
}
/* 2018 Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn {
    padding: 8px 8px 6px 16px;
    text-decoration: none;
    font-size: 20px;
    color: #000000;
    display: block;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;
}
/* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover {
    color: #f1f1f1;
}
.main {
    margin-left: 200px; /* Same as the width of the sidenav */
    font-size: 20px; /* Increased text to enable scrolling */
    padding: 0px 10px;
}
/* Add an active class to the active dropdown button */
.active {
    /* background-color: green; */
	background-image: url(../css/images/buttons/Pink_60.png);
	background-repeat: no-repeat;
    color: white;
}
/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container-X {
    display: none;
	background-image: url(../css/images/buttons/Red_60.png);
	background-repeat: round;	
    padding-left: 0px 0px 0px 30px;
}
.dropdown-container-H {
    display: none;
	background-image: url(../css/images/buttons/Orange_75.png);
	background-repeat: round;
    padding: 0px 0px 0px 30px;
}
/* Optional: Style the caret down icon */
.fa-caret-down {
    float: right;
    padding-right: 8px;
}
/* Some media queries for responsiveness may need to add this back in for smart phones*/
/* @media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 20px;}
}  */