/* Nav shrink on scroll
-----------------------------------------------------------------*/
body {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #efefef;
      font-family: 'Raleway', sans-serif;
}
h1,h2,h3 {
	color: #33479d;
}
a {
	text-decoration: underline;
	color: #3277B3;
}
a.btn, a.list-group-item {
	text-decoration: none;
}
#banner {
	background-color:#3954A5;
}
#address {
    font-size:11px;
}
  nav {
      font-weight: bold;
  }
nav.navbar {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
		}
.navbar-default {
	border:none;
	background-color:#fff;
}
nav .navbar-toggle {
  margin: 13px 15px 13px 0;
}
.navbar-default .navbar-nav>li>a {
    color: #324798;
	background-color:#ffffff;
}
nav.navbar li a {
  font-size: 22px;
	padding-top:20px;
	padding-bottom:20px;
	text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
nav.navbar ul.dropdown-menu a {
	font-size:16px;
	padding:5px;
}
#mainarea {
	border-top: 1px solid #3954a5;
}
.staffpics {
	background-size:contain;
	background-repeat: no-repeat;
	background-position: bottom;
	margin-left:auto;
	margin-right:auto;
	opacity:0.9;	
}
.staffpics:hover {
		opacity:1;
}
#maincontent {
	min-height:500px;
}

footer p, footer a, footer h2, footer li, #bottomfooter a {
    color:#fff;
}
footer a:hover,footer a:focus, #bottomfooter a:hover, #bottomefooter a:focus {
    color:antiquewhite;
}
footer {
	color:#eee;
	background-color:#33479d;
}
#bottomfooter {
	text-align:center;
	background-color:#111;
    color:#ffffff;
}
.toggleopacity img {
		opacity:0.9;
}
.toggleopacity:hover img {
		opacity:1;
		background-color:none;
} 
#calendar {
    width: 100%;
	height: 650px;
}
.btn-primary { 
  color: #ffffff; 
  background-color: #3954A5; 
  border-color: #666666; 
} 
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.open .dropdown-toggle.btn-primary { 
  color: #ffffff; 
  background-color: #337AB7; 
  border-color: #666666; 
} 
.btn-primary:active, 
.btn-primary.active, 
.open .dropdown-toggle.btn-primary { 
  background-image: none; 
} 
.btn-primary.disabled, 
.btn-primary[disabled], 
fieldset[disabled] .btn-primary, 
.btn-primary.disabled:hover, 
.btn-primary[disabled]:hover, 
fieldset[disabled] .btn-primary:hover, 
.btn-primary.disabled:focus, 
.btn-primary[disabled]:focus, 
fieldset[disabled] .btn-primary:focus, 
.btn-primary.disabled:active, 
.btn-primary[disabled]:active, 
fieldset[disabled] .btn-primary:active, 
.btn-primary.disabled.active, 
.btn-primary[disabled].active, 
fieldset[disabled] .btn-primary.active { 
  background-color: #3954A5; 
  border-color: #666666; 
} 
.btn-primary .badge { 
  color: #3954A5; 
  background-color: #ffffff; 
}
.panel-primary {
    border-color: #3954A5;
}
.panel-primary>.panel-heading {
    color: #fff;
    background-color: #3954A5;
    border-color: #3954A5;
}
.hidden 
{position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;}

/*This is for skipping repetitive content for sighted users 
<div id="skip"><a href="#content">Skip to Main Content</a></div>
*/
#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;
} 
/*This is for screen reader only content - alternative to .hidden above */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}
a:focus {
	outline:dotted 2px #f00!important;
	}

@media(max-width:767px){
#banner {
	background-image: url("/trest/_img/banner480x120e.jpg");
	background-size:100%;
	height:150px;
	background-repeat: no-repeat;
}
.staffpics {
	width: 400px;
	height:400px; /*change value to fit box */
}
img.nophoto {
	width: 400px;
	height:400px; /*change value to fit box */
}
.portfolio>.clear:nth-child(2n)::before {
    content: '';
    display: table;
    clear: both;
}
	}
@media(min-width:768px){
#banner {
	background-image: url("/trest/_img/banner768x133e.jpg");
	background-size:100%;
	height:240px;
	background-repeat: no-repeat;
}
	.navbar-nav {
		width:100%;
	}
	nav.navbar li {
	width:15%;
	}
	nav.navbar ul.dropdown-menu li {
		width:100%;
		display: block;
	} 	
	nav.navbar ul.dropdown-menu li a {
		text-align: left;
	}
nav.navbar li a {
	font-size:14px;
	text-align:center;
	padding:20px 0;
	/*padding: 20px 16px;*/
}
.staffpics {
	width: 300px;
	height:300px; /*change value to fit box */
}
img.nophoto {
	width: 300px;
	height:300px; /*change value to fit box */
}
	}
@media(min-width:992px){
#banner {
	background-image: url("/trest/_img/banner22e2.jpg");
	background-size:100%;
	height:187px;
	background-repeat: no-repeat;
}
nav.navbar li a {
	font-size:18px;
	/*padding: 20px 24px;*/
}
	
.staffpics {
	width: 200px; 
	height:200px; /*change value to fit box */
}
img.nophoto {
	width: 200px; 
	height:200px; /*change value to fit box */
}
.captionEmail	{
	text-align:center;
	font-size: 12px;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
    .portfolio>.clear:nth-child(4n)::before {
      content: '';
      display: table;
      clear: both;
    }
#calendar {
	height: 275px;
}
}
@media(min-width:1200px){
#banner {
	background-image: url("/trest/_img/banner22e2.jpg");
	max-width:1800px;
	/*background-size:100%;*/
	height:187px;
	background-repeat: no-repeat;
}
footer,	#navarea, #mainarea {
	max-width:1800px;
	}
	footer {
		margin-left:auto; margin-right:auto;
	}
nav.navbar li a {
	/*padding: 20px 40px;*/
}
.staffpics {
	width: 280px;
	height:280px; /*change value to fit box */
}
img.nophoto {
	width: 280px;
	height:280px; /*change value to fit box */
}
	#calendar {
		height:390px;
	}
.captionEmail	{
	text-align:center;
	font-size: 14px;
}
.portfolio>.clear:nth-child(8n)::before {  
  content: '';
  display: table;
  clear: both;
}	
}