
/*	Swift Website Global CSS				*/
/*	Name: global.css						*/
/*	Author: J.D. Myers 						*/

body {
	background: #000 url('../img/star_bkgd.jpg') repeat left top;
	color: #2a2a2a;
	font-size: 12px;
	line-height: 15px;
	font-family: Arial, Helvetica, sans-serif;
}

body#body-plain {
	background: #f8f8f8;
	color: #2a2a2a;
	font-size: 12px;
	line-height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	overflow: visible;
}

p {
	padding: 6px 0;
}

a {
	color: #0061aa;
	text-decoration: none;
}

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

h1 {
	clear: left;
	margin: 12px 0;
	border-bottom: 1px solid #d0d0d0;
	color: #595959;
	background: transparent;
	font-size: 24px;
	line-height: 1;
	letter-spacing: 0.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	text-shadow: 2px 2px 2px #ccc;
}

h2 {
	clear: left;
	margin: 12px 0;
	border-bottom: 1px solid #ccc;
	color: #0b427f;
	font-size: 16px;
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
}

h3 {
	clear: left;
	margin: 6px 0;
	color: #2a2a2a;
	font-size: 14px;
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	text-align: left;
}

h4, h5, h6 {
	clear: left;
	margin: 6px 0;
	color: #000;
	font-size: 12px;
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
}

table {
	margin: 12px 0em;
}

table, tr, th, td {
	font-size: 12px;
	line-height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #2a2a2a;
	text-align: left;
	padding: 6px 6px 3px 6px;
	vertical-align: top;
}

th, b, strong {
	font-weight: bold;
}

table.styled-table {
	border-right: 1px solid #2a2a2a;
	border-bottom: 1px solid #2a2a2a;
}

table.styled-table th {
	background: #d0d0d0;
}

table.styled-table th,
table.styled-table td {
	border-left: 1px solid #2a2a2a;
	border-top: 1px solid #2a2a2a;
}

em, i {
	font-style: italic;
}

ul, ol {
	margin: 12px 0;
	font-size: 12px;
	line-height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #2a2a2a;
	list-style: disc;
}

ol {
	list-style: decimal;
}

li {
	margin: 3px 0 3px 36px;
	text-align: left;
}

ul ul {
	list-style: circle;
}

ul ul ul {
	list-style: square;
}

dl {
	margin: 6px 0em;
	font-size: 12px;
	line-height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #2a2a2a;
}

dt {
	margin: 3px 0;
}

dd {
	margin: 3px 0 3px 36px;
}

blockquote {
	padding: 0 24px;
}

sub {
	padding: 0 2px;
	font-size: 10px;
	line-height: 1;
	vertical-align: sub;
}

sup {
	padding: 0 2px;
	font-size: 10px;
	line-height: 1;
	vertical-align: super;
}

hr {
	margin: 12px 0;
	width:  100%;
	height: 1px;
	border: 0;
	background-color: #d0d0d0;
}

pre {
	font-family: Monaco, Courier, monospace;
}

pre.snap {
	overflow: scroll;
}


/* Skip Navigation */

#skip {
	position: absolute;
	left: -999px;
	width: 990px;
}

/* Clear */

.clear {
	overflow: hidden;
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0;
}

/* Page Containers */

#page-container {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 8px 0;
	background: transparent url('../img/top_bkgd.jpg') no-repeat center top;
	text-align: center;
	overflow: visible;
	z-index: 1;
}

#page-container-plain {
	width: 100%;
	height: 100%;
	margin: 0 10px;
	padding: 8px 0;
	background: #f8f8f8;
	text-align: left;
	overflow: visible;
}

/* NASA Banner Styles */

#nasa-banner {
	clear: both;
	width: 952px;
	height: 98px;
	margin: 0 auto 8px auto;
	color: #fdfdfd;
	background: #2e2e2e;
	text-align: left;
	vertical-align: middle;
}

#nasa-banner-full {
	clear: both;
	width: 100%;
	height: 98px;
	margin: 0 auto;
	color: #fdfdfd;
	background: #2e2e2e;
	text-align: left;
	vertical-align: middle;
}

#nasa-banner-plain {
	clear: both;
	width: 952px;
	height: 98px;
	margin: 0 0 8px 0;
	color: #fdfdfd;
	background: #2e2e2e;
	text-align: left;
	vertical-align: middle;
}

