/* CSS Document - Last updated July 21, 2005 by Bryan Stephenson */
/* CSS modifications - Last Updated: January 154, 2022</li>

/* Common Screen styles */

/* If you want to make changes, please place your changes at the bottom of this stylesheet. There is a companion style sheet for this one to fix all of IE's bugs. I separated them to help reduce any problems we may see when IE released their new browser. */

/* Fix a bug in Mozilla when the user resizes window */
html {
  min-width:750px;
  }
/* END MOZILLA FIX */

body {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:130%;
  color:#000;
  background:#000;
  margin:0;
  margin-bottom:10px;
  text-align:center;
  }

.background_layer {
  background:url("../images/bg_image.jpg") no-repeat scroll center top transparent;
  height:652px;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:0;
  }

div {
  text-align:left;
  }

ol, ul {
  padding-left:5px;
  margin:5px 15px 15px 30px;
  list-style-position:outside;
  text-align:left;
  }

li {
  padding-bottom:5px;
  }

dl {
  padding-left:5px;
  margin-top:5px;
  margin-left:30px;
  list-style-type:none;
  text-align:left;
  }

a:link, a:visited {
  color:#006699;
  text-decoration:none;
  }

a:hover {
  color:#006699;
  text-decoration:underline;
  }

p {
  margin-top:0;
  margin-bottom:15px;
  }

img {
  border:0;
  display:block;
  }

table, tbody, tr, td, th {
  margin:0;
  padding:0;
  border:0;
  background:#fff;
  vertical-align:top;
  }

table.datatab {
  border: 1px solid #666666;
  margin-bottom:15px;
  font-size:12px;
  }

table.datatab thead tr td {
  background:#99CCFF;
  color:#000;
  font-size:16px;
  font-weight:normal;
  font-variant:small-caps;
  padding: 3px 8px;
  border-left: 1px solid #fff;
  }

table.datatab tbody tr td {
  font-size: 12px;
  padding: 3px 8px;
  border-left: 1px solid #D9D9D9;
  }

table.datatab tbody tr.odd td {
  background-color:#edf3fe;
  }

h1 {
  font-size:20px;
  font-weight:bold;
  margin:0;
  padding:0;
  }

h2 {
  font-size:16px;
  font-weight:bold;
  margin:0;
  padding:0;
  }

h3, h4, h5, h6, h7, h8, h9 {
  font-size:12px;
  font-weight:bold;
  margin:0;
  padding:0;
  }

code {
  color:#009900;
  font-weight:bold;
  }

code.cred {
  color:#CC0000;
  font-weight:bold;
  }

code.equation {
  color:#330099;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
  }

.txonly {
  display: none;
  }

.textonly {
  display:inline;
  }

.imagesandtext {
  display:none;
  }

.hide {
  display: none;
  }

.hidden {
  height: 0;
  width: 0;
  overflow: hidden;
  position: absolute;
  /* for the benefit of IE5 Mac */
  }

.inline {
  display:inline;
  }

.left {
  float:left;
  }

.right {
  float:right;
  }

.linky {
  padding-left:10px;
  background:url(../images/linky_blue.gif) 0px 5px no-repeat;
  font-size:12px;
  line-height:13px;
  }

a:hover.linky {
  text-decoration:underline;
  }

.nolinky {
  padding-left:0px;
  background:inherit;
  font-size:12px;
  line-height:14px;
  }

a:hover.nolinky {
  border-bottom:0px;
  text-decoration:underline;
  }

.nolinky a:over

.offsite {
  padding-right:9px;
  background:url(../images/offsite.gif) 0px 5px no-repeat;
  line-height:13px;
  background-position:right;
  }

a:hover.offsite {
  border-bottom:1px solid #006699;
  text-decoration:none;
  }

div.clear {
  clear:both;
  margin:0;
  border:0;
  padding:0;
  }

div.clearleft {
  clear:left;
  margin:0;
  border:0;
  padding:0;
  }

div#paper {
  background:#fff;
  position:relative;
  margin:10px auto;
  padding:10px;
  width:730px;
  }

div#browse {
  background:#fff;
  position:relative;
  margin:10px auto;
  padding:10px;
  width:1050px;
  font-size:16px;
  }

/* NASA Header */

#nasahead {
  position:relative;
  background:#ccc;
  width:730px;
  height:65px;
  margin:0;
  padding:0;
  }

#nasahead div.nasa {
  width:254px;
  height:65px;
  margin:0;
  padding:0;
  border:0;
  position:absolute;
  left:0px;
  background-image:url("../images/header_nasa_over.png");
  }

#nasahead div.nasa a, #nasahead div.nasa a:link, #nasahead div.nasa a:visited {
  display:block;
  outline:none
  }

#nasahead div.nasa img {
  border:0;
  }

#nasahead div.nasa a:hover img {
  visibility:hidden;
  }

#nasahead div.eospso {
  width:275px;
  height:65px;
  margin:0;
  padding:0;
  border:0;
  position:absolute;
  left:254px;
  background-image:url("../images/header_eospso_over.png");
  }

#nasahead div.eospso a, #nasahead div.eospso a:link, #nasahead div.eospso a:visited {
  display:block;
  outline:none
  }

#nasahead div.eospso img {
  border:0;
  }

#nasahead div.eospso a:hover img {
  visibility:hidden;
  }

#nasahead div.asf {
  width:201px;
  height:65px;
  margin:0;
  padding:0;
  border:0;
  position:absolute;
  left:529px;
  background-image:url("../images/header_asf_over.png");
  }

#nasahead div.asf a, #nasahead div.asf a:link, #nasahead div.asf a:visited {
  display:block;
  outline:none
  }

#nasahead div.asf img {
  border:0;
  }

#nasahead div.asf a:hover img {
  visibility:hidden;
  }

/* Banner Image */
#headimage {
  clear:both;
  padding-top:3px;
  }

#headimage img {
  display:block;
  }

