﻿@charset "UTF-8";

/* nav */

.hover-underline-menu {
  width: 100%;
}

.hover-underline-menu .menu {
  background-color: #191717;
}

.hover-underline-menu .menu a {
  color: #fefefe;
  padding: 1.2rem 1.5rem;
}

.hover-underline-menu .menu .underline-from-center {
  position: relative;
}

.hover-underline-menu .menu .underline-from-center::after {
  content: "";
  position: absolute;
  top: calc(100% - 0.125rem);
  border-bottom: 0.125rem solid #fefefe;
  left: 50%;
  right: 50%;
  transition: all 0.5s ease;
}

.hover-underline-menu .menu .underline-from-center:hover::after {
  left: 0;
  right: 0;
  transition: all 0.5s ease;
}

/* end nav */



.e-l { 
	/*background: url(../img/envelope.png) no-repeat 0px 4px; */
	/*background-size: 20px 12px; padding-left: 28px; */
}



div.topbanner {
	margin: 0; padding: 30px 0; 
	max-width:1349px;
}


div.topbanner div.tbcontact {
	padding:0 30px;
}


div.tagline div.tagline {
	background-color: #eaecf2; 
	border-color:#d4d8e5;
	margin:8px 0 0 0;
}

div.tagline h1 {
	font-size: 1.05rem; 
	line-height: 1.3rem; 
	letter-spacing: 1px; 
	font-weight: normal; 	
	color:#333;
	text-align:center;
}

div.topbanner div.tbcontact h4.h4tel {
	text-align:center; 
	margin:8px 0 0 0;
}

div.topbanner div.tbcontact h4.h4tel a {
	color: #2a3c7c;
}

div.topbanner div.tbcontact h4.h4email {
	text-align:center; 
	color:#2a3c7c; 
	margin:0 0 8px 0;
}

div.topbanner div.tbcontact h4.h4email a {
	color: #2a3c7c;
}


/* ***main content background images*** */

div.main-bg {
	background-repeat: no-repeat;
	padding: 0; margin:0;
	max-width: 1349px; 
	/*opacity:0.59;*/
	/*filter: alpha(opacity=59);*/ /* For IE8 and earlier */
}

div.home-bg { background-color: #5d6271;}
	


/* { background: url("../img/bg-grad4.png") repeat-x 0px 0px; } */

/*background-image: url("../img/inlet1.jpg"); other colors tried: bfbfbf 787c8a 8d919e */


div.main-content {
	padding: 35px 10px 25px;
}

.panel-main {
	background: #fbfafa; 
	border-radius: 10px;  
	box-shadow: 0 0 30px #333; 
	margin:0 auto; 	
	padding:15px; 
	opacity: 0.96;
	max-width: 900px;
}


.textShadow1
 {
  text-shadow: 1px 1px 0 #d3d2d2;
 }
	

/* rotator in-page placement */
    div#rotator {
	/*width: 807px;*/
	height:406px;
	position: relative;
	
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}

/* rotator image style */	
	div#rotator ul li img {
	border:1px solid #231f20;
	/*width: 807px;*/
}

    div#rotator ul li.show {
	z-index:500;
}


.l-rotator { margin-top:-20px; }

div.footer { 
	clear:both;
	margin:0; padding:0; 
	max-width:1349px;
	background-color: #cdd0d9;
}

div.cbcr-photo img {
	padding :10px 0 0 15px;
}


p.footer-contact {
	color:#fff; 
	/*float: left;*/
	padding: 0 0 0 15px; 
	line-height: 1.2rem;
}

p.footer-contact a {
	color: #111832;			/* dark blue */
	text-shadow: 1px 1px 0 #d3d2d2;	
}
	

p.footer-contact a:hover {
	color: #fff;
}


div.pcphoto {
	text-align:center; 
	padding:0; 
}


@media screen and (min-width: 500px) and (max-width: 768px) {

div#rotator {
	height:255px !important;
}


div#rotator ul li img {
	height: 255px !important;
	width: 507px !important;
}

div.cbphoto { text-align: center; padding:0; }


}	/* end 500-775 width */


@media screen and (max-width: 499px) {

div#rotator { height: 130px !important; }

div#rotator ul li img {
	/*height: 130px !important;*/
	width: 258px !important;
}

.l-rotator { margin-top:-20px; }

div.cbphoto { text-align: center; padding:0; }

} /* end max 499 width */



.callout-hover-reveal .callout-footer {
  display: none;
}



.read-more-content,
.read-more {
  display: none;
  margin-top: 1rem;
}

.read-more-content.expanded .read-more,
.read-more.expanded .read-more {
  display: block;
}