#nasa-banner a,
#nasa-banner-full a,
#nasa-banner-plain a {
	color: #fdfdfd;
}

#nasa-banner a:hover,
#nasa-banner-full a:hover,
#nasa-banner-plain a:hover {
    color: #999;
    text-decoration: none;
}

#nasa-banner .nasa-logo,
#nasa-banner-full .nasa-logo,
#nasa-banner-plain .nasa-logo {
	float: left;
	width: 140px;
	height: 98px;
	background: #1d1d1d;
	text-align: center;
}

#nasa-banner #nasa-affiliation,
#nasa-banner-full #nasa-affiliation,
#nasa-banner-plain #nasa-affiliation {
	float: left;
	width: 502px;
	height: 98px;
	background: #2e2e2e;
	text-align: left;
}

#nasa-banner #nasa-affiliation h1,
#nasa-banner-full #nasa-affiliation h1,
#nasa-banner-plain #nasa-affiliation h1 {
	margin: 0;
	padding: 31px 0 3px 13px;
	border: none;
	color: #fdfdfd;
	font-size: 18px;
	line-height: 1;
	font-weight: normal;
	letter-spacing: normal;
	text-shadow: none;
}

#nasa-banner #nasa-affiliation h2,
#nasa-banner-full #nasa-affiliation h2,
#nasa-banner-plain #nasa-affiliation h2 {
	margin: 0;
	padding-left: 13px;
	border: none;
	color: #fdfdfd;
	font-size: 14px;
	line-height: 1;
	font-weight: normal;
	letter-spacing: normal;
}

#nasa-banner #nasa-search-links,
#nasa-banner-full #nasa-search-links,
#nasa-banner-plain #nasa-search-links {
	float: left;
	width: 309px;
	height: 98px;
	background: #2e2e2e;
	font-size: 12px;
	line-height: 1;
}

#nasa-banner #nasa-search-links #search-wrapper,
#nasa-banner-full #nasa-search-links #search-wrapper,
#nasa-banner-plain #nasa-search-links #search-wrapper {
	margin: 25px 15px 0 0;
}

#nasa-banner #nasa-search-links #search-wrapper label#search-label,
#nasa-banner-full #nasa-search-links #search-wrapper label#search-label,
#nasa-banner-plain #nasa-search-links #search-wrapper label#search-label {
	float: left;
	width: 70px;
	height: 12px;
	padding: 5px 5px 5px 0;
	border-right: none;
	font-size: 12px;
	line-height: 1;
}

#nasa-banner #nasa-search-links #search-wrapper input#search,
#nasa-banner-full #nasa-search-links #search-wrapper input#search,
#nasa-banner-plain #nasa-search-links #search-wrapper input#search {
	float: left;
	width: 162px;
	height: 14px;
	padding: 2px;
	border: 2px solid #c0c0c0;
}

#nasa-banner #nasa-search-links #search-wrapper input#search-img,
#nasa-banner-full #nasa-search-links #search-wrapper input#search-img,
#nasa-banner-plain #nasa-search-links #search-wrapper input#search-img {
	float: left;
	width: 49px;
}

#nasa-banner #nasa-search-links #header-links,
#nasa-banner-full #nasa-search-links #header-links,
#nasa-banner-plain #nasa-search-links #header-links {
	clear: both;
	padding: 10px 15px 10px 0;
	text-align: right;
}

/* Mission Banner */

#mission-banner {
	clear: both;
	width: 952px;
	height: 100px;
	margin: 0px auto;
	color: #1f1f1f;
	background: #f8f8f8;
}

#mission-banner-full,
#mission-banner-plain {
	clear: both;
	width: 952px;
	height: 100px;
	margin: 8px auto 0px 0px;
	color: #1f1f1f;
	background: #f8f8f8;
}

/* Main Navigation */

#nav {
	clear: both;
	width: 952px;
	height: 34px;
    margin: 0 auto;
    background: #595959 url('../img/unselected_bkgd.png') repeat-x left top;
}

#nav {
	clear: both;
	width: 952px;
	height: 34px;
    margin: 0 auto;
    background: #595959 url('../img/unselected_bkgd.png') repeat-x left top;
}

#nav ul {
	margin: 0;
}

#nav li.nav-heasarc {
	float: left;
	width: 120px;
	border-right: 1px solid #3a3a3a;
}

#nav li.nav-swift {
	float: left;
	width: 135px;
	border-right: 1px solid #3a3a3a;
}