#headimage h1 {
  display:none;
  }

/* end Banner Image */
/* END NASA HEADER */

/* Main Nav */
#menu {
  border:0;
  margin:0;
  padding:0;
  height:25px;
  width:730px;
  color:#fff;
  background:#666;
  }

#menu ul {
  border:0;
  margin:0;
  padding:0;
  height:25px;
  width:730px;
  list-style-type:none;
  text-align:center;
  clear:left;
  color:#fff;
  }

#menu ul li {
  display:block;
  float:left;
  text-align:center;
  padding:0;
  margin:0;
  }

#menu ul li a {
  text-decoration:none;
  color:#fff;
  width:181px;
  height:25px;
  border-right:1px solid #fff;
  padding:0;
  display:block;
  text-align:center;
  line-height:23px;
  font:12px/23px Arial, Helvetica, sans-serif;
  font-weight:700;
  letter-spacing:-.0px;
  }

#menu ul li#one a, #menu ul li#one a:link, #menu ul li#one a:visited {
  background: url(../images/menuNav_home_off.png) center left no-repeat;
  padding:0px;
  margin:0px;
  display:block;
  }

#menu ul li#one a:hover {
  background: url(../images/menuNav_home_over.png) center left no-repeat;
  }

#menu ul li#two a, #menu ul li#two a:link, #menu ul li#two a:visited {
  background: url(../images/menuNav_campaigns_off.png) center left no-repeat;
  padding:0px;
  margin:0px;
  display:block;
  }

#menu ul li#two a:hover {
  background: url(../images/menuNav_campaigns_over.png) center left no-repeat;
  }

#menu ul li#three a, #menu ul li#three a:link, #menu ul li#three a:visited {
  background: url(../images/menuNav_missions_off.png) center left no-repeat;
  padding:0px;
  margin:0px;
  display:block;
  }

#menu ul li#three a:hover {
  background: url(../images/menuNav_missions_over.png) center left no-repeat;
  }

#menu ul li#four a, #menu ul li#four a:link, #menu ul li#four a:visited {
  background: url(../images/menuNav_order_off.png) center left no-repeat;
  padding:0px;
  margin:0px;
  display:block;
  }

#menu ul li#four a:hover {
  background: url(../images/menuNav_order_over.png) center left no-repeat;
  }

#menu ul li#five a, #menu ul li#five a:link, #menu ul li#five a:visited {
  background: url(../images/menuNav_gallery_off.png) center left no-repeat;
  padding:0px;
  margin:0px;
  display:block;
  }

#menu ul li#five a:hover {
  background: url(../images/menuNav_gallery_over.png) center left no-repeat;
  }

#menu ul li#six a, #menu ul li#six a:link, #menu ul li#six a:visited {
  background: url(../images/menuNav_reference_off.png) center left no-repeat;
  padding:0px;
  margin:0px;
  display:block;
  }

#menu ul li#six a:hover {
  background: url(../images/menuNav_reference_over.png) center left no-repeat;
  }

#menu ul li#seven a, #menu ul li#seven a:link, #menu ul li#seven a:visited {
  background: url(../images/menuNav_contact_off.png) center left no-repeat;
  padding:0px;
  margin:0px;
  display:block;
  }

#menu ul li#seven a:hover {
  background: url(../images/menuNav_contact_over.png) center left no-repeat;
  }

#menu ul li#one img, #menu ul li#two img, #menu ul li#three img, #menu ul li#four img, #menu ul li#five img, #menu ul li#six img, #menu ul li#seven img {
  border:0;
  }

#menu ul li#one a:hover img, #menu ul li#two a:hover img, #menu ul li#three a:hover img, #menu ul li#four a:hover img, #menu ul li#five a:hover img, #menu ul li#six a:hover img, #menu ul li#seven a:hover img {
  visibility:hidden;
  }

/* This defines the widths of the menu directly underneath the banner image.*/
#menu ul li#one a {width:75px;}
#menu ul li#two a {width:103px;}
#menu ul li#three a {width:103px;}
#menu ul li#four a {width:112px;}
#menu ul li#five a {width:125px;}
#menu ul li#six a {width:103px;}
#menu ul li#seven a {border-right:0; width:103px;}

/* BODY SWITCHER for ON states for each button. To turn a button on, give the body tag of the html document an ID name from the rules below. You should not need to modify these rules unless you go over 10 nav items */
body#oneon #menu ul li#one a {
  background: url(../images/menuNav_home_on.png) center left no-repeat;
  }

body#twoon #menu ul li#two a {
  background: url(../images/menuNav_campaigns_on.png) center left no-repeat;
  }

body#threeon #menu ul li#three a {
  background: url(../images/menuNav_missions_on.png) center left no-repeat;
  }

body#fouron #menu ul li#four a {
  background: url(../images/menuNav_order_on.png) center left no-repeat;
  }

body#fiveon #menu ul li#five a {
  background: url(../images/menuNav_gallery_on.png) center left no-repeat;
  }

body#sixon #menu ul li#six a {
  background: url(../images/menuNav_reference_on.png) center left no-repeat;
  }

body#sevenon #menu ul li#seven a {
  background: url(../images/menuNav_contact_on.png) center left no-repeat;
  }
/* END Body Switcher for ON states for each section */
/* END Main Nav */

/* CONTENT LAYOUT A DESCRIPTIONS */
#contentwrapper {
  position:relative;
  width:730px;
  border-top:5px solid #fff;
  }

body#homepage #contentwrapper {
  background:#fff;
  }

/* Real NASA Banner */

/* END Real NASA Banner */

/* Right Content styles */
#rightcontent {
  position:relative;
  float:right;
  text-align:left;
  width:531px;
  margin:0px 0px 3px 0px;
  }

#rightcontent p, #rightcontent pre, #singlecolumn p, #singlecolumn pre {
  margin:0px 15px 15px 0px;
  }

