/*BANNER - START*/
#top_jplBanner { left: 0px; /*  background-image: url(https://mars-jpl-nasa-gov-images.s3.amazonaws.com/general/layout/slider-home-rotator/banner-faded-top-bottom-bg.png);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;*/
  z-index:1000; }
.top_jplBannerInner { text-align: left; padding-left: 0px; max-width: 1440px; width:100%; position:relative; /*background-image: url('https://mars-jpl-nasa-gov-images.s3.amazonaws.com/general/layout/nav/navBackSplashWave.png');*/ /*background-image: url('https://mars-jpl-nasa-gov-images.s3.amazonaws.com/general/layout/nav/Mars-exploration-banner-background.jpg');*/ background-image: url('https://mars-jpl-nasa-gov-images.s3.amazonaws.com/general/layout/nav/Mars-exploration-banner.png');  /*background-position:top -50px left -35px;*/ background-repeat:no-repeat; /*background-size:100% 88px; height:88px;*/ background-size:100% 150px;/* height:150px; */}

/* NEW 2015-11-09 */
.top_jplBannerInner{background-image:none;}
#top_jplBanner{ /*background-image: url('https://mars-jpl-nasa-gov-images.s3.amazonaws.com/general/layout/nav/Mars-exploration-banner-wide.png');*/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%; }
@media screen and (max-width: 1400px){
  #top_jplBanner{ background-position: -120px center; }
}
@media screen and (max-width: 736px){
  #top_jplBanner{ background-position: -200px center; }
}
/*end NEW 2015-11-09*/
#top_jplBanner-sticky-wrapper{max-height:150px;}
#top_jplBanner-sticky-wrapper, #top_jplBanner { z-index:100; /*height:88px;*/ height:150px; position:relative; }
#top_jplBanner-sticky-wrapper.is-sticky #top_jplBanner { background-color:#001425; }
#top_jplBanner-sticky-wrapper.is-sticky #top_jplBanner .top_jplBannerInner { background-color:#001425; /*height:88px;*/ height:150px; padding:0; margin:0; }

#top_jplBanner-sticky-wrapper.is-sticky #top_jplBanner .top_jplBannerInner{background-color:transparent;}
/*@media screen and (min-width: 1400px){
#top_jplBanner-sticky-wrapper,#top_jplBanner {height:200px !important;}
#topSubNav{margin-top:-50px;}
}*/
/*@media screen and (min-width: 1600px) {
top_jplBanner-sticky-wrapper,#top_jplBanner {height:300px !important;}
div#contentBox_contentPage{margin-top:-50px;}
}*/
#topSubNav{margin-top:73px; /*position:absolute;*/}
#jplLinks { }
/*.jplLinksBG { width: 70%; height: 80px; max-width: 1440px; margin: 25px 0px -20px 20px; background-size:auto 65px; background-repeat:no-repeat; display:inline-block; }*/
.jplLinksBG { width: 70%; position:absolute; /*right:40px;*/ right:45px; height: 82px; float:right; max-width: 1440px; /* margin: 5px 0 0 20px; *//* margin: 25px 0px -20px 20px;*/ margin: 35px 0px -20px 20px; background-size: auto 78px; background-repeat: no-repeat; background-position:top right; display: inline-block; /*background-position-y: 5px;*/ }
.navTopBannerMAVEN .jplLinksBG {background-size: auto 70px; background-position:center right;}
.navTopBannerMRO .jplLinksBG {right:35px; }
@media screen and (min-width : 1px) {
.navTopBannerMRO .jplLinksBG {background-size: auto 60px; margin: 40px 0px -20px 20px;}
.navTopBannerMSL .jplLinksBG {background-size: auto 65px; margin: 37px 0px -20px 20px; background-position:top right;}
.navTopBannerMER .jplLinksBG {background-size: auto 68px;}
}
@media screen and (min-width : 700px) {
.navTopBannerMRO .jplLinksBG {background-size: auto 60px; margin: 40px 0px -20px 20px;}
.navTopBannerMSL .jplLinksBG {background-size: auto 65px; margin: 37px 0px -20px 20px; background-position:top right;}
.navTopBannerMER .jplLinksBG {background-size: auto 68px;}
}
@media screen and (min-width : 820px) {
.navTopBannerMRO .jplLinksBG {background-size: auto 78px; margin: 31px 0px -20px 20px;}
.navTopBannerMSL .jplLinksBG {background-size: auto 78px; margin: 35px 0px -20px 20px;}
.navTopBannerMER .jplLinksBG {background-size: auto 78px;}
}
/*.navBackSplashLine { background-image: url('https://mars-jpl-nasa-gov-images.s3.amazonaws.com/general/layout/nav/navBackSplashLine.png'); background-repeat: no-repeat; background-position: bottom left; height: 25px; top: -3px; position: relative; }*/
.navBackSplashSide { /*background-image: url('https://mars-jpl-nasa-gov-images.s3.amazonaws.com/general/layout/nav/navBackSplashSide.png');*/
  background-repeat: no-repeat; height: 88px; /*right: -75px;*/ position: absolute; top: 0; width: 495px; }
