@charset "utf-8";
body {
	font-style: inherit;
	padding: 0;
	position: relative;
	font-family: "Myriad Web", "Myriad Web Pro", Verdana, sans-serif;
	font-size: 68%;
	background-color: #9C9999;
}

.localvid:after {
content:"";
display:table;
clear:both;
}

.cc {
 float:left;
 padding: 5px;
}
.column1 {
    width:25%;
    padding-left: 1%;
}
.column2 {
    width:65%;
    padding: 1%;
}




a:link {
	color: #1146F5;
	text-decoration: none;
}
a:visited {
	color: #1146F5;
	text-decoration: none;
}
a:hover {
	color: #F3BC6E;
	text-decoration: none;
	/*color: #030303;*/
}
a:active {
	text-decoration: none;
}


.headerpix {
	width: 100%;
	/*float: left;*/
	background-color: #CEE5F0;
	text-decoration: none;
    text-align:center;
    margin-left:10px;
    
}
.headerpix img {
	/*padding-left: 50px;*/
	text-decoration: none;
	border: none;
}
.banner {
	/*height: 150px;*/
	font-size: 1.2em;
	text-align: center;
	width: 100%;
    margin-left: 20px;
	/*float: left;*/
	background-color: #8FBCD1;
}
.linkcontent {
	width: 100%;
	/*float: left;*/
	text-align:left;
	font-size: 1.3em;
	line-height: 1.5em;
	height: 500px;
	overflow-y: scroll;
	border-style: groove;
	background-color: #CEE5F0;
	padding-left: 10px;
}
.linkcontent li{
	margin-top:5px;
}
.vidwindowbackground {
	width: 100%;
    height: auto;
    margin-left: 20px;
    padding-top: 10px;
	background-color: #3A3A3A;
}

.playerwindow { 
   /* width: 100%;*/ 
    position: relative;
    margin-top: 10px; 
    text-align: center;
    overflow: hidden;
    padding-bottom:5%;
}

#footer {
	font-size: 1.5em;
}
/*.row:after {
    content: "";
    display:table;
    clear:both;  
}*/

.vidresponsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;  
}
.vidresponsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.indxmessage {
	width:100%;
	font-size: 1.2em;
	padding: 5%;
	color:aliceblue
	
}

.backtoindex {
	display:none;
}


@media screen and (max-width:1000px) {

.cc {
 float:left;
 padding: 5px;
}
.column1 {
    width:25%;
    padding-left: 1%;
}
.column2 {
    width:65%;
    padding: 1%;
}

.linkcontent {
	width: 100%;
	/*float: left;*/
	font-size: 1.3em;
	line-height: 1.2em;
	/*height: 475px;*/
	height:auto;
	overflow-y: scroll;
	border-style: groove;
	background-color: #CEE5F0;
	padding-left: 10px;
}
.headerpix {
display:none;
    
}
.banner {
	display:none;
}   
    
    
}
 


@media screen and (max-width:600px) {
 
.cc {
 float:none;
 padding: 5px;
}	
 .linkcontent {
	position:fixed;
	 top:310px;
	width: 50%;
	/*float: left;*/
	font-size: .8em;
	line-height: 1em;
	/*height: 475px;*/
	height:auto;
	overflow-y: scroll;
	border-style: groove;
	background-color: #CEE5F0;
	padding-left: 5px
}
.headerpix {
display:none;
    
}  
 .banner {
	display:none;
}   
	.smallBanner{
		display:block;		
	}  
    
	.backtoindex{
		display:block;
		font-size: 2em;
		font-weight:900;
		color:aliceblue;
		text-align: center;
		margin-top:20px;
	}
	
}
@media screen and (max-width:450px) {
.linkcontent {
position:fixed;
top:250px;
	width: 50%;}
}
/*Optional responsive code

.embed-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
    height: auto; } 

.embed-container iframe, .embed-container object, .embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; }

*/