#rightcontent p.bigtext, #singlecolumn p.bigtext {
  font-size:16px;
  line-height:20px;
  font-weight:bold;
  margin:15px 40px 15px 0px;
  color:#006699;
  text-align:left;
  letter-spacing:-.2px;
  }

#rightcontent h2, #singlecolumn h2 {
  border-bottom:1px solid #ccc;
  color:#006699;
  margin:0 15px 10px 0px;
  padding-top:10px;
  font-size:12px;
  font-weight:bold;
  /* Blue Header with underline in main content */
  }

#rightcontent h3.headertype2, #singlecolumn h3.headertype2 {
  position:relative;
  margin:0 0 10px 0px;
  font-size:12px;
  font-weight:bold;
  /* Black Header with Date to the right for articles */
  }

/* HIDE FROM MAC IE - All browsers but Mac IE5 will move the date to the right \*/
#rightcontent h3.headertype2 span, #singlecolumn h3.headertype2 span {
  position:absolute;
  right:15px;
  }
/* */

#rightcontent h1, #singlecolumn h1, #rightcontent h3, #singlecolumn h3, #rightcontent h4, #singlecolumn h4, #rightcontent h5, #singlecolumn h5, #rightcontent h6, #singlecolumn h6, #rightcontent h7, #singlecolumn h7, #rightcontent h8, #singlecolumn h8, #rightcontent h9, #singlecolumn h9, #rightcontent input, #singlecolumn input {
  margin:0px 15px 0px 0px;
  }

#rightcontent .flush, #singlecolumn .flush {
  margin:0;
  padding:0;
  border:0;
  }

#rightcontent img, #singlecolumn img {
  margin:0 15px 2px 0px;
  }

#rightcontent table, #singlecolumn table {
  margin-left:0px;
  }

#rightcontent img.left, #singlecolumn img.left {
  float:left;
  margin:0 7px 5px 0px;
  }

#rightcontent img.right, #singlecolumn img.right {
  float:right;
  margin:0 15px 5px 7px;
  }


#rightcontent div.capleft, #singlecolumn div.capleft {
  float:left;
  width:250px;
  margin:0 7px 5px 0px;
  }

#rightcontent div.capleft p, #singlecolumn div.capleft p {
  margin:5px 5px 0px 5px;
  font-size:11px;
  color:#999;
  }

#rightcontent div.capleft img, #singlecolumn div.capleft img {
  margin:0px;
  padding:0px;
  }

#rightcontent div.capright, #singlecolumn div.capright {
  float:right;
  width:250px;
  margin:0 15px 5px 7px;
  }

#rightcontent div.capright p, #singlecolumn div.capright p {
  margin:5px 5px 0px 5px;
  font-size:11px;
  color:#999;
  }

#rightcontent div.capright img,  #singlecolumn div.capright img {
  margin:0px;
  padding:0px;
  }

/* Three Column Layout, These divs go WITHIN the RIGHT CONTENT div */
#rightcontent div.twocol {
  margin-bottom:10px;
  background:transparent url(../images/twocol_background.gif) -15px 0 repeat-y;
  }

#rightcontent div.twocol div.urone {
  background:transparent;
  float:left;
  width:353px;
  margin:0;
  padding:0;
  }

#rightcontent div.twocol div.urtwo {
  margin:0;
  padding:0;
  margin-left:369px;
  /* width:178px */
  }

#rightcontent div.twocol div.urone h2 {
  margin:0px 0px 10px 0px;
  }

#rightcontent div.twocol div.urtwo h2 {
  margin:0px 15px 10px -15px;
  padding-left:15px;
  }

#rightcontent div.twocol div.clear {
  height:1px;
  }

#rightcontent div.twocol div.urone table.datatab {
  width:338px;
  }
/* END Three Column Layout, These divs go WITHIN the RIGHT CONTENT div */
/* END Right Content Styles */

/* LEFT CONTENT STYLES */
#leftcontent {
  position:relative;
  padding:0;
  margin:0;
  width:184px;
  float:left;
  }

div#lefttitle {
  position:relative;
  height:100px;
  width:179px;
  color:#fff;
  background:#fff;
  padding:0;
  margin-top:0;
  }

div#lefttitle img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }

div#lefttitle p.homeabs {
  position:absolute;
  top:10px;
  left:22px;
  color:#fff;
  text-decoration:none;
  }

div#lefttitle a.homeabs {
  position:absolute;
  top:10px;
  left:22px;
  color:#fff;
  text-decoration:none;
  }

div#lefttitle a.homeabs:hover {
  text-decoration:underline;
  }

div#lefttitle h2 {
  position:absolute;
  bottom:0;
  left:0;
  margin:0;
  width:150px;
  color:#fff;
  font-weight:normal;
  font-variant:small-caps;
  font-size:16px;
  padding:0px 5px 10px 24px;
  border-bottom:1px solid #fff;
  }

div#lefttitle h2 a {
  color:#fff;
  text-decoration:none;
  }

div#lefttitle h2 a:hover {
  color:#fff;
  text-decoration:underline;
  }

/* Left NAV Descriptions */
#leftnav {
  z-index:10;
  width:179px;
  margin:0px 0px 15px 0px;
  }

#leftnav ul {
  list-style:none;
  padding:0;
  margin:0;
  border:0;
  }

#leftnav ul li {
  text-align:left;
  height:25px;
  width:179px;
  margin:0;
  padding:0;
  border-bottom:1px solid #fff;
  }

#leftnav ul li a {
  display:block;
  height:25px;
  width:179px;
  text-decoration:none;
  }

/* OFF states for the LEFT NAV  */
#leftnav ul li#lnone a, #leftnav ul li#lnone a:link, #leftnav ul li#lnone a:visited {
  background: url(../images/leftNav_home_off.png) no-repeat;
  display:block;
  }

#leftnav ul li#lntwo a, #leftnav ul li#lntwo a:link, #leftnav ul li#lntwo a:visited {
  background: url(../images/leftNav_campaigns_off.png) no-repeat;
  display:block;
  }

