#myCarousel, .carousel-inner,
.carousel-inner > .item, .carousel-inner > .item > img {
	 /*height: 175px;  pdw,reduced from 300 */
	overflow: hidden;
}	

.carousel-inner img {
	width: 100%; /* Set width to 100% */
	margin: auto;
	min-height: 75px; /* pdw, reduce (was 200) */
}
/* Hide the carousel text when the screen is less than 600 pixels wide */
@media (max-width: 600px) {
	.carousel-caption {
		display: none;
	}
}

.banner.logo {
	padding: 10px;
}
.banner.logo > img {
	max-height: 75px; /*pdw, reduce (was 90px)  */
	max-width: 75px;
	width: 10vw; /* bad comment?? (banner.log.motto was wrong color in edit mode) //auto; */
	height: 10vw; /* bad comment??  //auto; */
}
.banner.logo .motto > h1 {
	margin-top: 5px;
	margin-bottom: 5px;
	font: normal 3vw Sans-Serif;
	color: #666666;
}

.banner.logo .motto > h2 {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 2vw;
	font: normal 1.5vw Sans-Serif;
	color: #666666;
}
@media (min-width: 1220px) {
	.banner.logo .motto > h1 {
		font: normal 37px Sans-Serif;
	}
	.banner.logo .motto > h2 {
		font: normal 18.2px Sans-Serif;
	}
}

.no-bullets{
	list-style-type: none;
	padding: 0;
	margin: 0;

}
/*pdw add these so that the page header definition of each container is one location */
/* then if color/font changes, 1 edit */
h1 {
	margin-top:0px;
}
.divheader {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color:#666666;
	color: white;
}
.divheader.h1{
	font-family: Arial Sans-Serif Helvetica;
	margin-top: 0; 
	padding-bottom: 5px;
}