.navTopBannerMars .jplLinksBG { background-image: url('https://mars-jpl-nasa-gov-images.s3.amazonaws.com/general/layout/nav/nasaBannerLogo_mep.png'); }
.navTopBannerOdyssey .jplLinksBG { background-image: url('https://mars-jpl-nasa-gov-images.s3.amazonaws.com/general/layout/nav/nasaBannerLogo_ody.png'); }
.navTopBannerMSL .jplLinksBG { background-image: url('https://mars-jpl-nasa-gov-images.s3.amazonaws.com/general/layout/nav/nasaBannerLogo_msl.png'); /*background-position-y: 10px;*/ }
.navTopBannerMRO .jplLinksBG { background-image: url('https://mars-jpl-nasa-gov-images.s3.amazonaws.com/general/layout/nav/nasaBannerLogo_mro.png'); /*background-position-y: 10px;*/ }
.navTopBannerMER .jplLinksBG { background-image: url('https://mars-jpl-nasa-gov-images.s3.amazonaws.com/general/layout/nav/nasaBannerLogo_mer.png'); /*background-position-y: 10px;*/ }
.navTopBannerMAVEN .jplLinksBG { background-image: url('https://mars-jpl-nasa-gov-images.s3.amazonaws.com/general/layout/nav/nasaBannerLogo_maven.png'); }
.navTopBannerMars2020 .jplLinksBG { background-image: url('https://mars-jpl-nasa-gov-images.s3.amazonaws.com/general/layout/nav/nasaBannerLogo_2020.png'); }
.nasaHref { display:block; float:left; margin: 10px 10px 0;/*  width: 30px;  height: 30px;*/ position:relative; z-index:104; }
.nasaHref img { height:60px; border:0 }
#jplLinks .marsHref { display:block; /*float:left;margin-left:5px;margin-top:10px;*/ z-index:103; position:relative; }
#jplLinksText {position: relative; float: right; margin-left: 10px; /*margin-top: 17px;*/margin-top: 8px; display: block; }
#jplLinksText, #jplLinksText a {font-family: Helvetica, Arial, sans-serif; color:#DBEAFC; /*line-height: 18px;*/line-height: 22px;}
@media screen and (min-width : 1px) {
#jplLinksText, #jplLinksText a {font-size:11px;}
#jplLinksText a.jplLinksTextLarger {font-size:13px;}
#jplLinksText{ display:none;}
}
@media screen and (min-width : 700px) {
#jplLinksText{ display:block;}
#jplLinksText, #jplLinksText a {font-size:12px;}
#jplLinksText a.jplLinksTextLarger {font-size:14px;}
}
@media screen and (min-width : 750px) {
#jplLinksText, #jplLinksText a {font-size:13px;}
#jplLinksText a.jplLinksTextLarger {font-size:15px;}
}
@media screen and (min-width : 860px) {
#jplLinksText, #jplLinksText a {font-size:15px;}
#jplLinksText a.jplLinksTextLarger {font-size:19px;}
}
#jplLinks .marsHref img { width:100%; height:50px; border:0 }
#content #top_jplBanner div#shareicons { /*MH EDITS*/ display:inline-block; position:relative; opacity:0.5; filter: alpha(opacity=50); }
/*@media only screen and (max-width: 1200px)*/
/*@media only screen and (max-width: 1200px) {
#content #top_jplBanner div#shareicons { right:0px; top:75px; position:absolute; }
}*/

