body {
	background-color: #dcdbeb;
}

.horizontal_scroller {
	background-color: #006fb4;
}

.marqueetext {
	color: #ffffff;
}

#container {
	background-color: #dcdbeb;	
}

#header {
	background-color: #dcdbeb;	
}

#register a {
    background-color: #006fb4;
    color: #ffffff;
}

#masthead {
    background-color: #ffffff;
}

.campaignCountdown{
	background-image: url("../event2/images/bg-clouds.png");
    color: #000000;
}

#navbar {
	background-color: #006fb4;  
}

a.mobile_menu {
	background-color: #006fb4; 
}

nav a {color: #ffffff;}

a.mobile_menu {
	background-color: #006fb4;
}

#wrapper {
	background-color: #dcdbeb;
}
#mastheadFrame {
	background-color: #dcdbeb;
}
#frame {
	background-color: #dcdbeb;
    padding-top: 0px;	
}

#footer {
	background-color: #ececec;	
}

a.rounded-button {
    background-color: #006fb4; /* customize based on color scheme - nav color */
    color: ffffff;
}
.form-button {
    background-color: #006fb4; /* customize based on color scheme - nav color */
    color: ffffff;
}
input[type="submit"].form-button {
    background-color: #006fb4; /* customize based on color scheme - nav color */
    color: ffffff;	
}

#vThermometer .vertical .progress-bar {
  height: 170px;
  width: 60px;
}

#vThermometer .vertical .progress-fill {
  background-color: #006fb4;
  background: -webkit-linear-gradient(center bottom, #0096F0 37%, #006fb4 69%); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(center bottom, #0096F0 37%, #006fb4 69%); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(center bottom, #0096F0 37%, #006fb4 69%); /* For Firefox 3.6 to 15 */
  background: linear-gradient(center bottom, #0096F0 37%, #006fb4 69%); /* Standard syntax (must be last) */
}

a.btn { 
    background: -webkit-linear-gradient(#0096F0, #006fb4); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0096F0, #006fb4); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0096F0, #006fb4); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0096F0, #006fb4); /* Standard syntax (must be last) */
	background-color:#006fb4;
}

/* slideshow related */
#slideshow {
    height: 376px;
}
#slide-buttons {
	margin-left: -29px;
}
/* end of slideshow related */

/* scroll box */
div.vertical_scroller{
	height:300px;
	background-color: #ffffff;
}
div.scrollingtext{
	color:#000000;
}

.circle{
  width: 41px;
  line-height: 20px;
  height: 41px;
  border-radius: 50%;
  text-align: center;
  font-size: 0.65em;
  padding: 10px 0;
  position: relative;
  background-color: #ffffff;
  color: #006fb4;
}

#effectiveBox {
  background-color: #006fb4;
  color: #ffffff;
  /*display: flex;*/
  padding: 8px 10px;
  height: 120px;
  width: 460px;   
  border: 2px solid #006fb4;
  border-radius: 4px; ; 
  margin-top: 10px;     
}
.effectiveBoxWords {
  padding-bottom: 6px;
  text-align: center;
}
.circleAmount {
	display: flex;
    font-size: 28px;
    justify-content: center;
}
.effectiveBoxNumber {
  padding-left: 4px;
  font-size: 110%;
}

@media screen and (max-width: 999px) { /* only do this if the screen size becomes less than 1000px */
#socialmedia {
	display: none;
}
}

@media screen and (max-width: 500px) { /* only do this if the screen size becomes less than 500px */
#effectiveBox {
	width: 98%;
}
#effectiveBox {
  padding: 4px 3px;
}
.effectiveBoxWords {
    font-size: 80%;
    padding-top: 10px;
    text-align: center;
}
.effectiveBoxNumber {
    font-size: 90%;
    padding-top: 6px;
}
}