/**
CSS originally developed by Jamie Adkins/NASA Wallops Imaging Lab for the Range Office.
 */

@charset "utf-8";
body  {
	font: 100% Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
	background-color:#ffffff;
}

.background_layer {
    position: absolute;
    top: -83px;
    left: auto;
    z-index: -1;
    width: 100%;
    height: 800px;
    background-position: top center;
    background-image: url(images/webimages/NASA-background.png);
    background-color: #000000;
    background-position-x: 50%;
    background-position-y: 0%;
    background-size: initial;
    background-attachment: initial;
    background-repeat-y: no-repeat;
    background-repeat-x: no-repeat;
    background-origin: initial;
    background-clip: initial;
    background-color: transparent;
    clear: both;
}
	

.twoColFixLt #mainpage { 
	width: 100%;
	height: 100%;
	margin-top:-8px;
	position:relative;
	
}
.twoColFixLt #banner {
	background: url(images/nasa-starfield-header-hr.png) no-repeat scroll center top rgb(107, 129, 175);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center top;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
	width: 952px;
	height:165px;
	margin: 0 auto;
	padding: 0px;
	text-align: left; 
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	box-shadow: 1px 1px 1px #666;
	position:relative;
		
}

#banner {
	width:932px;
	height: 125px;
	margin: 10px 0px 0px 0px;
	position: relative;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.39);
}

#banner .fltlft {
	margin: 13px 0px 0px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#banner .fltlft strong {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}

#searchcontainer {
	margin:0px 0px -3px 600px;
	width:300px;
	height:auto;
	float:right;
}

