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

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
}

#more {display: none;}

.Read-More-div-Wrapper {
	line-height: 30px;
	text-align: justify;
}

.Wrapper-Home-Page-Content-div {
	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
}

.Wrapper-Home-Page-Content-div-2 {
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12pt;
	line-height: 150%;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
  height: 60px;
	background-color: #0CF;
}

.Webform-Wrapper {	padding: 15px;
	border: 1px solid #999;
}

img {
	max-width: 100%;
	height: auto;
}

.Cols-Container {
	width: 100%;
	background-color: #6FF;
}

.row {
	max-width: 960px;
	background-color: #9F0;
}

.colm {
	background-color: #CFF;
	width: 30.33%;
	float: left;
	
}

.colm2 {
	display: block;
	background-color: #CFF;
	width: 30.33%;
	float: right;
	
}

.col3 {
	display: block;
	background-color: #CFF;
	width: 30.33%;
	float: left;
	
}

.clear-all {
	clear: both;
}

.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

.active, .accordion:hover {
    background-color: #ccc; 
}

.panel {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
}

#red {
	color: #F00;
}

fieldset {
  display: block;
  margin-left: 2px;
  margin-right: 2px;
  padding-top: 0.35em;
  padding-bottom: 0.625em;
  padding-left: 0.75em;
  padding-right: 0.75em;
  border: 2px groove (internal value);
}

.Font-16 {
	font-size: 16pt;
}

#Font-16 {
	font-size: 16pt;
}

.Font-Red {
	color:#F00;
}

#Font-Red {
	color:#F00;
}

.Yellow-Background {
	background-color: #FF0;
}

#Yellow-Background {
	background-color: #FF0;
}
.Blue-Background {
	background-color: #C6DDFF;
}

.Music-Page {
	line-height: 300%;
}



 /* Navbar container */
.navbar {
  overflow: hidden;
  background-color: #333;
  font-family: Arial;
}

/* Links inside the navbar */
.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
}

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  width: 100%;
  left: 0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Mega Menu header, if needed */
.dropdown-content .header {
  background: red;
  padding: 16px;
  color: white;
}

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

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 33.33%;
  padding: 10px;
  background-color: #ccc;
  height: 250px;
}

/* Style links inside the columns */
.column a {
  float: none;
  color: black;
  padding: 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a background color on hover */
.column a:hover {
  background-color: #ddd;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}