nav {
	 margin: 0px 0px;
	 text-align: center;
}
 nav ul ul {
	 display: none;
}
 nav ul li:hover > ul {
	 display: block;
}
 nav ul {
	 background: #7a212d;
	 box-shadow: 0px 0px 9px rgba(0,0,0,0.45);
	 padding: 0 10px;
	 border-radius: 0px;
	 list-style: none;
	 position: relative;
	 display: inline-table;
	 z-index: 2100000;
}
 nav ul:after {
	 content: "";
	 clear: both;
	 display: block;
}
 nav ul li {
	 float: left;
}
 nav ul li:hover {
	 background: #8a2432;
}
 nav ul li a {
	 color: #fff;
}
 nav ul li a {
	 display: block;
	 padding: 15px 20px;
	 color: #fff;
	 text-decoration: none;
}
 nav ul ul {
	 background: #00577d;
	 border-radius: 0px;
	 padding: 0;
	 position: absolute;
	 top: 100%;
}
 nav ul ul li {
	 float: none;
	 border-top: 1px solid #6b727c;
	 border-bottom: 1px solid #575f6a;
	 position: relative;
}
 nav ul ul li a {
	 padding: 15px 40px;
	 color: #fff;
}
 nav ul ul li a:hover {
	 background: #f8bf00;
	 color: #fff;
}
 nav ul ul ul {
	 position: absolute;
	 left: 100%;
	 top: 0;
}
 .shower {
	 width: 100%;
	 background: #8a2432;
	 text-align: center;
	 position: relative;
	 height: 100px;
}
 .logodiv {
	 float:left;
	 padding:5px 0px 10px 20px;
}
/* MAXidth: 600px) {
	...
}
 “If [device width] is less than or equal to 600px, then do {
	…
}
” MINidth: 600px) {
	...
}
 “If [device width] is greater than or equal to 600px, then do {
	…
}
” */
/* @media only screen and (min-width: 1024px) {
	 .hider {
		 display: none;
	}
}
 @media only screen and (max-width: 1024px) {
	 .shower {
		 display: none;
		 text-align: center;
	}
}
 */
 .ilb {
	 display: inline-block;
	 bottom: 0;
	 left: 0;
}
 a.ex1:hover, a.ex1:active {
	 color: red;
}
 a.linky, a.linky:hover, a.linky:visited, a.linky:active {
	 color: #ffffff;
}
 .dark-style {
	 color: snow;
	 background-color: #333;
	 padding: 50px 80px;
	 text-align: left;
	 font-size: 3rem;
}
 .light-style {
	 color: #000000;
	 background-color: snow;
	 padding: 50px 80px;
	 text-align: left;
	 font-size: 1.25rem;
}
 .boldred {
	 color: #8a2432;
	 font-weight: bold;
}
 .logooff {
	 margin-bottom:25px;
	 margin-top:25px;
}
 .whitehead {
	 color: snow;
}
 .resp-container {
	 position: relative;
	 overflow: hidden;
	 padding-top: 56.25%;
	 height: auto;
	 min-height: 45rem;
}
 .resp-iframe {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 border: 0;
}
 .program-hero-media {
	 min-width: 18rem;
}
 .program-hero-buttons {
	 color: snow;
	 font-weight: bold;
}
 .navcont {
	 margin: 20px 5px 0px 0px;
	 float:right;
}
 .clearboth {
	 clear: both;
}
 @media only screen and (max-width: 1024px) {
	 .navcont {
		 margin: -10px 0px 0px 0px;
		 float: right;
		 width: 100%;
		 background: #8a2432;
	}
	 .shower {
		 width: 100%;
		 background: #8a2432;
		 height: 165px;
	}
	 nav ul li a {
		 padding: 10px 10px;
		 margin-top: 10px;
	}
}
 @media only screen and (max-width: 800px) {
	 .hider {
		 display: none;
	}
}
 .caption {
	 position: absolute;
	 left: 0;
	 top: 10px;
	 text-align: center;
	 color: #000;
}
 .caption2 {
	 position: absolute;
	 left: 60%;
	 bottom: 5%;
	 text-align: center;
	 color: #000;
}
h5 {
	 color:white !important;
	 padding: 10px ;
}
 @media only screen and (min-width: 768px) {
	 .unhider {
		 display: none;
	}
}
 @media only screen and (max-width: 768px) {
	 .hider {
		 display: none;	 
	}
	 .unhider {
		display: block;
		background-color: #323232;	
		color: white;
		text-align: center;
		margin-top: -10px;
		margin-bottom: -10px;
	}
	 .caption2 {
		 left: 0;
	}
	 .logodiv2 {
		 left: 0;
		 font-size: 1.5rem;
	}
	 .container {
		 font-size: 1.75rem;
	}
	 .dark-style {
		 padding: 50px 10px;
	}
	 .light-style {
		 padding: 50px 10px;
	}
	p {
	    font-size: 1rem;   
	}
	}

 .texty {
	 font-size: 1.25rem;
}
 .logodiv2 {
	 font-size:1.5rem;
	 color: snow;
	 letter-spacing: 4px;
	 background-color: #00577d;
}

li {
	line-height: 1.25rem;
}
.newli {
    font-size: 1rem;
    line-height: 1.5rem;
	color: #000000;
}