#nav li.nav-archive {
	float: left;
	width: 110px;
	border-right: 1px solid #3a3a3a;
}

#nav li.nav-analysis {
	float: left;
	width: 150px;
	border-right: 1px solid #3a3a3a;
}

#nav li.nav-proposals {
	float: left;
	width: 180px;
	border-right: 1px solid #3a3a3a;
}

#nav li.nav-epo {
	float: left;
	width: 252px;
}

#nav li.nav-about {
	float: left;
	width: 145px;
	border-right: 1px solid #3a3a3a;
}

#nav li.nav-quicklook {
	float: left;
	width: 170px;
	border-right: 1px solid #3a3a3a;
}

#nav li.nav-gcn {
	float: left;
	width: 100px;
	border-right: 1px solid #3a3a3a;
}

#nav li.nav-results {
	float: left;
	width: 130px;
	border-right: 1px solid #3a3a3a;
}

#nav li.nav-ops {
	float: left;
	width: 135px;
	border-right: 1px solid #3a3a3a;
}

#nav li.nav-sites {
	float: left;
	width: 160px;
	border-right: 1px solid #3a3a3a;
}

#nav li.nav-gallery {
	float: left;
	width: 106px;
}

#nav li {
	margin: 0;
	background: #595959 url('../img/unselected_bkgd.png') repeat-x left top;
	text-align: center;
	list-style: none;
}

#nav li.nav-active {
	background: #0b427f url('../img/selected_bkgd.png') repeat-x left top;
}

#nav a {
	display: block;
	padding: 10px 0;
	color: #fff;
	background: none;
	font-size: 13px;
	line-height: 1;
	text-decoration: none;
	letter-spacing: 0.1em;
}

#nav li a:hover,
#nav li a:active,
#nav li a.nav-active {
	background: #0b427f url('../img/selected_bkgd.png') repeat-x left top;
}

/* Content Wrapper */

#content-wrapper {
	clear: both;
    width: 928px;
    height: 100%;
    margin: 8px auto 0 auto;
    padding: 0 12px 6px 12px;
    color: #2a2a2a;
	background: #f8f8f8;
    text-align: left;
    overflow: hidden;
}

#content-wrapper-full {
	clear: both;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0 12px 6px 12px;
    color: #2a2a2a;
	background: #f8f8f8;
    text-align: left;
    overflow: hidden;
}

/* Home Columns */

#home-left-column {
	float: left;
	width: 654px;
	padding: 6px 24px 6px 0;
	text-align: justify;
}

#home-left-column #spotlight {
	margin: 12px 0;
	padding: 0 36px;
	text-align: center;
}

#home-left-column #spotlight #sl-title {
	color: #0b427f;
	font-size: 14px;
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
}

#home-left-column #spotlight #sl-image {
	margin: 12px;
}

#home-left-column #spotlight #sl-image img {
	padding: 6px;
	border: 1px solid #999999;
}

#home-left-column #spotlight #sl-caption {
	text-align: justify;
}

#home-left-column #quicklink-box {
	width: 300px;
	margin: 12px 0;
	padding: 8px;
	background: #f0f0f0;
	border: 1px solid #d0d0d0;
	border-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
}

#home-right-column {
	float: left;
	width: 250px;
}

#home-right-column #news-box {
	margin: 12px 0;
	padding: 8px;
	background: #f0f0f0;
	border: 1px solid #d0d0d0;
	border-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	text-align: justify;
}

#home-right-column #news-box h1 {
	margin: 0 0 12px 0;
	border-bottom: 1px solid #d0d0d0;
	color: #595959;
	background: transparent;
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	letter-spacing: 0.1em;
	text-decoration: none;
	text-shadow: 2px 2px 2px #ccc;
}

#home-right-column #news-box h2 {
	margin: 6px 0 0 0;
	color: #0b427f;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	letter-spacing: normal;
	text-decoration: none;
}

#home-right-column #news-box h3 {
	margin: 6px 0 0 0;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	letter-spacing: normal;
	text-decoration: none;
}

#home-right-column #status-box {
	margin: 12px 0;
	padding: 8px;
	background: #f0f0f0;
	border: 1px solid #d0d0d0;
	border-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	text-align: justify;
}

#home-right-column #status-box h1 {
	margin: 0 0 12px 0;
	padding: 5px;
	border: 1px solid #d0d0d0;
	color: #595959;
	background: transparent;
	font-size: 16px;
	line-height: 1;
	font-weight: normal;
	letter-spacing: 0.1em;
	text-align: center;
	text-decoration: none;
	text-shadow: none;
}

