@charset "utf-8";
/* CSS Document */
html, body {
	min-height: 100%;
	background-color: transparent ; 
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
	font-size: 100%;
	line-height: 150%;
       }
html { 
  background: url(images2019/coverimg2a.jpg) no-repeat center center fixed;   
  -webkit-background-size: cover;
  -moz-background-size: cover; 
  -o-background-size: cover;
  background-size: cover;
} 
#outsideWrapper	{ 
	max-width: 1200px;
	margin: auto; 
	border: 3px solid #ff0000;
}
.right	{
	float: right;
}
.left    {
    float: left;
}
#footer {
	text-align: center;
	border-bottom: 3px solid #333;
	padding: 20px;
	margin-bottom: 50px;
        font-size: 90%;
        line-height: 1.1em;
        background-color: #fff;
}
.homeTextLink a:hover {
	text-decoration: none;
	font-weight: bold;
	
}
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
/*Siblings Menu */
.SM-ul {
  list-style: none; 
  padding-left: 0px;
}
.SM-li {
  width:100%; 
  padding:2px;
  border-bottom: 1px solid #ccc; 
  margin:2px;
  font-size: 80%;
}
.SM a { 
  display: block; 
}
.contentImg {
    margin: 10px;
    box-shadow: 5px 5px 4px #888888;
	
  border-radius: 20px;
  width: auto;
}
hr {
    border-color:lightblue;
}
.carousel-caption{
    background: rgba(0, 0, 0, 0.4);  
}
#staticImg {
	display: none;
}
.photo_label {
    font-style: italic;
    font-size: 80%;
}
#content {
    padding-right:30px; 
}
h4 {
    font-weight: bold;
}
#staticImg {
	display:none;
}  
#myCarousel {
   display:block;
}

/*------------------------------------------------------- Small Screen ------------------768------*/
@media only screen and (max-width: 768px) {
    body {
        font-size: 90%;
        background: none; 
       background-color:skyblue;

    }  
    #staticImg {
        display:block;
    }  
    #myCarousel {
       display:none;
    }
    #mainContent { display: flex; flex-flow: column; } 
    #leftCol { order: 3; }
    #content { order: 1;  }
    #rightCol { order: 2; }
    
    #myModal{
      width: 90%;
    }
    
    .container {
        width: 100%; 
		/*padding:2px;
		margin:2px;
		margin-top:-10px;*/
    }
    
    .contentImg {
        width: 100%; 
    }
	.well {
		margin:2px;
		padding:0px;
		width:100%;
	}

	#content {
		padding-right:0px; 
	}

}

/* --------------------------------------------------------- Tablet ---------------------------- */
@media (min-width: 769px) and (max-width: 1026px) {
    body {
        background: none; 
     }
    .container {
        width: 100%;
        
    }
    .navbar-brand  {
        display: none;
    }

    .iframe-container{
      position: relative;
      width: 75%;
      padding-bottom: 56.25%; 
    height: 0;
    }
    .iframe-container iframe{
      position: absolute;
      top:0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    #staticImg {
        display:none;
    }  
    #myCarousel {
       display:block;
    }

}


/* -------------------------------------------------------Early Nav Closing ---------------------------------*/
@media (min-width: 768px) and (max-width: 885px) {
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0; 
		background-color: black;
		border: 1px; 
		border-color:#333;
		-webkit-box-shadow: none;
		box-shadow: none;
				text-align: left;
		
	}
	.navbar-nav .open .dropdown-menu > li > a {
		line-height: 20px;
	}
	.navbar-nav .open .dropdown-menu > li > a,
	.navbar-nav .open .dropdown-menu .dropdown-header {  
		padding: 5px 15px 5px 25px;
	}
	.dropdown-menu > li > a {
		display: block;
		padding: 3px 20px;
		clear: both;
		font-weight: normal;
		line-height: 1.42857143;
		color: #fff;
		white-space: nowrap;
	}
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);

    }
    .navbar-collapse.collapse {
        display: none!important; 
    }
    .navbar-nav {
        float: none!important;
        /*margin: 7.5px -15px;*/
		margin: 7.5px 50px 7.5px -15px
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0; 
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
	.navbar .navbar-collapse {
  	text-align: left;
	}	
	    .navbar-brand  {
        display: none;
    }    
	.navbar-brand  {
        display: block!important;
    }

}
/*------------------------------------------------------- #Nav Branding  -----------------------*/
@media (min-width: 769px) and (max-width: 1200px) {
    .navbar-brand  {
        display: none;
    }			
}