body { background-color:#ecf0f1; }
.justify { text-align:justify; text-justify:auto; }

.top-bar {
	background: #007ea4; /* was #009ccb */
}
.top-bar-section li a:not(.button) {
	background: #007ea4;
}
.top-bar-section li a:not(.button):hover {
	background: #1fadd8;
}
.top-bar-section ul li.active>a {
	background: #ecf0f1;
	color: #23a4cc;
}
.top-bar-section ul li.active>a:hover {
	background: #1fadd8;
	color: #fff;
}
.top-bar-section ul li>a {
	background: #007ea4;
}
.top-bar-section ul li:hover > a {
	background: #1fadd8;
}
.top-bar-section>ul>.divider, .top-bar-section>ul>[role="separator"] {
	border-left: solid 1px #006f91;
	border-right: solid 1px #006a8a;
}
.top-bar-section .divider, .top-bar-section [role="separator"] {
	border-bottom: solid 1px #006f91;
	border-top: solid 1px #006a8a;
}
.top-bar.expanded .title-area {
	background: #007ea4;
}

.top-bar.expanded .toggle-topbar a {
	color:#0c7ea0;
}

.splash { background-color:#2ba6cb; }

.row.faux-width { max-width:95%; }
.row.full-width { max-width: 100%; }
hr {
	max-width:95%; 
	margin-left: auto; margin-right: auto;
}
thead th {
	text-align: center;
}
.logo { max-width:100%; }

.logo-text {
	text-transform: uppercase;
	color: #023759;
}		

.centered {
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}

.balloon-card {
	/* border: solid 2px #ddd; */
	text-align: center;
	padding: 0.4em;
	margin-bottom: 1em;
}

.balloon-pic {
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}

.balloon-name {
	text-align: left;
}

.pilot-name {
	text-align: left;
}

.pilot-pic {
	text-align: left;
}
.pilot-pic img {
	max-width: 100%;
}

.event-list{
	max-width:100%;
}

.ridecolor {
	background: #16a085;
}

.webcolor {
	background:#3498db;
}

.education {
	background: #16a085;

}

.rally {
	background: #d35400;
	
}

.meeting {
	background: #f1c40f;  
	
}

.juniors {
	background:#2980b9;

}
	

@media only screen and (max-width: 768px) {
button.round, .button.round {
	-webkit-border-radius: 12px;
	border-radius: 12px;
}}


.icon { max-width: 100px; }

  /* Basic jCoverflip CSS */
  .ui-jcoverflip {
	position: relative;
  }
  
  .ui-jcoverflip--item {
	position: absolute;
	display: block;
  }
  
  .flip-wrap {
	overflow: hidden;
  }	
  
  /* Basic sample CSS */
  #flip {
	height: 280px;
	width: 100%;
	margin-bottom: 50px;
  }
  
  #flip .ui-jcoverflip--title {
	position: absolute;
	bottom: -30px;
	width: 100%;
	text-align: center;
  }
  
  #flip img {
	display: block;
	border: 0;
	outline: none;
  }
  
  #flip a {
	outline: none;
  }
  
  
  #flip ul,
  #flip ul li {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none;
  }

  .ui-jcoverflip--item {
    cursor: pointer;
  }
  
  .left,
  .right {
	margin-top: 10%;
	margin-bottom: 10%;
	height: 80%;
  }
  
  .nobullet {
	list-style: none;
  }
  
  .inline {
	display: inline;
  }
 
 @media only screen and (min-width: 768px) {
	.seven {
		position: relative;
		width: 14.285714285714285714285714285714%
	}
 }
  
  legend {
	background: none;
  }
  
  small {
	text-transform: uppercase;
  }
  
  
@media screen { 
	.print-only { display: none; } 
}
	
@media print  { 
	.no-print  { display: none; } 
	.print-only { display: block; }
}