#home-right-column #status-box h1.nominal {
	background: #0f0;
}

#home-right-column #status-box h1.problem {
	background: #ff0;
}

#home-right-column #status-box h1.error {
	color: #fff;
	background: #e00;
}

/* Footer */

#footer {
	clear: both;
	width: 952px;
	height: 98px;
	margin: 0 auto;
	color: #a3a3a3;
	background: #2e2e2e;
	text-align: left;
	vertical-align: middle;
}

#footer-full {
	clear: both;
	width: 100%;
	height: 98px;
	margin: 0 auto;
	color: #a3a3a3;
	background: #2e2e2e;
	text-align: left;
	vertical-align: middle;
}

#footer-plain {
	clear: both;
	width: 952px;
	height: 98px;
	margin: 0;
	color: #a3a3a3;
	background: #2e2e2e;
	text-align: left;
	vertical-align: middle;
}

#footer a,
#footer-full a,
#footer-plain a {
	color: #a3a3a3;
}

#footer a:hover,
#footer-full a:hover,
#footer-plain {
    color: #a3a3a3;
    text-decoration: underline;
}

#footer .nasa-logo,
#footer-full .nasa-logo,
#footer-plain .nasa-logo {
	float: left;
	width: 140px;
	height: 98px;
	background: #1d1d1d;
	text-align: center;
}

#footer #goddard-signature,
#footer-full #goddard-signature,
#footer-plain #goddard-signature {
	float: left;
	width: 242px;
	height: 98px;
	padding: 15px;
}

#footer #contacts,
#footer-full #contacts,
#footer-plain #contacts {
	float: left;
	width: 270px;
	height: 98px;
}

#footer #notices,
#footer-full #notices,
#footer-plain #notices {
	float: left;
	width: 269px;
	height: 98px;
}

#footer #contacts ul,
#footer #notices ul,
#footer-full #contacts ul,
#footer-full #notices ul,
#footer-plain #contacts ul,
#footer-plain #notices ul {
	margin: 15px 0 0 0;
	color: #a3a3a3;
	font-size: 12px;
	line-height: 1;
	letter-spacing: normal;
	list-style: none;
}

#footer #contacts ul li,
#footer #notices ul li,
#footer-full #contacts ul li,
#footer-full #notices ul li,
#footer-plain #contacts ul li,
#footer-plain #notices ul li {
	margin: 5px 0;
	list-style: none;
}

/* Image Gallery */

ul#img-gallery {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#img-gallery li {
	float: left;
	width: 200px;
	height: 200px;
	margin: 16px;
	padding: 0;
	list-style: none;
}

ul#img-gallery li a {
	margin: 0;
	padding: 0;
}

ul#img-gallery li a img {
	margin: 0;
	padding: 0;
}

/* Misc Styles */

p.release-thumb {
	clear: both;
	padding-top: 15px;
}

p.release-thumb img {
	border: 1px solid #999999;
	padding: 5px;
	margin-right: 10px;
}

.archive-note {
	margin: 12px auto;
	padding: 6px;
	font-size: 14px;
	line-height: 1;
	font-weight: bold;
	text-align: center;
	color: #900;
}

.alert {
	font-weight: bold;
	font-style: italic;
	color: #900;
}

p.alert {
	margin: 12px auto;
	padding: 6px;
	font-size: 14px;
	line-height: 1;
	font-weight: bold;
	text-align: center;
	color: #900;
	background: #fff;
}

.bright-red {
	color: #e00;
}

.big-text {
	font-size: 2em;
	line-height: 1;
}

.center {
	margin: 0 auto;
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.justify {
	text-align: justify;
}

.large {
	font-size: 16px;
	line-height: 20px;
}

img.styled {
	padding: 8px;
	border: 1px solid #d0d0d0;
}

img.fl-left {
	float: left;
	margin: 0 12px 12px 0;
}

img.fl-right {
	float: right;
	margin: 0 0 12px 12px;
}

.caption {
    text-align: center;
    margin: 6px auto;
}

.credit {
    color: #595959;
    font-style: italic;
}

pre.code {
	margin: 1em 0;
	padding: 1em;
	background-color: #ccc;
	text-align: left;
	font-family: monaco,courier;
	overflow: auto;
}