#leftnav ul li#lnthree a, #leftnav ul li#lnthree a:link, #leftnav ul li#lnthree a:vsited {
  background: url(../images/leftNav_missions_off.png) no-repeat;
  display:block;
  }

#leftnav ul li#lnfour a, #leftnav ul li#lnfour a:link, #leftnav ul li#lnfour a:visited {
  background: url(../images/leftNav_order_off.png) no-repeat;
  display:block;
  }

#leftnav ul li#lnfive a, #leftnav ul li#lnfive a:link, #leftnav ul li#lnfive a:visited {
  background: url(../images/leftNav_gallery_off.png) no-repeat;
  display:block;
  }

#leftnav ul li#lnsix a, #leftnav ul li#lnsix a:link, #leftnav ul li#lnsix a:visited {
  background: url(../images/leftNav_reference_off.png) no-repeat;
  display:block;
  }

#leftnav ul li#lnseven a, #leftnav ul li#lnseven a:link, #leftnav ul li#lnseven a:visited {
  background: url(../images/leftNav_contact_off.png) no-repeat;
  display:block;
  }
/* END OFF states for the LEFT NAV.  */

/* HOVER states for the LEFT NAV. */
body.lntwoon #leftnav li#lnone a:hover, body.lnthreeon #leftnav li#lnone a:hover,
body.lnfouron #leftnav li#lnone a:hover, body.lnfiveon #leftnav li#lnone a:hover,
body.lnsixon #leftnav li#lnone a:hover, body.lnsevenon #leftnav li#lnone a:hover {
background: url(../images/leftNav_home_over.png) no-repeat;
  }

body.lnoneon #leftnav li#lntwo a:hover, body.lnthreeon #leftnav li#lntwo a:hover,
body.lnfouron #leftnav li#lntwo a:hover, body.lnfiveon #leftnav li#lntwo a:hover,
body.lnsixon #leftnav li#lntwo a:hover, body.lnsevenon #leftnav li#lntwo a:hover {
  background: url(../images/leftNav_campaigns_over.png) no-repeat;
  }

body.lnoneon #leftnav li#lnthree a:hover, body.lntwoon #leftnav li#lnthree a:hover,
body.lnfouron #leftnav li#lnthree a:hover, body.lnfiveon #leftnav li#lnthree a:hover,
body.lnsixon #leftnav li#lnthree a:hover, body.lnsevenon #leftnav li#lnthree a:hover {
  background: url(../images/leftNav_missions_over.png) no-repeat;
  }

body.lnoneon #leftnav li#lnfour a:hover, body.lntwoon #leftnav li#lnfour a:hover,
body.lnthreeon #leftnav li#lnfour a:hover, body.lnfiveon #leftnav li#lnfour a:hover, 
body.lnsixon #leftnav li#lnfour a:hover, body.lnsevenon #leftnav li#lnfour a:hover {
  background: url(../images/leftNav_order_over.png) no-repeat;
  }

body.lnoneon #leftnav li#lnfive a:hover, body.lntwoon #leftnav li#lnfive a:hover,
body.lnthreeon #leftnav li#lnfive a:hover, body.lnfouron #leftnav li#lnfive a:hover,
body.lnsixon #leftnav li#lnfive a:hover, body.lnsevenon #leftnav li#lnfive a:hover {
  background: url(../images/leftNav_gallery_over.png) no-repeat;
  }

body.lnoneon #leftnav li#lnsix a:hover, body.lntwoon #leftnav li#lnsix a:hover,
body.lnthreeon #leftnav li#lnsix a:hover, body.lnfouron #leftnav li#lnsix a:hover,
body.lnfiveon #leftnav li#lnsix a:hover, body.lnsevenon #leftnav li#lnsix a:hover {
  background: url(../images/leftNav_reference_over.png) no-repeat;
  }

body.lnoneon #leftnav li#lnseven a:hover, body.lntwoon #leftnav li#lnseven a:hover,
body.lnthreeon #leftnav li#lnseven a:hover, body.lnfouron #leftnav li#lnseven a:hover,
body.lnfiveon #leftnav li#lnseven a:hover, body.lnsixon #leftnav li#lnseven a:hover {
  background: url(../images/leftNav_contact_over.png) no-repeat;
  }

body.lnoneon #leftnav li#lntwo a:hover img, body.lnoneon #leftnav li#lnthree a:hover img, 
body.lnoneon #leftnav li#lnfour a:hover img, body.lnoneon #leftnav li#lnfive a:hover img, 
body.lnoneon #leftnav li#lnsix a:hover img, body.lnoneon #leftnav li#lnseven a:hover img,
body.lntwoon #leftnav li#lnone a:hover img, body.lntwoon #leftnav li#lnthree a:hover img, 
body.lntwoon #leftnav li#lnfour a:hover img, body.lntwoon #leftnav li#lnfive a:hover img, 
body.lntwoon #leftnav li#lnsix a:hover img, body.lntwoon #leftnav li#lnseven a:hover img,
body.lnthreeon #leftnav li#lnone a:hover img, body.lnthreeon #leftnav li#lntwo a:hover img, 
body.lnthreeon #leftnav li#lnfour a:hover img, body.lnthreeon #leftnav li#lnfive a:hover img, 
body.lnthreeon #leftnav li#lnsix a:hover img, body.lnthreeon #leftnav li#lnseven a:hover img,
body.lnfouron #leftnav li#lnone a:hover img, body.lnfouron #leftnav li#lntwo a:hover img, 
body.lnfouron #leftnav li#lnthree a:hover img, body.lnfouron #leftnav li#lnfive a:hover img, 
body.lnfouron #leftnav li#lnsix a:hover img, body.lnfouron #leftnav li#lnseven a:hover img,
body.lnfiveon #leftnav li#lnone a:hover img, body.lnfiveon #leftnav li#lntwo a:hover img, 
body.lnfiveon #leftnav li#lnthree a:hover img, body.lnfiveon #leftnav li#lnfour a:hover img, 
body.lnfiveon #leftnav li#lnsix a:hover img, body.lnfiveon #leftnav li#lnseven a:hover img,
body.lnsixon #leftnav li#lnone a:hover img, body.lnsixon #leftnav li#lntwo a:hover img, 
body.lnsixon #leftnav li#lnthree a:hover img, body.lnsixon #leftnav li#lnfour a:hover img, 
body.lnsixon #leftnav li#lnfive a:hover img, body.lnsixon #leftnav li#lnseven a:hover img,
body.lnsevenon #leftnav li#lnone a:hover img, body.lnsevenon #leftnav li#lntwo a:hover img, 
body.lnsevenon #leftnav li#lnthree a:hover img, body.lnsevenon #leftnav li#lnfour a:hover img, 
body.lnsevenon #leftnav li#lnfive a:hover img, body.lnsevenon #leftnav li#lnsix a:hover img {  
  visibility:hidden;
  }
