@charset "UTF-8";
/* CSS Document */

body {
	margin: 0 auto;
	padding: 0;
	background: #000;
	width: 100%;
	font-family: 'Lato',Helvetica,Verdana,Arial;
	font-size: 1em;
	line-height: 130%;
	text-align: center;
}
.container {
	margin: 0 auto;
	margin-top: 4em;
	width: 98%;
}
.container-0 {
	margin: 0 auto;
	margin-top: 0px;
	width: 98%;
}
.white-container {
	margin: 0 auto;
	margin-top: 4em;
	padding-bottom: 4em;
	width: 100%;
	background: #fff;
}
.white-container .content-pad-20pc {
	padding: 2em 10% 0 10%;
}
.white-container .content-pad-10pc {
	padding: 2em 5% 0 5%;
}
.row {
	margin: 80px 0 150px 0;
}
ul li {
	color: #666;
	font-size: 1.25em;
	line-height: 1.8em;
	letter-spacing: .03em;
	text-align: left;
}
.page-text {
	margin: 0 auto;
	margin-bottom: 48px;
	width: 80%;
	max-width: 600px;
}
.page-text p {
	text-align: left;
	color: #BBB;
	font-size: 1.2em;
	letter-spacing: .08em;
}
.facts-nav ul {
	margin: 36px 12px 36px 0;
}
.facts-nav ul li {
	display: inline;
	text-align: center;
	list-style: none;
	padding: 0 8px 0 0;
}
.facts-nav ul li a:link, .facts-nav ul li a:visited {
	color: #C93;
	font-size: 1em;
	font-weight: normal;
	letter-spacing: .08em;
	border-bottom: #700 1px solid;
	padding-bottom: 2px;
}
.facts-nav ul li a:hover, .facts-nav ul li a:active {
	color: #700;
	border-bottom: 0px;
}
.text-box {
	margin: 0 auto;
	margin-bottom: 48px;
	padding: 36px;
	width: 80%;
	max-width: 800px;
	text-align: center;
}
.text-box h2 {
	text-align: left;
	color: #B00;
	font-size: 1.5em;
	font-weight: 600;
	letter-spacing: .11em;
	padding-top: 2em;
	padding-bottom: 1em;
	margin: 0;
}
.text-box p {
	text-align: left;
	color: #eee;
	font-size: 1em;
	font-weight: normal;
	letter-spacing: .08em;
}
.text-box ul li {
	text-align: left;
	color: #FF9900;
	font-size: 1.25em;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: 0.08em;
	padding: 0 0 12px 0;
	list-style-type:square
}
.mars-box {
	width: 50%;
	float: right;
	padding: 4px 0 0 10%;
	text-align: center;
}
.white-container img {
	max-width: 280px;
}
.mars-box p {
	font-size: 1.5em;
	line-height: 150%;
	font-weight: 300;
}
#mars h2 {
	color: #C00;
	font-size: 3.5em;
}
#mars .mars-float {
	float: right;
	margin-left: 14px;
}
#mars .mars-no-float {
	display: none;
}
.mars-thumbs {
	margin: 0 atuo;
	margin-top: 36px;
	text-align: center;
}
.thumbs {
	float: left;
	width: 23%;
	padding: 0 1% 0 1%;
}
/* FOOTER */

