@charset "utf-8";
/* CSS Document */
body {
	background-color:#ccc;
}
a {
	color:#2d699e;
	text-decoration: underline;
}
a.btn {
	text-decoration:none;
}
.main {
	background-color:#fff;
}
.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;
} 
#tblstaff {
	width:100%;
}
#tblstaff td,#tblstaff th {
	padding:4px;
	border:thin #666 solid;
}
#tblstaff th {
	text-align:center;
	background-color:#dedede;
}
.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;
}
@media only screen and (min-width: 320px) {
body {
  padding-top: 85px;
}
nav.navbar {
  min-height:80px;
}
.navbar-default .navbar-nav>li>a {
	color:#686868;
	text-decoration:none;
}
nav.navbar img {
	height:70px;
	width:auto;
}
.navbar-toggle {
   margin-bottom:40px;
}
.staffpics {
	width: 240px;
	height:300px;
}
img.nophoto {
	width: 240px;
	height:300px;
}

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

}
@media only screen and (min-width: 768px) {
body {
  padding-top: 125px;
}
nav .navbar-toggle {
  margin: 13px 15px 13px 0;
}
.navbar-nav>li> a {
  font-size: 15px;
  padding:20px 5px;	
  transition: all 0.3s ease;
}
nav.navbar img {
	height:100px;
	width:auto;
  transition: all 0.3s ease;
}
nav.navbar {
  min-height:120px;
  transition: all 0.3s ease;
}
nav.navbar.shrink {
  min-height: 85px;
}
nav.navbar.shrink .navbar-brand {
  font-size: 25px;
}
nav.navbar.shrink a {
  font-size: 15px;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}
nav.navbar.shrink img {
	height:75px;
	width:auto;
}
nav.navbar.shrink .navbar-toggle {
  margin: 8px 15px 8px 0;
  padding: 4px 5px;
}
.staffpics {
	width: 240px;
	height:300px;
}
img.nophoto {
	width: 240px;
	height:300px;
}
}
@media only screen and (min-width: 992px) {
.staffpics	{
	width:200px;
	height:250px;
}	
.navbar-nav>li> a {
  font-size: 18px;
  padding:20px 10px;	
}
}
@media only screen and (min-width: 1200px) {
.staffpics	{
	width:240px;
	height:300px;
}
.navbar-nav>li> a {
  font-size: 24px;
  padding:20px 10px;	
}

}