/* END HOVER states for the LEFT NAV.  */

/* BODY SWITCHER for ON states for the LEFT NAV. */
body.oneon #leftnav li#lnoneon a {
  background: url(../images/leftNav_home_on.png) no-repeat;
  }

body.twoon #leftnav li#lntwoon a {
  background: url(../images/leftNav_campaigns_on.png) no-repeat;
  }

body.threeon #leftnav li#lnthreeon a {
  background: url(../images/leftNav_missions_on.png) no-repeat;
  }

body.fouron #leftnav li#lnfouron a {
  background: url(../images/leftNav_order_on.png) no-repeat;
  }

body.fiveon #leftnav li#lnfiveon a {
  background: url(../images/leftNav_gallery_on.png) no-repeat;
  }

body.sixon #leftnav li#lnsixon a {
  background: url(../images/leftNav_reference_on.png) no-repeat;
  }

body.sevenon #leftnav li#lnsevenon a {
  background: url(../images/leftNav_contact_on.png) no-repeat;
  }

/* END Body Switcher for ON states for the LEFT NAV. */
/* END left NAV */

#leftcontent div.fact {
  position:relative;
  width:158px;
  margin-left:10px;
  padding:10px 0px 0px 0px;
  border-bottom:1px solid #ccc;
  }

#leftcontent div.fact h3 {
  padding:0px 0px 3px 10px;
  border-bottom:1px solid #ccc;
  color:#006699;
  margin:0px 0px 10px 0px;
  font-size:15px;
  font-weight:bold;
  font-variant:small-caps;
  text-align:center;
  }

#leftcontent div.fact p {
  text-align:left;
  padding:0px 10px 10px 10px;
  color:#006699;
  font-size:13px;
  line-height:16px;
  margin:0;
  }

#contentwrapper #leftcontent ul.facta li {
  margin-top:10px;
  }

#contentwrapper #leftcontent ul.facta li a {
  color:#006699;
  font-size:11px;
  }

#leftcontent p, pre, blockquote {
  margin:0px 10px 15px 20px;
  }

#leftcontent ul.linklist {
  margin:0px 10px 15px 18px;
  }

#leftcontent ul.linklist li {
  margin-bottom:3px;
  }

#leftcontent ul.linklist li a {
  color:#000;
  font-size:12px;
  line-height:14px
  }

#leftcontent h2 {
  border-bottom:1px solid #ccc;
  color:#006699;
  margin:0px 5px 10px 0px;
  padding:10px 5px 0px 20px;
  font-size:12px;
  font-weight:bold;
  }

#leftcontent h3 {
  color:#000;
/*  margin:0px 10px 0px 20px;*/
  margin:0px 10px 10px 20px;
  font-size:12px;
  font-weight:bold;
  }

/* END LEFT CONTENT STYLES */
/* END CONTENT LAYOUT A DESCRIPTIONS */

/* CONTENT LISTS. For several different lists and feature sets */

/* Smaller Image list 64X48, Image floats left with content to the right of it */
#rightcontent div.smfeature {
  position:relative;
  margin:0px 0px 0px 0px;
  padding:0;
  }

#rightcontent div.smfeature div.theimg {
  float:left;
  margin:0;
  padding:0px 0px 15px 0px;
  width:64px;
  }

#rightcontent div.smfeature div.theimg img {
  margin:0;
  padding:0;
  }

#rightcontent div.smfeature dl {
  padding:0px 0px 15px 0px;
  margin:0px 15px 0px 74px;
  }

#rightcontent div.smfeature dt {
  padding:0;
  margin:0;
  font-weight:bold;
  }

#rightcontent div.smfeature dd {
  padding:0;
  margin:0;
  }

#rightcontent div.smfeature dd a {
  display:inline;
  }
/* END Smaller Image list 64X48 */

/* Larger Image List 100X75, Image floats left with content to the right of it */
#rightcontent div.lgfeature {
  position:relative;
  margin:0;
  padding:0;
  }

#rightcontent div.lgfeature div.theimg {
  float:left;
  margin:0;
  padding:0px 0px 15px 0px;
  width:100px;
  }

#rightcontent div.lgfeature div.theimg img {
  margin:0;
  padding:0;
  }

#rightcontent div.lgfeature dl {
  padding:0px 0px 15px 0px;
  margin:0px 15px 0px 110px;
  }

#rightcontent div.lgfeature dt {
  padding:0;
  margin:0;
  font-weight:bold;
  }

#rightcontent div.lgfeature dd {
  padding:0;
  margin:0;
  }

#rightcontent div.lgfeature dd a {
  display:inline;
  }

/* END Larger Image List 100X75 */

/* All other definition Lists */
#rightcontent dl {
  position:relative;
  margin:0px 0px 10px 0px;
  padding:0;
  }

#rightcontent dl dt a {
  text-decoration:none;
  color:#000;
  }

#rightcontent dl dt a:hover {
  text-decoration:none;
  color:#000;
  }

