/** BCC blue navigation bar fixed to top of page
================================================*/
.navbar-default {
  background-color: #00417b;
  border-color: #003564;
}
.navbar-default .navbar-brand {
  color: #e4e4e4;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #ffffff;
}
.navbar-default .navbar-text {
  color: #e4e4e4;
}
.navbar-default .navbar-nav > li > a {
  color: #e4e4e4;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #003564;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #003564;
}
.navbar-default .navbar-toggle {
  border-color: #003564;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #003564;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #e4e4e4;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e4e4e4;
}
.navbar-default .navbar-link {
  color: #e4e4e4;
}
.navbar-default .navbar-link:hover {
  color: #ffffff;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #e4e4e4;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #003564;
  }
}

/** logo, h1 heading and contact details
================================================*/
.bcc_logo			{ background-color: #fff;
					  padding: 10px 10px 0 10px;
					}
					
.logo-top			{ padding-top: 0px;
					}
					
.logo-top p			{ margin-top: 20px; margin-bottom: 5px;
					}
					
.logo-top h1		{ margin-top: 40px; margin-bottom: 5px;
					}
											
.img-responsive 	{  display: block;  height: auto;  max-width: 100%; }
					
img 				{ display: inline-block;
					  height: auto;
					  max-width: 100%;
					}
					
h1					{ 	font-size:  225%;
						color: #00417b;
						text-align: left;
						margin-top: 1.0%;
						margin-bottom: 2.0%;
						float: right;
						clear: both; 
					}
		
.h3a				{	font-size:  20px; 
						color: #00417b;
						margin-top: 15px;
					}

.col-xs-4			{	color: #000000;
						text-align: center;
						padding-left: 10;  
						margin-top: 20px; 
						margin-bottom: 20px;
					}
					
.col-lg-8 p			{ 	text-align: left; 
						float: right;	
					}
									

/** slider and sub-heading
===================================*/					
.bcc_image			{	padding-bottom: 0;
						border-bottom: 0;
					}
					
.bcc-header		{	margin-top: -30px;
					border-bottom: 1px solid rgb(240,240,240);
					}		 

.bcc-header h1		{	float: left; 
						font-size:  160%;
						margin-left: 0; 
						padding: 0;	
					}	
					
					
					
/** 2 columns of txt
===================================*/					
.col-lg-6			{	padding-top: 10px; 
						padding-bottom:10px;
					}									
					
.col-lg-6			{	padding-top: 10px; padding-bottom:10px;
					}
					
					
					
/** 4 panels - txt and image "more"
===================================*/							
					
.md-3-container {		background: rgb(240,240,240);
						border-top: 5px solid white;
						padding: 0 16px 0 16px;
						border-bottom: 25px solid white;
					}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0; }
    
    
    
    
  /** blue vignette section
===================================*/  
    
.vignette			{	background-color: #57a9f5;
						border-top: 0;
						border-bottom: 0;
					}
					

.image-box			{	 	
						padding-bottom: 0px;
					}
					
.sub-h h4	{	color: #ffffff; padding-top: 10px;	
					}
					
					
.image-box	img		{	padding-top: 0px; 
						}


.imagetxt-box		{	
						display: block;
						float: left;
						margin-left: 45%;
						margin-right: 5%;
						position: absolute;
						top: 10px;	
					}
					
.imagetxt-box p     {	text-align: left; padding-top: 50px;
					}



    
  /** footer section
===================================*/ 

.footer				{	background-color: #00417b;
						padding-top: 25px;
					}
					
.footer	p           {	color: #fff; 
						font-size:  9pt;
					}
					
.ico				{	float: left;
						margin-left: 0;
					}
					
.dma img			{	padding: 3px;
					}					
					
.footer	a:link		{ 	color: #ffffff;
					}					
					

.footer	a:hover		{ 	color: #57a9f5;
					}		
					
.footer	a:visited	{ 	color: #ffffff;
					}