@charset "utf-8";
/* CSS Document */
body {
    background-color:#ccc;
}
#skip {
background-color: #fff;
}
#skip a
{ 
position:absolute; 
left:-10000px; 
top:-100px; 
overflow:hidden;
font-size:20px;
padding:10px;
background-color:#fff;
} 
 
#skip a:focus 
{ 
z-index:999;
position:absolute; 
left:0px;
top:0px;
background:#fff;
outline:0;
-webkit-transition:top .1s ease-in, background .5s linear;
transition: top .1s ease-in, background .5s linear;
} 
.navbar-toggler {
	background-color:#fff;
	border-color:#000;
}
.navbar-toggler-icon {
	background-color:#fff;
}
#icons {
	width:100%;
	clear:both;
}
#skip a:focus 
{ 
	top:120px;
} 
a {
	color:#047404;
	text-decoration: underline;
}
a.btn,a.list-group-item {
	text-decoration:none;
}
.main {
	background-color:#fff;
}
.nav-link {
    color:#ffffff;
    font-size:1.5em;
}
.nav-link:hover,.nav-link:active,.nav-link:focus {
    color:#dedede;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color:#dedede;
}
#insidecontainer 	{
	background-color:#fff;
	min-height:500px;
	overflow: hidden;
}
.iframewrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.iframewrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.toggleopacity img {
		filter:alpha(opacity=90);
		-moz-opacity:0.9;
		opacity:0.9;
}
.toggleopacity:hover img {
		filter:alpha(opacity=100);
		-moz-opacity:1;
		opacity:1;
		background-color:none;
} 
#tblstaff {
	width:100%;
}
#tblstaff td,#tblstaff th {
	padding:4px;
	border:thin #666 solid;
}
#tblstaff th {
	text-align:center;
	background-color:#dedede;
}
#calendar {
	height:600px;
}
.navbar-brand {
	padding:0;
}
footer {
	background-color:#047404;
	color:#fff;
}
footer a {
	color:#ffe;
}
footer a:hover {
	color:#fff;
}
#bottomfooter {
	background-color:#333;
	color:#fff;
	text-align:center;
}
#bottomfooter a {
	color:antiquewhite;
}
#bottomfooter a:hover {
	color:#fff;
}
.dropdown-menu>li>a {
	text-decoration: none;
}
#addressline {
	float:right;
	clear:right;
	font-style: italic;
}
.staffpics {
	background-size:contain;
	background-repeat: no-repeat;
	background-position:center center;
	margin-left:auto;
	margin-right:auto;
	opacity:0.9;
}
.staffpics:hover {
		opacity:1;
}
	.eventheader {
		font-size:35px;
	}
.bhsbtn {
    background-color: #047404!important;
    color:#FFFFFF;
        
}
.bhsbtn:hover{ background-color: #058705!important;color:#FFFFFF; }
.bhsbtn:active{
    background-color: #058705!important;color:#FFFFFF;
}
.bhsbtn-outline {
    background-color: #ffffff!important;
    border:thin solid #047404;
    color:#047404;
        
}
.bhsbtn-outline:hover{ background-color: #047404!important;color:#ffffff; }
.bhsbtn-outline:active{
    background-color: #047404!important;color:#ffffff;
}
.bhs {
	background-color:#047404;
}
@media only screen and (min-width: 320px) {
body {
}
.staffpics	{
	width:200px;
	height:250px;
}
}
@media only screen and (min-width: 480px) {
.staffpics {
	width: 240px;
	height:300px;
}
img.nophoto {
	width: 240px;
	height:300px;
}
}
@media only screen and (max-width: 768px) {
.carousel-caption {
	display:none;
}	
}
@media only screen and (min-width: 768px) {
#webslider {
    height:390px;
}
#calendar {
    height:600px;
}
#addressline {
	font-size:12px;
}
}
@media only screen and (min-width: 992px) {
.nav-link {
    font-size:1.3em;
}
.navbar-brand img {
    width:230px;
    height:60px;
}
#webslider {
    height:351px;
}
	.eventheader {
		display:none;
	}
#addressline {
	font-size:14px;
}
#calendar {
    height:239px;
}
.staffpics {
	width: 160px;
	height:200px;
}
img.nophoto {
	width: 160px;
	height:200px;
}
}
@media only screen and (min-width: 1200px) {
.nav-link {
    font-size:1.5em;
}
#webslider {
    height:413px;
}
	.eventheader {
		font-size:35px;
		display:contents;
	}
#calendar {
    height:296px;
}
	.navbar-brand img {
		width:350px;
		height:100px;
	}
.staffpics {
	width: 200px;
	height:250px;
}
img.nophoto {
	width: 200px;
	height:250px;
}
}
@media only screen and (min-width: 1400px) {
    #webslider {
        height:475px;
    }
#calendar {
    height:356px;
}
}