#rightcontent dl dt {
  margin:0px 15px 0px 0px;
  padding:0;
  font-weight:bold;
  }

#rightcontent dl dd {
  margin:0px 15px 0px 0px;
  padding:0;
  }

/* BEGIN Link List - Unordered List with the + sign in front of the links */
ul.linklist {
  position:relative;
  margin:0px 0px 10px 0px;
  list-style-type:none;
  padding:0;
  }

ul.linklist li {
  display:block;
  background:url(../images/linky_blue.gif) 0px 5px no-repeat;
  margin:0px 15px 0px 0px;
  padding:0;
  line-height:14px;
  }

ul.linklist li a {
  padding-left:9px;
  font-size:12px;
  }

ul.linklist li a:hover {
  text-decoration:underline;
  }

dd ul.linklist li {
  margin:0px;
  }
/* End Link List - Unordered list */
/* END CONTENT LISTS */

/* EXAMPLES, INDENTS, CODE ECT */
div.example {
  margin-bottom:15px;
  margin-left:25px;
  }

div#rightcontent div.example h3 {
  margin-bottom:5px;
  }
/* END EXAMPLES, INDENTS, CODE ECT */

/* GALLERY */
div#gallery {
  margin:15px 0px;
  }

div#gallery img {
  margin:0px 15px 5px 0px;
  float:left;
  width:100px;
  height:75px;
  }
/* END GALLERY */

/* Footer */
#footer {
  position:relative;
  background:#ccc;
  width:730px;
  height:100px;
  clear:both;
  margin-top:3px;
  }

#footer-left {
  color:#666;
  font-size:11px;
  width:275px;
  }

#footer-left ul {
  list-style:none;
  padding:10px 0px 0px 10px;
  margin:0px;
  }

#footer-left ul li {
  padding-bottom:0;
  }

#footer-left ul li a:link, #footer-left ul li a:visited {
  text-decoration:none;
  font-weight:normal;
  color:#666;
  font-size:11px;
  }

#footer-left ul li a:hover {
  text-decoration:underline;
  }

#footer-middle {
  color:#666;
  font-size:11px;
  width:275px;
  position:absolute;
  left:275px;
  top:0px;
  }

#footer-middle ul {
  list-style:none;
  padding:10px 0px 0px 10px;
  margin:0px;
  }

#footer-middle ul li {
  padding-bottom:0;
  }

#footer-middle ul li a:link, #footer-middle ul li a:visited {
  text-decoration:none;
  font-weight:normal;
  color:#666;
  font-size:11px;
  }

#footer-middle ul li a:hover {
  text-decoration:underline;
  }

#footer-right {
  position:absolute;
  right:0px;
  top:15px;
  color:#666;
  font-size:11px;
  }

#footer-right ul {
  list-style:none;
  }

#footer-right ul li {
  padding-bottom:0;
  }

#footer-right ul li a:link, #footer-right ul li a:visited {
  text-decoration:none;
  font-weight:normal;
  color:#666;
  font-size:11px;
  }

#footer-right ul li a:hover {
  text-decoration:underline;
  }

/* PUT ALL OF YOUR CHANGES BELOW THIS LINE. FOR EXAMPLE, TO MODIFY THE SIZES OF THE MENU, COPY THEM FROM ABOVE AND PLACE THEM BELOW. Remember, these values OVERRIDE the values from above so it is ok to leave them there. */


/* This is for the mission list table.*/
table.mission {
  border: 1px solid #666;
  border-spacing:0;
  margin-bottom:15px;
  font-size:12px;
  width:535px;
  }

table.mission thead tr td {
  background:#9cf;
  color:#000;
  font-weight:bold;
  padding: 3px 8px;
  border-left: 1px solid #fff;
  text-align:center;
  }

table.mission tbody tr td {
  padding: 3px 3px;
  border-left: 1px solid #D9D9D9;
  text-align:center;
  }

table.mission td.location {
  text-align:left;
  }

table.mission tbody tr.odd td {
  background-color:#edf3fe;
  }

table.mission tbody tr:hover td, tr.odd:hover td {
  background:#9ab;
  }

/* This is for the campaign & flight summary information on a campaign or flight page.*/
table.summary {
  font-size:12px;
  border-collapse:collapse;
  width:500px;
  }

table.summary tbody tr td {
  text-align:left;
  }

table.summary tbody tr td.info {
  text-align:left;
  width:396px;
  }

/* This is for the campaign-level mission table.*/
table.campaign {
  width:510px;
  border: 1px solid #666;
  margin-bottom:15px;
  font-size:12px;
  border-spacing:0px;
  text-align:center;
  }

table.campaign thead tr td {
  background:#069;
  color:#fff;
  text-align:center;
  font-size:16px;
  font-variant:small-caps;
  padding:10px 8px;
  }

table.campaign tbody tr.althead_1 td {
  background:#069;
  color:#fff;
  text-align:center;
  font-style:italic;
  border-left:0px;
  }

table.campaign tbody tr.althead_2 td {
  background:#9cf;
  text-align:center;
  font-weight:bold;
  border-left: 1px solid #D9D9D9;
  }

table.campaign tbody tr.althead_1 td:hover {
  background:#069;
  }

table.campaign tbody tr.althead_2 td:hover {
  background:#9cf;
  }

table.campaign tbody tr td {
  width:127px;
  background-color:#edf3fe;
  font-size: 12px;
  padding: 3px 3px;
  border-bottom: 1px solid #D9D9D9;
  border-left: 1px solid #D9D9D9;
  text-align:center;
  }

table.campaign tbody tr td:hover {
  background-color:#9ab;
  }

table.campaign tbody tr td.empty:hover {
  background-color:#edf3fe;
  }

table.campaign tbody tr td img{
  display: block;
  border:1px solid #000;
  position:relative;
  left:9px
  }

table.campaign tbody tr td.singleRow {
  width:120px;
  height:107px;
  }

