@charset "utf-8";
/* CSS Document */
.jumbotron {
	position: relative;
	width: 100%;
	max-height: 450px;
	background-image: url(../images/c6009_rockets_banner_v2.jpg);
	background-size: cover;
	color: #ffffff;	
}
.jumbo-image {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.jumbo-text {
	position: absolute;
	top: 50px;
	z-index: 10;
	margin-top: 50px;
	padding-top: 50px;
}
/* Images */
.thumb {
	/* Initial state */
	opacity: 0.8;
}
.tn_images  {
	width:98%; 
	padding-left: 6px;
}
.tn_images img  {
/*	padding-left: 6px;
	padding-bottom: 12px; */
	overflow: hidden; 
/*	padding-right: 12px; 
	padding-right: 6px; 
	margin-left: 8px; */
/*	margin-right: 6px; */	
}
.image-inline {
/* margin values required for box-shadow and rounded corners to work 
 * but this causes misalignment since tn images don't fit in 25% of width */
	width: 25%;
	float: left;
	overflow:hidden;
}
.image-inline img{
	/* The padding is required to space images*/
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 14px; 
	
	width: 100%;
	height: 100%;
	float: left;
}
.box_shadow {
	box-shadow: 4px 4px 6px -2px rgba(0,0,0,0.8);
}
.mynav {
	margin-left: 80px;
	margin-bottom: 1px;
}
.mynav_inline {
	height: 26px;
	margin-top: 14px;
}
.mynav_inline a {
	text-decoration: none;
	color: #ffffff;
	font-size: 0.8em;
}
.mynav_inline a:hover{
	list-style-type: none;
	text-decoration: none;
	color: #00CCCC;
}
.mynav_inline li {
	display: inline;
	list-style: none;
	padding: 8px;
	color: #ffffff;
}
.fluid-img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
.navbar {
   /* margin: 0px; */ /* omit gap with jumbotron */
}
.page-header {
	padding-bottom: 0px;
	margin: 10px 0 6px;
}
/* Text caption overlay on hover */
.caption-thumb {
	position: relative;
	width: 100%;
	float: left
}
.caption, .caption-js {
	display: none;
	position: absolute;
	bottom: 14px;
	left: 8px;
	width: 94%;
	margin-left: 0px;
	/* [disabled]background: #999;  */
	background: rgba(235,230,230,0.3);
	color: rgba(212,212,212,1.00);
}

.caption-thumb:hover .caption {
	display: block;
	z-index: 1;
	text-align: center;
}
.multi-col {
	padding: 0px 30px 0px 30px;
/*	font-size: 1.2em; */
	line-height: normal;
		   
	-webkit-columns: 2 380px;
	-moz-columns: 2 380px;
	columns: 2 380px;
}
.multi-col2 {
/* This is a refined multi-column version that allows for
 * smoother flow of text between columns. 
 */
	-moz-column-count: 2;
	-moz-column-gap: 12px;
	-webkit-column-count: 2;
	-webkit-column-gap: 12px;
	column-count: 2;
	column-gap: 12px;
	width: 90%;
	left: 20px;
	top: 20px;
	position: relative;
/*	text-shadow: 2px 2px 2px #666666; */
	filter: dropshadow(color=#666666, offx=2, offy=2);
	height: 100%;
	float: left;
}
/* Images 1024px */
@media only screen and (max-width: 1024px)  {
	.tn_images img {
/*		 background-color: lightgreen;	*/	
	}
}
@media only screen and (max-width: 1024px)  {
	.image-inline {
		width: 25%;
		float: left;
		overflow:hidden; 
	}
}

/* Images 768px */
@media only screen and (max-width: 768px)  {
	.tn_images img {
/*		 background-color: yellow;		 */
	}
}
@media only screen and (max-width: 768px)  {
	.image-inline {
		width: 50%; 
		float: left;
		overflow:hidden;
	}
}

@media only screen and (min-width: 768px)  {
	.tn_images img {
/*		 background-color: lightblue;		*/
	}
}

/* Images 650px */
@media only screen and (max-width: 650px)  {
	.tn_images img {
/*		 background-color: red;		 */
	}
}
@media only screen and (max-width: 650px)  {
	.image-inline {
		width: 50%;
		float: left;
		overflow:hidden;
	}
}