#footer-cols {
	margin: 0 auto;
	width: 100%;
	height: 220px;
	padding: 24px 0 24px 0;
	background: #000;
}
.footer-col {
	float: left;
	width: 15%;
	margin: 0;
	padding: .5%;
	text-align: center;
}
.gray-h2 {color: #999; text-align: center; font-size: 17px }
.iss-gray-h2 {color: #999; text-align: center; margin-left: 0px; font-size: 15px}
.gray-link-footer-icons a:active{color:#777;text-decoration:none; font-size: 15px;letter-spacing: .06em;}
.gray-link-footer-icons a:link{color:#777;text-decoration:none; font-size: 15px;letter-spacing: .06em;}
.gray-link-footer-icons a:visited{color:#777;text-decoration:none; font-size: 15px;letter-spacing: .06em;}
.gray-link-footer-icons a:hover{color:#444; font-size: 15px;letter-spacing: .06em;}
.telescope {
	display: none}

.footer {
	width: 100%;
	margin: 0 auto;
	padding: 16px 0 28px 0;
	text-align: center;
	background: #333;
	color: #999;
	font-size: 12px;
}
.footer p {
	color: #999;
	padding: 0 30px 0 30px;
}
.footer p .copyright {
	font-size: 14px;
}
.footer a {
	padding: 0 12px 0 12px;
}
.footer a:link, .footer a:visited {color:#999;text-decoration:none; font-size: 18px}
.footer a:hover, .footer a:active{color:#666; font-size: 18px}


/* LINKS */

a:link, a:visited {
	color:#C93;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color:#A00;
	text-decoration: none;
}
a:hover img, a:active img, a:focus img {opacity: .5;}

.gray-link-iss a:active{color:#555;text-decoration:none; margin: -24px}
.gray-link-iss a:link{color:#555;text-decoration:none; margin: -24px}
.gray-link-iss a:visited{color:#555;text-decoration:none; margin: -24px}
.gray-link-iss a:hover{color:#777; margin: -24px}

.gray-button-link a:active{color:#000;text-decoration:none}
.gray-button-link a:link{color:#000;text-decoration:none}
.gray-button-link a:visited{color:#000;text-decoration:none}
.gray-button-link a:hover{color:#333;text-decoration:none}

.purple-square-button, .purple-square-button-order {
	-moz-box-shadow:inset 0px 1px 0px 0px #d197fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d197fe;
	box-shadow:inset 0px 1px 0px 0px #d197fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a53df6), color-stop(1, #7c16cb) );
	background:-moz-linear-gradient( center top, #a53df6 5%, #7c16cb 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a53df6', endColorstr='#7c16cb');
	background-color:#a53df6;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
	text-indent:0;
	border:0px solid #9c33ed;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:18px;
	font-weight:normal;
	font-style:normal;
	padding: 16px;
	height:auto;
	line-height:auto;
	width:auto;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #7d15cd;
}
.purple-square-button:hover, .purple-square-button-order:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c16cb), color-stop(1, #a53df6) );
	background:-moz-linear-gradient( center top, #7c16cb 5%, #a53df6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c16cb', endColorstr='#a53df6');
	background-color:#7c16cb;
}.purple-square-button:active, .purple-square-button-order:active {
	position:relative;
	top:1px;
}

/* FONTS */

p {
	color:#666;
	font-size:2em;
	line-height:150%;
	font-family:'Lato',Helvetica,Verdana,Arial;
	padding-top:0;
	font-weight:normal;
	letter-spacing:0.03em
}
h1{
	color:#BB0000;
	font-size:55px;
	line-height: 120%;
	margin: 0 0 36px 0;
	font-weight: 800;
	letter-spacing:.2em;
}
.page-title {
	font-size:2em;
	margin: 0 auto;
	font-weight:300;
	letter-spacing:.3em
}
h2{
	color:#C93;
	font-size:1.5em;
	line-height: 100%;
	margin: 10px 1.25em 24px 1.25em;
	font-weight:300;
	letter-spacing:0.03em
}
#facts h2 {
	color: #B00;
	font-weight: 400;
	letter-spacing: .25em
}
h3{
	color:#880000;
	font-size:1.25em;
	line-height: 150%;
	font-family:'Lato',Helvetica,Arial,Verdana;
	margin-top:-20px;
	font-weight:normal;
	letter-spacing:0.03em
}
h4{color:#0033cc;font-weight:400;font-size:17px;line-height:100%; letter-spacing:.03em} 
h4 a {color:#0033cc;font-weight:400;font-size:17px;line-height:100%; letter-spacing:.3em} 
h5{color:#6600cc;font-size:18px;line-height:140%;font-family:Lato,Helvetica,Arial,Verdana; padding-top: 0px;letter-spacing:.03em }/* h5=purple */
h6{color:#333;font-weight:normal;font-size:14px;line-height:130%;font-family:Helvetica,Arial;letter-spacing:.03em}
.red {
	color: #B00;
}



/* FLOATS / ALIGNMENTS */

.float-left { float: left;}

.float-right { float: right;}

.img-float-right { float: right; padding: 8px 0 24px 24px; border: none; text-align: right; font-family: 'Lato', Helvetica, sans; color: #996; font-size:15px; font-weight: normal; letter-spacing:.03em}

.img-float-right a {opacity: 1;}

.caption-float-right { float: right; padding: 0 0 8px 0; }

.float-left img, .float-right img {max-width: 80%;}

.float-left-research-line { float: left; padding: 4px 0 0 0}

.float-right-pad-right { float: right; padding: 24px 16px 0 0}

.float-right-no-top-pad { float: right; padding: 0 0 12px 16px }

.clear {clear: both; }

.align-center {text-align: center;}

.align-right {text-align: right;}
.align-left {text-align: left; color: #444;font-size: 1.5em;margin: 2em 0 0 0;}

.pp-padded-table {
	margin:4px 0 4px 28px
}
.m-bottom-48p {
	margin-bottom: 48px;
}
.line-break-1, .line-break-2 {
	display: none;
}

.marginbot-30{margin-bottom:30px !important;}
.marginbot-80{margin-bottom:80px !important;}

/* IMAGES */

#caption {}

#caption .float-left p { float: left; padding: 12px 16px 12px 0; font-size: 12px; color: #666}

#caption .float-right p { float: right; padding: 12px 0 12px 16px; font-size: 12px; color: #666}

.iframe-video { width: 640px; height: 360px; padding-right: 20%;}
.iframe-page { position: absolute; top: 5px; left: 0px; width: 100%; height: 100%; overflow: visible;}
.home-img { height: 68%; max-height: 600px; margin-top: 2%;}
.moon-img { width: 94%; max-width: 820px;}


@media screen and (min-width:481px) and (max-width:859px) {
	
body {
	margin: 0 auto;
	background: #000;
	width: 100%;
	font-family: 'Lato',Helvetica,Verdana,Arial;
	font-size: 18px;
	line-height: 130%;
}
.home-img { height: auto; width: 98%; max-width: 620px; margin-top: 2%;}
.img-float-right { float: right; padding: 8px 0 24px 24px;}
.img-float-right img { max-width: 350px;} 
.line-break-1 {
	display: block;
	height: 28px;
}
.line-break-2 {
	display: none;
}
}



@media screen and (min-width:481px) and (max-width:650px) {
	
body {
	margin: 0 auto;
	background: #000;
	width: 100%;
	min-width: 480px;
	max-width: 650px;
	font-family: 'Lato',Helvetica,Verdana,Arial;
	font-size: 18px;
	line-height: 130%;
}
.header {
	width: 90%;
	margin: 0;
	background-color: #000;
}
.header a {
	text-align: center;
}
h1{
	font-size:55px;
	line-height: 120%;
	margin: 0 0 36px 0;
	font-weight: 800;
	letter-spacing:.2em;
}
.page-title {
	font-size:1.5em;
	margin: 4px 10px 4px 0;
	letter-spacing:.2em
}
h2{
	font-size:1.25em;
	line-height: 140%;
}
h3{
	font-size:1.1em;
}
.iframe-video { width: 420px; height: 260px;}
.home-img { height: auto; width: 98%; max-width: 450px; margin-top: 6%;}
.img-float-right { float: none; margin: 0 auto; padding: 0; border: none; text-align: center;}
.img-float-right img { width: 100%; min-width: auto; max-width: 100%;} 
.line-break-1 {
	display: none;
}
.line-break-2 {
	display: block;
	height: 28px;
}
#mars .thumbs {
	float: left;
	width: 50%;
	padding: 0 6px 12px 6px;
}
}


@media screen and (min-width:128px) and (max-width:480px) {
	
body {
	margin: 0 auto;
	background: #000;
	max-width: 480px;
	font-family: 'Lato', Helvetica,Verdana,Arial;
	font-size: 18px;
	line-height: 130%;
}
h1{
	font-size:55px;
	line-height: 120%;
	margin: 0 0 36px 0;
	font-weight: 800;
	letter-spacing:.2em;
}
.page-title {
	font-size:1.5em;
	margin: 24px 0 24px 0;
	letter-spacing:.2em
}
#facts h2 {
	font-size: 1.75em;
	margin: 0 .5em 0 .5em;
}
h2{
	font-size:1.25em;
	margin: 0 1em 0 1em;
	line-height: 140%;
}
h3{
	font-size:1.1em;
}
.facts-nav ul li a:link, .facts-nav ul li a:visited {
	font-size: .9em;
}
.facts-nav ul li a:hover, .facts-nav ul li a:active {
	font-size: .9em;
}
.iframe-video { width: 280px; height: 190px;}
.home-img { height: auto; width: 98%; max-width: 250px; margin-top: 48px;}
.img-float-right { float: none; padding: 0; border: none; text-align: center;}
.img-float-right img { width: 100%; min-width: 150px; max-width: 100%;} 
}

/* ---------------FOOTER---------------- */

@media screen and (min-width:580px) and (max-width:779px) {
.page-title {
	font-size:1.85em;
	margin: 4px 10px 4px 0;
	letter-spacing:.2em
}
h2{
	font-size:1.25em;
	line-height: 140%;
}
#footer-cols {
	margin: 0 auto;
	width: 100%;
	height: 220px;
	padding: 24px 0 24px 0;
	background: #000;
}
.footer-col {
	float: left;
	width: 18%;
	margin: 0;
	padding: 1%;
	text-align: center;
}
.space-station {
	display: none;
}
.gray-h2 {color: #999; text-align: center; font-size: 17px }
.iss-gray-h2 {color: #999; text-align: center; margin-left: 0px; font-size: 17px}
.gray-link-footer-icons a:active{color:#777;text-decoration:none; font-size: 14px;letter-spacing: .06em;}
.gray-link-footer-icons a:link{color:#777;text-decoration:none; font-size: 14px;letter-spacing: .06em;}
.gray-link-footer-icons a:visited{color:#777;text-decoration:none; font-size: 14px;letter-spacing: .06em;}
.gray-link-footer-icons a:hover{color:#444; font-size: 14px;letter-spacing: .06em;}

.footer {
	width: 100%;
	margin: 0 auto;
	padding: 16px 0 28px 0;
	text-align: center;
	background: #333;
	color: #999;
	font-size: 16px;
}
.footer p {
	color: #999;
	padding: 0 30px 0 30px;
}
.footer p .copyright {
	font-size: 14px;
}
.footer a {
	padding: 0 12px 0 12px;
}
.footer a:link, .footer a:visited {color:#999;text-decoration:none; font-size: 18px}
.footer a:hover, .footer a:active{color:#666; font-size: 18px}
.telescope {
	display: none;
}
}


@media screen and (min-width:480px) and (max-width:579px) {
	
/* FOOTER */

#footer-cols {
	margin: 0 auto;
	width: 100%;
	height: 220px;
	padding: 24px 0 24px 0;
	background: #000;
}
.footer-col {
	float: left;
	width: 22%;
	margin: 0;
	padding: 1%;
	text-align: center;
}
.space-station, .ets {
	display: none;
}
.gray-h2 {color: #999; text-align: center; font-size: 17px }
.iss-gray-h2 {color: #999; text-align: center; margin-left: 0px; font-size: 17px}
.gray-link-footer-icons a:active{color:#777;text-decoration:none; font-size: 14px;letter-spacing: .06em;}
.gray-link-footer-icons a:link{color:#777;text-decoration:none; font-size: 14px;letter-spacing: .06em;}
.gray-link-footer-icons a:visited{color:#777;text-decoration:none; font-size: 14px;letter-spacing: .06em;}
.gray-link-footer-icons a:hover{color:#444; font-size: 14px;letter-spacing: .06em;}

.footer {
	width: 100%;
	margin: 0 auto;
	padding: 16px 0 28px 0;
	text-align: center;
	background: #333;
	color: #999;
	font-size: 16px;
}
.footer p {
	color: #999;
	padding: 0 30px 0 30px;
}
.footer p .copyright {
	font-size: 14px;
}
.footer a {
	padding: 0 12px 0 12px;
}
.footer a:link, .footer a:visited {color:#999;text-decoration:none; font-size: 17px}
.footer a:hover, .footer a:active{color:#666; font-size: 17px}
}

@media screen and (max-width:480px) {
#footer-cols, .current-research, .telescope {
	display: none;
}
}


@media screen and (min-width:380px) and (max-width:479px) {

.footer p {
	color: #999;
	padding: 0 20px 0 20px;
}
}

@media screen and (max-width:379px) {

.footer p {
	color: #999;
	padding: 0 10px 0 10px;
}
}