/* This is for the browse imagery table on a flight page.*/
table.brotab {
  border-spacing:0;
  border: 1px solid #666666;
  margin-bottom:15px;
  font-size:12px;
  width:530px;
  }

table.brotab thead tr td {
  background:#006699;
  text-align:center;
  font-size:16px;
  font-weight:normal;
  font-variant:small-caps;
  color:#FFFFFF;
  padding:10px 8px;
  }

table.brotab tbody tr.althead_1 td {
  background:#006699;
  text-align:center;
  color:#FFFFFF;
  font-style:italic;
  border-left:0px;
  }

table.brotab tbody tr.althead_2 td {
  background:#99CCFF;
  text-align:center;
  font-weight:bold;
  border-left: 1px solid #D9D9D9;
  }

table.brotab tbody tr.althead_1:hover td {
  background:#069;
  }

table.brotab tbody tr.althead_2:hover td {
  background:#9cf;
  }

table.brotab tbody tr.althead_2 td.level-2 {
  vertical-align:middle;
  }

table.brotab tbody tr td {
  font-size:12px;
  text-align:center;
  padding:3px 4px;
  border-left: 1px solid #D9D9D9;
  }

table.brotab tbody tr td a:hover {
  text-decoration:underline;
  }

table.brotab tbody tr.odd td {
  background:#edf3fe;
  text-align:center;
  }

table.brotab tbody tr.odd td a:hover {
  text-decoration:underline;
  }

table.brotab tbody tr.foot td {
  text-align:center;
  border-left: 1px solid #D9D9D9;
  border-top: 1px solid #D9D9D9;
  background:#eee;
  }

table.brotab tbody tr:hover td, tr.odd:hover td, tr.foot:hover td {
  background:#9ab;
  }

table.brotab tbody tr.empty:hover td {
  background-color:#fff;
  }

table thead tr td.no-border, tbody tr td.no-border, table.brotab tbody tr.althead_2 td.no-border, table.brotab td.no-border, table.brotab tr.foot td.no-border, table.rgb td.no-border {
  border-left: 0px;
  }

/* This is for the browse imagery table on a flight page.*/
table.srf {
  border-spacing:0;
  border: 1px solid #666;
  margin-bottom:15px;
  font-size:12px;
  width:530px;
  }

table.srf thead tr td {
  background:#069;
  font-size:16px;
  font-weight:normal;
  font-variant:small-caps;
  text-align:center;
  color:#fff;
  padding:10px 8px;
  }

table.srf tbody tr.althead_2 td {
  background:#9cf;
  font-weight:bold;
  text-align:center;
  border-left: 1px solid #d9d9d9;
  }

table.srf tbody tr.althead_2:hover td {
  background:#9cf;
  }

table.srf tbody tr td {
  padding:3px 4px;
  border-left: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
  text-align:center;
  }

table.srf tbody tr td a:hover, tr.odd td a:hover {
  text-decoration:underline;
  }

table.srf tbody tr.odd td {
  background:#edf3fe;
  }

table.srf tbody tr.foot td {
  border-left: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
  background:#eee;
  }

/* This is for target specifications of the spectral bands table on both the Level-1B Guide and eMAS SRF pages.*/
table.specs {
  border-spacing:0;
  border: 1px solid #666;
  margin-bottom:15px;
  font-size:12px;
  width:400px;
  }

table.specs thead tr td {
  background:#069;
  font-size:16px;
  font-weight:normal;
  font-variant:small-caps;
  text-align:center;
  color:#fff;
  padding:10px 8px;
  }

table.specs tbody tr.althead_2 td {
  background:#9cf;
  font-weight:bold;
  text-align:center;
  border-left: 1px solid #d9d9d9;
  }

table.specs tbody tr.althead_2:hover td {
  background:#9cf;
  }

table.specs tbody tr td {
  padding:3px 4px;
  border-left: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
  text-align:center;
  background:#edf3fe;
  }

table.specs tbody tr.odd td {
  background:#edf3fe;
  }

table.specs tbody tr:hover td, tr.odd:hover td {
  background:#9ab;
  }

/* This is for the campaign table on the order page (/order.html).*/
table.order {
  border: 1px solid #666666;
  margin-bottom:15px;
  font-size:12px;
  border-spacing:0;
  }

table.order thead tr td {
  background:#99CCFF;
  color:#000;
  font-weight:bold;
  padding: 3px 8px;
  border-left: 1px solid #fff;
  text-align:center;
  }

table.order tbody tr td {
  font-size: 12px;
  padding: 3px 8px;
  border-left: 1px solid #D9D9D9;
  text-align:center;
  }

table.order tbody tr.odd td {
  background-color:#edf3fe;
  }

table.order tbody tr:hover td, tr.odd:hover td {
  background:#9ab;
  }

/* This is for the contact info.*/
table.contact1 {
  display:block;
  border-collapse;
  margin:0;
  padding:0;
  float:left;
  font-weight:bold;
  }

table.contact2 {
  display:block;
  border-collapse;
  margin:0;
  padding:0;
  float:left;
  }

table.contact2 tr td {
  vertical-align:middle;
  font-size:14px;
  }

/* This is an attempt to defeat "spam-bots" by placing an image of an email link.*/
img.em {
  position:relative;
  top:0px;
  left:10px;
  display:inline;
  vertical-align:middle;
  }

/* This is the satellite overpass information table.*/
table.satPass {
  border-spacing:0px;
  border: 1px solid #666666;
  margin-bottom:15px;
  font-size:12px;
        }

table.satPass thead tr td {
  background:#006699;
  text-align:center;
  font-size:16px;
  font-weight:normal;
  font-variant:small-caps;
  color:#FFFFFF;
  padding:10px 8px;
  border-bottom: 1px solid #D9D9D9;
  }

table.satPass tbody tr.althead td {
  background:#99CCFF;
  text-align:center;
  vertical-align: middle;
  font-weight:bold;
  border-left: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  }