/*@media only screen and (max-width: 1100px) {
#top_jplBanner{background-size:100% 200%;}
.jplLinksBG{height:auto;}
}*/
/*Navigation:Div*/
#navMars { position:absolute; /*right:15px;*/ right:10px; top:10px; text-align:right; }
#navMarsIcons { padding-top:5px; }
#navMarsMenu, #navMarsHome { width:25px; height:25px; display:inline-block; opacity:0.8; filter: alpha(opacity=80); top:0; /*position:relative;*/ position:absolute; right:10px; margin-top:-20px;}
#navMarsMenu:hover, #navMarsHome:hover, #navMarsSearch:hover { opacity:1; filter: alpha(opacity=100); }
#navMarsMenu img, #navMarsHome img { width:100%; height:100%; /*cursor: url('/layout/css/general/cursor.png'), url('/layout/css/general/cursor.cur'), pointer;}*/}
/*Navigation:SiteHome*/
#navSiteLogo { display:none; }
#navSiteName { color:white; font-weight:normal; font-size:26px; line-height:36px; text-decoration:none; }
#navSiteSpacecraft { display:inline-block; height:35px; }
#navSiteName { display:none; height:35px; }
#navSiteSpacecraft { padding-right:10px; }
#navSiteName:hover { color:wheat; }
#navSiteName img, #navSiteSpacecraft img { height:100%; width:auto; }
/*Navigation:Menu*/
/*Navigation:Search*/
#navMarsSearch { margin-right:10px; display:inline-block; opacity:0.8; filter: alpha(opacity=80); margin:0; padding:0; }
#navMarsSearch input { display:inline-block; vertical-align: middle; }
#navMarsSearch input.searchButton { width:25px; height:25px; margin-top:-15px; }
#navMarsSearch input.searchBox { /*width: 150px; height: 20px;*/ width: 130px; height: 16px;/*background-color:rgb(0, 26, 48);*/ /*background-color:#001121;*/ background-color:transparent;
 color:white; padding:1px 10px; /*border:1px solid rgba(178, 163, 129, 0.4); border:1px solid rgba(178, 163, 129, 1);*/ border:1px solid #a19b9b; opacity:0.8; border-radius:2px; position: relative; top: -6px; margin-right:5px; }
/*BANNER - END*/


