.bg-1 {
	background-color: #1abc9c; /* Green */
	    color: #ffffff;
}

.bg-1 a {
	color: #ffffff;
}

.bg-2 { 
    background-color: #474e5d; /* Dark Blue */
    color: #ffffff;
}

.bg-2 a {
	color: #ffffff;
}


.bg-3 { 
    background-color: #ffffff; /* White */
    color: #555555;
}

.bg-3 a {
	color: #555555;
}


.bg-4 { 
  background-color: #2f2f2f;
  color: #ffffff;
}

.bg-4 a {
	color: #ffffff;
}

.siteheader {
	background-image: url(gfx/trumpet.jpg);
	height: 200px;
	background-repeat: no-repeat;
	background-position: center, center;
	background-color: black;
	color: #ffffff;
}

.navbar {
  border: 0;
  border-radius: 0;
  margin-bottom: 0;
}

body { 
	padding-top: 50px; 
}

.container-fluid {
  padding-top: 50px;
  padding-bottom: 50px;
}

ul.nodots {
	list-style-type: none;
}


/** Dot Leaders for Program Pages **/
ul.leaders {
  max-width: 37em;
  padding: 0;
  overflow-x: hidden;
  list-style: none;
  
  li:before {
    float: left;
    width: 0;
    white-space: nowrap;
    color: $dark;
    content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
  }
  
  span:first-child {
    font-weight: 600;
    letter-spacing: 2px;
    padding-right: 0.33em;
    background: $bg;
  }
  
  span + span {
    float: right;
    padding-left: 0.33em;
    background: $bg;
  }
  
  span + span:before {
    content: '$';
    padding-right: 0.15em;
  }
}