table.satPass tbody tr.althead:hover td {
  background:#9cf;
  }

table.satPass tbody tr td {
  font-size:12px;
  text-align:center;
  padding:3px 8px;
  border-left: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  }

table.satPass tbody tr.odd td {
  background:#edf3fe;
  }

table.satPass tbody tr td a:hover, tr.odd td a:hover {
  text-decoration:underline;
  }

table.satPass tbody tr:hover td, tr.odd:hover td {
  background:#9ab;
  }

/* This is for the sample image on the left side.*/
div#sample {
  z-index:10;
  width:179px;
  margin:0px 0px 15px 0px;
  padding:0;
  border-collapse:collapse;
  }

table.sample {
  background:#006699;
  text-align:center;
  color:#FFFFFF;
  width:179px;
  border-collapse:collapse;
  }

table.sample thead tr td {
  background:#006699;
  font-size:16px;
  font-weight:normal;
  font-variant:small-caps;
  padding: 5px 0px;
  }

table.sample tbody tr td {
  background:#006699;
  font-size:12px;
  padding: 3px 0px;
  }

table.sample tbody tr td.italic {
  font-style:italic;
  }
  
table.sample tbody tr td img {
  display:block;
  width:179px;
  }

/* This is for the RGB table on the Earth Scenes page.*/
table.rgb {
  border: 1px solid #666666;
  border-spacing:0;
  margin-bottom:15px;
  font-size:12px;
  width:250px;
  }

table.rgb thead tr td {
  background:#99CCFF;
  color:#000;
  font-weight:bold;
  padding: 3px 8px;
  border-left: 1px solid #fff;
  text-align:center;
  }

table.rgb tbody tr td {
  font-size: 12px;
  padding: 3px 3px;
  border-left: 1px solid #D9D9D9;
  text-align:center;
  }

table.rgb tbody tr.odd td {
  background-color:#edf3fe;
  }

table.rgb td.location {
  text-align:left;
  }

/* This is for the RGB/animation image table (gallery/animation.html).*/
table.animation {
  border-spacing:0;
  margin:0;
  padding:0;
  width:510px;
  }

table.animation td {
  width:25%;
  text-align:center;
  }

table.animation td.left {
  position:relative;
  top:30px;
  left:0px;
  }

table.animation td.right {
  position:relative;
  top:30px;
  right:50px;
  }

table.animation td.middle {
  vertical-align: middle;
  }

table.animation img {
  margin:0 6px 2px 0px;
  }

/* This is for the spectral band comparison table that shows all 50 bands (gallery/comparison.html).*/
table.comparison {
  width:510px;
  border-collapse: collapse;
  margin:0;
  padding:0;
  }

table.comparison tbody tr td img {
  display: block;
  border-collapse: collapse;
  margin:0;
  padding:0;
  }

/* This is for journal citations.*/
code.citation {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:130%;
  color:#000;
  font-weight:normal;
  }

code.journal {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:130%;
  color:#000;
  font-style:italic;
  }

/* This is a fix for link conformity.*/
a.linky {
  background:url("../images/linky_blue.gif") 0px 5px no-repeat;
  }

/* This adds a "plus" in front of the "MAS Home" link on the left title.*/
div#lefttitle font.plus {
  position:absolute;
  top:10px;
  left:12px;
  text-decoration:none;
  }

/* This is for sample images & text on the left side of the Image Gallery page.*/
div.samp-img {
  position:relative;
  top:0px;
  left:0px;
  }

div.samp-img dl {
  text-align:center;
  }

div.samp-img img {
  width:158px;
  }

/* This modifies the lgfeature image on the mosaic page, shifting it down by 17 pixels.*/
#rightcontent div.lgfeature div.mosaic_img {
  float:left;
  margin:0;
  padding:17px 0px 15px 0px;
  width:100px;
  }

#rightcontent div.lgfeature div.mosaic_img img {
  margin:0;
  padding:0;
  }

/* This is for the campaign logo.*/
div.campaignLogo {
  position:absolute;
/*  top:0px; */
  top:35px;
  right:0px;
  display: block;
  text-align:center;
  width:107px;
  }

div.campaignLogo img {
  width:100px;
  position:relative;
  left:4px;
  }

/* This is for the flight track map.*/
div.tmap {
  position:absolute;
  top:10px;
  right:0px;
  display: block;
  text-align:center;
  width:107px;
  }

div.tmap a:link, div.tmap a:link {
  outline: none;
  }

div.tmap img {
  border:1px solid #000;
  display: block;
  margin:0px;
 }

/* This is for the nadir image & text link.*/
div.nadir {
  position:absolute;
  top:160px;
  right:0px;
  display: block;
  text-align:center;
  width:110px;
  }

div.nadir img {
  position:relative;
  left:4px;
  }

/* Image Preloader */    
div#preloader {
  position: absolute;
  left: -9999px;
  top:  -9999px;
  }

div#preloader img {
  display: block;
  width: 1px;
  height: 1px;
  }
    
/* end Image Preloader */

#status {
  position: relative;
  left: 0px;
  top: 0px;
  width: 320px;
  height: 600px;
  }
  

#podTemp {
  position: absolute;
  left: 330px;
  top: 0px;
  }
  
#podTemp img {
  display: block;
  width: 400px;
  height: 300px;
  }

#podPressure {
  position: absolute;
  left: 330px;
  top: 320px;
  }
  
#podPressure img {
  display: block;
  width: 400px;
  height: 300px;
  }

#srf table {
  border-collapse:separate;
  width: 500px;
  }

#srf tr th {
  border: 1px solid #000;
  border-collapse:separate;
  width: 125px;
  background-color:#cfcfcf;
  font-weight: bold;
  }

#srf tr td {
  border: 1px solid #000;
  border-collapse:separate;
  width: 125px;
  background-color:#f5f5f5;
  }

#footnote {
  text-align: left;
  padding: 2px 5px;
  font-size: 0.8em;
  }
/* end CSS modifications */