body {background-color:#ffffff; margin: 0; padding: 0;}
a:link {color:#49b7de; text-decoration:none;} 
a:visited {color:#49b7de; text-decoration:none;} 
a:hover {color:#4c8dbf; text-decoration:none;} 
a:active {color:#4c8dbf; text-decoration:none;}


a.white:link {color:#fff; text-decoration:none;} 
a.white:visited {color:#fff; text-decoration:none;} 
a.white:hover {color:#fff; text-decoration:none;} 
a.white:active {color:#fff; text-decoration:none;}

a.menulink:link {color:#000; text-decoration:none;} 
a.menulink:visited {color:#000; text-decoration:none;} 
a.menulink:hover {color:#000; text-decoration:none;} 
a.menulink:active {color:#000; text-decoration:none;}

a.menulinkselected:link {color:#5489f7; text-decoration:none;} 
a.menulinkselected:visited {color:#5489f7; text-decoration:none;} 
a.menulinkselected:hover {color:#5489f7; text-decoration:none;} 
a.menulinkselected:active {color:#5489f7; text-decoration:none;}

ul.menulinkul {
    list-style: none;
    
     /*padding-left: 0;
   width: 300px;*/
}

ul.menulinkul li {
  line-height: 2.5em;

  background:yellow;
}

.menuformat
{
/*margin-left:30px;
margin-bottom:15px;*/
padding:18px;18px;18px;18px;
}
.menuselected
{
background-color:#000;



}
.main_menu_styled
{
width:25%; 


}
/*GET RID OF JITTER*/
a.solidlinkselected {
  text-decoration: none;
  color: #5489f7;
  text-shadow: -.25px -.25px 0 transparent, 
                .25px .25px transparent;
  margin: 0 4px;
}
a.solidlinkselected:hover {
  text-shadow: -.25px -.25px 0 #5489f7, 
                .25px .25px #5489f7;
}
/*END GET RID OF JITTER*/

/*GET RID OF JITTER*/
a.solidlink {
  text-decoration: none;
  color: #000;
  text-shadow: -.25px -.25px 0 transparent, 
                .25px .25px transparent;
  margin: 0 4px;
}
a.solidlink:hover {
  text-shadow: -.25px -.25px 0 black, 
                .25px .25px black;
}
/*END GET RID OF JITTER*/

h1 {font-family: 'Lexend', Arial, Helvetica, Trebuchet, sans-serif; font-size: 24px; text-align: left; font-weight: bold; color:#ffffff; letter-spacing: 0.5px; margin-left:75px;}

p {font-family: 'Lexend', Arial, Helvetica, Trebuchet, sans-serif; font-size: 18px; text-align: left; line-height:24px; color:#000000;}
p.sound {font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align: left; line-height:20px;  color:#000000;}
p.caption {font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-align: center; line-height:14px; color:#000000;}
p.slider {font-family: 'Lexend', Arial, Helvetica, Trebuchet, sans-serif; font-size: 20px; text-align: left; line-height:24px; font-weight:bold; color:#000000;}
p.moreinfoslider {font-family: 'Lexend', Arial, Helvetica, Trebuchet, sans-serif; font-size: 16px; text-align: center; line-height:24px; font-weight:bold; color:#000000;}

.clearfix::after {
  content: '';
  display: block;
  clear: both;
}

#footer1 {padding:25px; background-color:#7c7c7c; text-align:center; }
#footer2 {padding:5px; background-color:#7c7c7c; text-align:center;}
.footer1_box {font-family: 'Lexend', Arial, Helvetica, Trebuchet, sans-serif; width: max-width:200px; height: auto; font-size:11px; background-color:#7c7c7c; color:#ffffff; display: inline-block; padding:5px 25px; vertical-align:top; text-align:left;}
.footer2_box {font-family: 'Lexend', Arial, Helvetica, Trebuchet, sans-serif; width: max-width:70px; height: auto; font-size:11px; background-color:#7c7c7c; color:#ffffff; display: inline-block; padding:5px 5px; vertical-align:top; text-align:left;}
.footer3_box {font-family: 'Lexend', Arial, Helvetica, Trebuchet, sans-serif; width: max-width:170px; height: auto; font-size:11px; background-color:#7c7c7c; color:#ffffff; display: inline-block; padding:1px 1px; vertical-align:top; text-align:right;}

.social {height:28px; float:left; vertical-align:top; margin-left:10px;}
.left { float:left; width:47%;}
.right { float:left;  width:48%; margin-left:5%;}
img {
    max-width: 100%;
    height: auto;
    }

	
.inside {background-color:#ffffff; 
  
	   
	  
	   text-align:left;
	
}

.inblack {background-color:#7c7c7c; 
		width:90%; 
		padding:5%; 
		float:left;
}

.inwhite {background-color:#ffffff; 
		width:90%; 
		padding:5%; 
		float:left;
}

.introarea {background-color:#c6efef; 
		width:90%; 
	    margin-top:1%;
		padding:5%;
		float:left;
}

.introq {background-color:#c6efef; 
		font-size: 14px;
	    font-weight: bold;
		margin-right: 20%;
		margin-left: 20%;
}

.introa {margin-top:-1%;
	   font-size: 14px;
	   margin-right: 20%;
	   margin-left: 20%;
}

.blackthm {width:30%; 
		float:left; 
		padding-right:3.33%;
		text-align:center;
		/*color:#ffffff;*/
		font-size:14px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight:bold;
}


.container {
  position: relative;
  width: 23%;
  background-color: #ffffff;
  float:left;
  margin-right:2%;
  text-align:center;
}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.container:hover .image {
  opacity: 0.5;
}

.container:hover .middle {
  opacity: 1;
}

.text {
  color: white;
		font-size:14px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight:bold;

}

.line {width:100%; height:54px; background-color:#7c7c7c;}
#handout {width:100%; background-color:#7c7c7c; padding-top:10px;padding-bottom:10px;}

#soundpromo {width:100%; background-color:#5d3c11; padding-top:25px;}
	
audio {
	width:100%;
}

.toc
{

text-align:center;
}
/* Extra small devices (phones, 600px and down) */
@media screen and (max-width: 800px) { 
.main_menu_styled
{
width:40%; 


}
}
@media screen and (min-width: 1921px) {

.main_menu_styled
{
width:15%; 


}

}

@media screen and (min-width: 3000px) {

.main_menu_styled
{
width:10%; 


}

}

@media screen and (min-width: 7000px) {

.main_menu_styled
{
width:5%; 


}

}