.searchbtn {
	width: 66px;
height: 22px;
background: #FAFAFA;
background: -moz-linear-gradient(top, #FAFAFA 0%, #878787 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FAFAFA), color-stop(100%, #878787));
background: -webkit-linear-gradient(top, #FAFAFA 0%, #878787 100%);
background: -o-linear-gradient(top, #FAFAFA 0%, #878787 100%);
background: -ms-linear-gradient(top, #FAFAFA 0%, #878787 100%);
background: linear-gradient(to bottom, #FAFAFA 0%, #878787 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAFAFA', endColorstr='#878787', GradientType=0);
outline: none;
border: 1px solid #707070;
border-radius: 0;
text-shadow: none;
font-weight:bold;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

.searchbox {
	width: 200px;
	height:22px;
margin: 0 2px 0 0;
padding: 0px 3px 0 3px;
display: block;
float: left;
font-size: 12px;
border: 0px solid #0f0;
background: #BFBFBF;
background: -moz-linear-gradient(top, #BFBFBF 0%, #F5F5F5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #BFBFBF), color-stop(100%, #F5F5F5));
background: -webkit-linear-gradient(top, #BFBFBF 0%, #F5F5F5 100%);
background: -o-linear-gradient(top, #BFBFBF 0%, #F5F5F5 100%);
background: -ms-linear-gradient(top, #BFBFBF 0%, #F5F5F5 100%);
background: linear-gradient(to bottom, #BFBFBF 0%, #F5F5F5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BFBFBF', endColorstr='#F5F5F5', GradientType=0);
	}

#banencl {
	width:958px;
	height:25px;
	padding:0px 0px 0px 0px;
	clear:both;
}

#bannerbar {
	font: 10pt Arial, Helvetica, sans-serif;
	width: 958px;
	height:25px;
	margin: 0px 0px 0px 0px;
	padding: 3px 10px 10px 10px;
	text-align: left;
	color: #FFF;
}

#banner a    {color: #fff; text-decoration: none;}
#banner a:visited    {color: #fff;}
#banner a:active  {color: #fff;}
#banner a:hover    {color: #fff;	text-decoration: underline;}

#bannerbar a    {color: #fff; text-decoration: none;}
#bannerbar a:visited    {color: #fff;}
#bannerbar a:active  {color: #fff;}
#bannerbar a:hover    {color: #fff;	text-decoration: underline;}

.twoColFixLt #container { 
	width: 952px;
	margin: 0 auto; 
	text-align: left; 
}
.twoColFixLt #sidebar1 {
	width: 232px;
	padding: 0px;
	float: left;
	font: 10pt Arial, Helvetica, sans-serif;
	color: #000;
}

.sideheader {
	font-weight: bold;
	padding: 10px 5px;
	margin: 2px;
	font-size: 16px;
	border-bottom: 1px solid #B8CBDD;
	color:B8CBDD;
}
.navbox {
	margin-top: 0;
overflow: hidden;
width: 100%;
background: #ecf2fa;
background: -moz-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ecf2fa), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
background: -o-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
background: -ms-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
background: linear-gradient(to bottom, #ecf2fa 0%, #ffffff 100%);
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.39);
-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.39);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.39);
}
.navboxlinks {
	padding-top: 8px;
	padding-left: 26px;
}
.navboxlinks a    {color: #99ccff; text-decoration: none;}
.navboxlinks a:visited    {color: #99ccff;}
.navboxlinks a:active  {color: #99ccff; text-decoration: underline;}
.navboxlinks a:hover    {color: #99ccff; text-decoration: underline;}

.navboxcurrent a    {color: #fff; text-decoration: none;}
.navboxcurrent a:visited    {color: #fff;}
.navboxcurrent a:active  {color: #fff; text-decoration: underline;}
.navboxcurrent a:hover    {color: #fff; text-decoration: underline;}

.sidebox2 {
	float: left;
margin-top: 10px;
overflow: hidden;
width: 100%;
background: #ecf2fa;
background: -moz-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ecf2fa), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
background: -o-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
background: -ms-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
background: linear-gradient(to bottom, #ecf2fa 0%, #ffffff 100%);
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.39);
-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.39);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.39);
border: 0px solid #E6E6E6;
line-height: 175%;
}

.sidebox2 a    {color: #273DA2; text-decoration: none; font-weight:bold; }
.sidebox2 a:visited    {color: #273DA2;}
.sidebox2 a:active  {color: #273DA2; text-decoration: underline;}
.sidebox2 a:hover    {color: #273DA2; text-decoration: underline;}

.sidebox2 p {
	font-size:11px;
}

.sideboxcontent {
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
}

.sideboxcontent img  {border: 2px solid #001f33; margin-top: 4px;}
.sideboxcontent a:visited img    {border: 2px solid #001f33;}
.sideboxcontent a:active img  {border: 2px solid #001f33;}
.sideboxcontent a:hover img    {border: 2px solid #99ccff;}

.twoColFixLt #mainContent { 
	margin: 0 0 0 240px; 
	padding: 0px;
} 
.mainbox1 {
	margin-bottom: 10px;
	padding: 0px;
}
.boxheader {
    overflow: visible;
    width: 100%;
    background: #ecf2fa;
    background: -moz-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, 	#ecf2fa), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
    background: -o-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #ecf2fa 0%, #ffffff 100%);
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.39);
    -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.39);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.39);
    border: 0px solid #E6E6E6;
    padding-top: 5px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    font: bold 9pt Arial, Helvetica, sans-serif;
    color: #2e2e2e;
    margin: 0px 0px 5px 0px;
    width: 712px;
    float: left;

}
.mainbox3 {
	background: #000;
	margin: 0px 0px 0px 0px;
	border: 0px;
	overflow: hidden;
	width: 100%;
	background: #ecf2fa;
	background: -moz-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, 	#ecf2fa), color-stop(100%, #ffffff));
	background: -webkit-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
	background: -o-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
	background: -ms-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
	background: linear-gradient(to bottom, #ecf2fa 0%, #ffffff 100%);
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.39);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.39);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.39);
	height: auto;
}
.contentbox1 {
	background: #fff;
	border: 1px solid #aba9a9;
	font: 10pt Arial, Helvetica, sans-serif;
	color: #000;
	padding: 4px 18px 10px;
}

.contentbox2 {
	background: #fff;
	border: 1px solid #aba9a9;
	font: 10pt Arial, Helvetica, sans-serif;
	color: #000;
	padding: 4px 18px 10px;
	float:right;
}
.contentbox1 h2 {
	font-size: 9pt;
	font-weight: bold;
	color: #222222;
	border-bottom: 1px solid #ccc;
	text-indent: 2px;
}

h3 {
	font-size: 12pt;
	font-weight: bold;
	color: #004d93;
	line-height: 150%;
	
}

h3 a {color:#004d93; text-decoration:none;}
h3 a:visited {color:#004d93; text-decoration:none;}
h3 a:active {color:#004d93; text-decoration:none;}
h3 a:hover {
	color: #004d93;
	text-decoration: underline;
	font-weight: bold;
	line-height: 150%;
}

.fltrt { 
	margin-left: 8px;
	float: right;
}
.fltlft { 
	margin-right: 8px;
	float: left;
}
.fltlft_image {
	margin-right: 16px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.light_grey {
	color: #CCC;
}

.contentbox2 {
	background: #e4e4e4;
	border: 1px solid #aba9a9;
	font: 10pt Arial, Helvetica, sans-serif;
	color: #000;
	padding: 1px 1px 1px;
}

.centercopy {
	border-bottom: 1px solid;
	padding: 5px;
	vertical-align: top;
	font: 9pt/120% Arial, Helvetica, sans-serif;
	background: #fff;
	height: auto;
	overflow: auto;
	width: 100%;
	background: #ecf2fa;
	background: -moz-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, 	#ecf2fa), color-stop(100%, #ffffff));
	background: -webkit-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
	background: -o-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
	background: -ms-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
	background: linear-gradient(to bottom, #ecf2fa 0%, #ffffff 100%);
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.39);
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.39);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.39);
	padding: 5px 0px 0px 0px;
	color: #2e2e2e;
	margin: 0px 0px 5px 0px;
	width: 712px;
	float: left;
	border-bottom-color: #CCC;
	
}

.centercopyabout {
	border-bottom: 0px solid 000;
	padding: 5px;
	vertical-align: top;
	font: 9pt/120% Arial, Helvetica, sans-serif;
	background: #fff;
	height: auto;
	overflow: visible;
	width: 100%;
	background: #ecf2fa;
	background: -moz-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, 	#ecf2fa), color-stop(100%, #ffffff));
	background: -webkit-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
	background: -o-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
	background: -ms-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
	background: linear-gradient(to bottom, #ecf2fa 0%, #ffffff 100%);
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.39);
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.39);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.39);
	border: 0px solid #E6E6E6;
	padding: 5px 0px 0px 0px;
	color: #2e2e2e;
	margin: 0px 0px 5px 0px;
	width: 575px;
	float: right;
	
	
}
.centercopy img {
	margin-right: 10px;
	margin-left: 5px;
	border: 0 solid #000;

}

.feature {
	border-bottom: 0px solid #CCCCCC;
	padding-top: 6px;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 6px;
	vertical-align: top;
	font: 9pt/120% Arial, Helvetica, sans-serif;
	height: auto;
	margin-bottom: 5px;
	border-top-width: 0px;
	border-left-style: dotted;
	border-left-width: 0px;
	border-right-width: 0px;
	display: inline-block;
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
	background-color: #EAF0F9;
}

.feature img {
		margin-right: 10px;
	margin-left: 0px;
	border: 1px solid #000;
}

.story {
	border: 1px solid #CCCCCC;
	padding: 6px;
	vertical-align: top;
	font: 9pt/120% Arial, Helvetica, sans-serif;
	background: #e8eef7;
	height: auto;
	font-size: 9pt;
}
.pbig {
	line-height: 200%;
	color: #000000;
}
.pmed {
    line-height: 150%;
    padding-right: 5px;
}
.gallery {
	border: 1px solid #CCCCCC;
	padding: 6px;
	vertical-align: top;
	font: 9pt/120% Arial, Helvetica, sans-serif;
	background: #e8eef7;
	height:auto;
}
.story h3 {
	font-size:14px;
	color:#005fa7;
	margin: 3px 0px -5px 0px;
}

.story img {
	margin: 0px 3px 3px 3px;
	border: 1px solid #CCCCCC;
}
.gallery a img    {border: 2px solid #C0C0C0;}
.gallery a:visited img    {border: 2px solid #666;}
.gallery a:active img  {border: 2px solid #C0C0C0;} 
.gallery a:hover img    {border: 2px solid #C0C0C0;}

.story a:visited  {color:#006;}
.story a:active  {color:#006;}
.story a:hover   {color:#006;}
.story a   {color:#005fa7;}

.gallery ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.gallery ul li {
	display: inline;

}

.rightside ul {
	list-style: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
.rightside ul li {
	display: inline;
	margin-bottom:5px;
}

.rightside hr {
	color:#B8CBDD;
}


.sideboxcontent ul li {
	display: inline;
}

.sideboxcontent ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#rightcopy img {
	border: 0px;
}
		
.rightcopy {
	border: 1px solid #000000;
	padding: 5px 1px 1px 1px;
	vertical-align: top;
	font: 9pt/120% Arial, Helvetica, sans-serif;
	background: #003366;
	margin: 3px 0px 0px 0px;
	overflow: hidden;
	background: #ecf2fa;
	background: -moz-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, 	#ecf2fa), color-stop(100%, #ffffff));
	background: -webkit-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
	background: -o-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
	background: -ms-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
	background: linear-gradient(to bottom, #ecf2fa 0%, #ffffff 100%);
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.39);
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.39);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.39);
	border: 0px solid #E6E6E6;
	padding: 5px 0px 0px 0px;
	color: #2e2e2e;
	
}

.rightside {
	padding: 3px 0px 0px 0px;
	font-weight: bold;
	padding: 10px 5px;
	margin: 1px;
	font-size: 16px;
	text-align:center;
	margin-bottom:5px;
	margin-left: 0px;
	width:152px;
	float:right;
	overflow: hidden;
	background: #ecf2fa;
	background: -moz-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, 	#ecf2fa), color-stop(100%, #ffffff));
	background: -webkit-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
	background: -o-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
	background: -ms-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
	background: linear-gradient(to bottom, #ecf2fa 0%, #ffffff 100%);
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.39);
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.39);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.39);
	border: 0px solid #E6E6E6;
	padding: 5px 0px 0px 0px;
	color: #2e2e2e;
	}

.rightside img  {border: 2px solid #C0C0C0; margin: 0px 0px 3px 0px;}
.rightside a:visited img    {border: 2px solid #C0C0C0;}
.rightside a:active img  {border: 2px solid #C0C0C0;} 
.rightside a:hover img    {border: 2px solid #C0C0C0;}

.rightside h3 {
	margin: 2px 0 1px 0;
	padding: 2px;
	font-weight: bold;
	padding: 10px 5px;
	margin: 1px;
	font-size: 16px;
	color:#273DA2;
	line-height:115%;
}

.footer {
	
	background: #6b81af;
	font-size: 11px;
	padding: 1px 1px 1px 1px;
	line-height: 16px;
	color: #fff;
	width: 952px;
	height: 75pt;
	margin: 0 auto;
}

.footer_logo {
	float:left;
	width: 140px;
	height: 75px;
	margin: 5px 25px 0px 0px;
}
.footer_editor {
	background: #6b81af;
	font-size: 11px;
	padding: 1px 1px 1px 1px;
	line-height: 16px;
	color: #fff;
	width: 250px;
	height: 75px;
	float:left;
}
.twoColFixLt #mainpage #container #mainContent .boxheader .mainbox3 .story .divider {
	border: thin solid #000;
	height: 1px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.hr {
   display: block;
   position: relative;
   padding: 0;
   margin: 8px auto;
   height: 0;
   width: 100%;
   max-height: 0;
   font-size: 1px;
   line-height: 0;
   clear: both;
   border: none;
   border-top: 1px solid #aaaaaa;
   border-bottom: 1px solid #ffffff;
}

p.big {
	line-height: 200px;
}
p.med {
	line-height: 200px;
}