body
{ 
	padding : 25px;
	background-color : #000;
	color : #000000;
	font-family: fantasy;
}
h1
{
    color: #b71c1c;
	font-family: Papyrus, Impact, fantasy;
	font-size:3.2em; 
	font-weight:bold; 
}
h2
{
    color: #b71c1c;
	font-family: Papyrus, Impact, fantasy;
}
h3
{
    color: #b71c1c;
	font-family: Papyrus, Impact, fantasy;
}
h4
{
    color: #b71c1c;
	font-family: Papyrus, Impact, fantasy;
}
p
{
    color: #FFF;
	width : 100%;
}
ul
{
    background-color:#D3D3D3;
    padding-top:25px;
    padding-bottom:5px;
    padding-left:25px;
    padding-right:25px;
}
li
{
    color: #000;
	text-align:left;
}
.right
{
	float : right;
	text-align : right;
}
.italic
{
	font-style : italic;
}

a
{
	text-decoration : none;
	color : #FFF;
	font-weight : bold;
}
.page_number
{
	font-weight : bold;
	text-align : right;
	padding-bottom : 20px;
}
.container
{
	text-align : center;
	justify-content: center;
	padding-bottom : 75px;
}
.gray
{
	color : #FFF;
}
.center_all
{
	display : inline-block;
	margin : auto;
}
.l_container
{
	text-align : justify;
	max-width : 400px;
}
.ll_container
{
	text-align : justify;
	max-width : 400px;
	background-color : #dcdce2;
	padding : 20px;
}
.lll_container
{
	text-align : center;
	max-width : 400px;
	background-color : #eaeaf2;
	padding : 20px;
}

.podcast_4
{
    box-shadow: 0 0 3.5px 10px #1279c6;
	margin : 15px;
	min-height : 150px;
	padding : 50px;
	background-color : #1279c6;
	background-image : url('../img/podcast_background.png');
	background-size : contain;
	background-repeat : no-repeat;
	background-position : center;
	display : inline-block;
}
.podcast_3
{
    box-shadow: 0 0 3.5px 10px #9e9e9e;
	margin : 15px;
	min-height : 150px;
	padding : 50px;
	background-color : #9e9e9e;
	background-image : url('../img/podcast_background.png');
	background-size : contain;
	background-repeat : no-repeat;
	background-position : center;
	display : inline-block;
}
.podcast_2
{
    box-shadow: 0 0 3.5px 10px #44BECB;
	margin : 15px;
	min-height : 150px;
	padding : 50px;
	background-color : #44BECB;
	background-image : url('../img/podcast_background.png');
	background-size : contain;
	background-repeat : no-repeat;
	background-position : center;
	display : inline-block;
}
.podcast
{
    box-shadow: 0 0 3.5px 10px #FF6666;
	margin : 15px;
	padding : 50px;
	background-color : #FF6666;
	background-image : url('../img/podcast_background.png');
	background-size : contain;
	background-repeat : no-repeat;
	background-position : center;
	display : inline-block;
}
.podcast h2, .podcast p, .podcast_2 h2, .podcast_2 p, .podcast_3 h2, .podcast_3 p, .podcast_4 h2, .podcast_4 p
{
	width : 200px;
}
/* Add a black background color to the top navigation */
.bottom_nav {
	background-color: #FFF;
	overflow: hidden;
	position : fixed;
	bottom : 0;
	left : 0;
	width : 100%;
	opacity : 0.85;
}

/* Style the links inside the navigation bar */
.bottom_nav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 20px 25px;
  text-decoration: none;
  font-size: 17px;
	font-style : normal;
}

/* Change the color of links on hover */
.bottom_nav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add a color to the active/current link */
.bottom_nav a.active {
  background-color: #4CAF50;
  color: white;
}
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}