/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
#content a {
    color:#dedede;
    text-decoration:underline!important;
}
#content a:hover, #content a:focus {
    color:#FFFFFF;
}
#content p {font-size:1.3em;}
a:focus {outline:dotted 2px #f00!important;
}
#skip a
{ 
position:absolute; 
left:-10000px; 
top:-100px; 
overflow:hidden;
font-size:20px;
padding:10px;
} 
 
#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;
} 
#top-search form input:focus,button:focus {
     outline: dotted 1px #000!important; 
}
.dark .feature-box p {
    color: #fff;
}
.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;
}
.toggleopacity img {
		opacity:0.9;
}
.toggleopacity:hover img {
		opacity:1;
} 
.dark #primary-menu.sub-title:not(.not-dark) > ul > li > a span, #primary-menu.dark.sub-title > ul > li > a span {
    color: #fff;
}
.dark #copyrights, .dark .copyright-links a {
    color: #fff;
}
/* ----------------------------------------------------------------
	Bootstrap Adjustments
-----------------------------------------------------------------*/

@media screen and (max-width: 576px) {
.staffpics	{
	width:210px;
	height:280px;
}
img.nophoto {
	width:210px;
	height:280px;
}
}
@media (min-width: 576px) {
	.container { max-width: 540px; }
	.staffpics	{
	width:240px;
	height:320px;
}
img.nophoto {
	width:240px;
	height:320px;
}
}
@media (min-width: 768px) {
	.container { max-width: 750px; }
	.staffpics {
	width: 141px;
	height:188px;
}
img.nophoto {
	width: 141px;
	height:188px;
}
}

@media (min-width: 992px) {
	.container { max-width: 970px; }
.staffpics {
	width: 180px;
	height:240px;
}
img.nophoto {
	width: 180px;
	height:240px;
}
}

@media (min-width: 1200px) {
	.container { max-width: 1170px; }
	.staffpics {
	width: 240px;
	height:320px;
}
img.nophoto {
	width: 240px;
	height:320px;
}
}