.copperBG { background: rgb(126,56,22); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdlMzgxNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2MyNTkyMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZTM4MTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(126,56,22,1) 0%, rgba(194,89,32,1) 47%, rgba(126,56,22,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(126,56,22,1)), color-stop(47%, rgba(194,89,32,1)), color-stop(100%, rgba(126,56,22,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(126,56,22,1) 0%, rgba(194,89,32,1) 47%, rgba(126,56,22,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(126,56,22,1) 0%, rgba(194,89,32,1) 47%, rgba(126,56,22,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(126,56,22,1) 0%, rgba(194,89,32,1) 47%, rgba(126,56,22,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(126,56,22,1) 0%, rgba(194,89,32,1) 47%, rgba(126,56,22,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e3816', endColorstr='#7e3816', GradientType=0 ); /* IE6-8 */
}
.blueGradientBG { background: rgb(1,57,110); background: url(data:image/svg+xml;
base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…BoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover, rgba(1,57,110,1) 0%, rgba(0,29,53,1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(1,57,110,1)), color-stop(100%, rgba(0,29,53,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(1,57,110,1) 0%, rgba(0,29,53,1) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(1,57,110,1) 0%, rgba(0,29,53,1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(1,57,110,1) 0%, rgba(0,29,53,1) 100%); background: radial-gradient(ellipse at center, rgba(1,57,110,1) 0%, rgba(0,29,53,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01396e', endColorstr='#001d35', GradientType=1 );
}
.all-mars-left { display:block; position:relative; bottom:0px; right:0px; width: 100px; padding:20px 0px 10px 20px; }
#nav-primary { position:relative; top:-35px; }
#nav-primary ul#mainSiteNav.sitenavactive li.all-mars-links-bottom.lv-1 { display:block; position:relative; width: 100% !important; clear:both; padding:0%; background-image:none; }
.all-mars-right { display:none; }
.all-mars-right-inner { display:none; position:absolute; bottom:0px; right:0px; /*width:70%;*/ width:45%; padding:20px 20px 10px 0px; }
#nav-primary .navHeaderL1Lnk { font-size:20px; }
@media (min-width: 1000px) {
.all-mars-left { display:none; }
#nav-primary ul#mainSiteNav.sitenavactive li.all-mars-links-bottom.lv-1 { display:none !important; padding:1%; }
.all-mars-right { display:block; }
.all-mars-right-inner { display:block; }
#nav-primary .navHeaderL1Lnk { font-size:30px; }
}
#nav-top-box { width:100%;  /*background-image: url('https://mars-jpl-nasa-gov-images.s3.amazonaws.com/general/layout/nav/navBackSplashLine.png');*/ background-repeat: no-repeat; background-position: bottom left; margin-top:-20px;/* margin-top:-50px;*/ }
/*@media only screen and (max-width: 1000px) {
#nav-top-box { margin-top:40px; }
}*/
#nav-primary { /*float: right;*/ list-style: none outside none; width:100%; clear:both; }
#nav-primary ul#mainSiteNav { width: 100%; /* white-space: nowrap;*/ overflow: hidden; -webkit-transition: max-height .3s ease-out; -moz-transition: max-height .3s ease-out; -ms-transition: max-height .3s ease-out; transition: max-height .3s ease-out; /*background: radial-gradient(ellipse at center center , rgba(1, 57, 110, 1) 0%, rgba(0, 29, 53, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/ background-color:rgba(0, 29, 53, 1); position:relative; z-index:49; /*margin: -2px 0 0 0;margin: -10px 0 0 0;*/ margin: 0px 0 0 0; padding:0px; max-height: 0; }
#nav-primary { font-family:Arial, Helvetica, sans-serif; /*float:left;*/ }
#nav-primary a img { border:none !important; }
#nav-primary .nav-close { display: block; position: absolute; right: 10px; top: 0; font-size: 30px; color: rgba(245, 245, 245, 0.62); text-align: right; z-index: 201; cursor:pointer; width:25px; }
#nav-primary .nav-close:after { content: "x"; font-family: Ubuntu; font-size: 20px; }
#nav-primary ul#mainSiteNav.sitenavactive { max-height: 2600px; border: 1px solid #285588; /*background:rgba(0, 29, 53, 1);*/ overflow:hidden; /*display:table;*/ display:block; box-shadow:rgba(0, 29, 53, 0.7) 5px 5px 15px; z-index:200; }
#nav-primary ul#mainSiteNav.sitenavactive li.lv-1 { width:15%; padding:1%; display:inline-block; text-transform:uppercase; font-weight:bold; list-style:none; text-align:left; background-image:url(https://mars-jpl-nasa-gov-images.s3.amazonaws.com/general/verticalGradientLine-blue.jpg); background-position:left; background-size:1px 100%; background-repeat:no-repeat; vertical-align:top; }
#nav-primary ul#mainSiteNav.sitenavactive li.lv-1.all-mars-right { width:0%; padding:0px; display:none; }
#nav-primary ul#mainSiteNav.sitenavactive li.lv-1 a:hover { color:orange; }
#nav-primary ul#mainSiteNav.sitenavactive li.lv-1:hover { color:orange; list-style-image:url('https://mars-jpl-nasa-gov-images.s3.amazonaws.com/mars2020/layout/featuredArrowRight.png'); }
#nav-primary ul#mainSiteNav.sitenavactive li.lv-1:first-child { padding:0; vertical-align:top; min-width:200px; }
#nav-primary ul#mainSiteNav.sitenavactive li.lv-1:first-child a span { padding:20px; display:block; }
#nav-primary ul#mainSiteNav.sitenavactive li.lv-1:first-child a img { padding:0; }
#nav-primary ul#mainSiteNav.sitenavactive li.lv-1 a { color:white; text-decoration:none; }
#nav-primary ul#mainSiteNav.sitenavactive li.lv-1 ul { padding-left:8px; margin-top:20px; }
#nav-primary ul#mainSiteNav.sitenavactive li.lv-1 ul li { font-weight:normal; /*font-size:.6em; line-height:1.6em;*/ /*font-size:.8em;  line-height:1.2em; padding-bottom:1em;*/ font-size:13px; line-height:15px; padding-bottom:13px; list-style:none; }
#nav-primary ul#mainSiteNav.sitenavactive li.lv-1 ul li a { font-size:13px; line-height:15px; }
#nav-primary ul#mainSiteNav.sitenavactive li.lv-1 { width:12.5%; }
#nav-primary ul#mainSiteNav.sitenavactive li.lv-1.all-mars-right { width:12.5%; padding:1%; display:table-cell; }
@media only screen and (min-width: 801px) {
#nav-primary ul#mainSiteNav.sitenavactive li.lv-1 { display:table-cell; }
}
@media only screen and (max-width: 800px) {
#nav-primary ul#mainSiteNav.sitenavactive { display:block; min-width:200px }
#nav-primary ul#mainSiteNav.sitenavactive li.lv-1 { display:inline-block; width: 30%; padding:15px 0 0; vertical-align: top; text-align:center; }
#nav-primary ul#mainSiteNav.sitenavactive li.lv-1:nth-child(4) { background-image:none; }
}
@media only screen and (max-width: 640px) {
#nav-primary ul#mainSiteNav.sitenavactive { display:block; min-width:200px }
#nav-primary ul#mainSiteNav.sitenavactive li.lv-1 { display:inline-block; width: 40%; margin:15px 2% 0; vertical-align: top; text-align:center; }
#nav-primary ul#mainSiteNav.sitenavactive li.lv-1:nth-child(4) { background-image:url(https://mars-jpl-nasa-gov-images.s3.amazonaws.com/general/verticalGradientLine-blue.jpg); }
#nav-primary ul#mainSiteNav.sitenavactive li.lv-1:nth-child(odd) { background-image:none; }
}
ul.nav-MarsSiteLinks li a:link, ul.nav-MarsSiteLinks li a:visited { color:#a6b7cf !important; text-transform: capitalize !important; }
ul.nav-MarsSiteLinks li a:hover { color:orange !important; }
ul.nav-MarsSiteLinks.nav-bottomLnks { display:table; width:99%; background-image:url(https://mars-jpl-nasa-gov-images.s3.amazonaws.com/general/horizontalGradientLine-blue-inset.png); background-position:top; background-size:80% 6px; background-repeat:no-repeat; padding-top:20px; }
ul.nav-MarsSiteLinks.nav-bottomLnks li { display:table-cell; width:16%; text-align:center; }
.wrapNav { clear:left; margin-left:200px; }
.participate-msl { margin-top:-100px; }
#hamburger { color: #959595; float: right; font-size: 24px; padding: 12px 12px 6px 0px; transition: all 0.15s ease-out 0s; cursor:pointer; width:22px; height:22px; position:absolute; top:22px; right:10px; z-index:50; opacity:0.7; }
#hamburger:before { content: ""; display: table; }
#hamburger:after { content: ""; display: table; }
#hamburger:after { clear: both; }
#hamburger { display: block; }
#hamburger.sitenavactive { color: white; padding: 12px 12px 6px 0px;position:absolute; top:22px; right:10px; }
.col-3-4 { vertical-align: top; zoom: 1; }
.col-3-4:before { content: ""; display: table; }
.col-3-4:after { content: ""; display: table; }
.col-3-4:after { clear: both; }
.col-3-4 { width: 100%; margin-right: 0; float: left; display: inline-block; }
/******** MIDDLE NAVIGATION ********/
#topNavBar { position:relative; z-index:2001; }
#MidNavContainer { display: none; /* DO NOT DISPLAY OLD SUB-NAVIGATION */ }
#navMars{z-index:1}
/******** PAGE CONTENT NAVIGATION ********/
#pageContentNav {font-size:1.1em;color: #909090; padding:5px;max-width:1440px;margin:0 auto;} 
#pageContentNav a {display:inline-block; padding:0 10px; margin:5px 0; color:#909090; border-right:solid thin rgba(144, 144, 144, 0.7);} 
#pageContentNav a:last-child {border-right:none;}
#pageContentNav a:hover, #pageContentNav a.active {color: #222;}
