/* CSS Document - Last updated July 21, 2005 by Bryan Stephenson */

/* 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 0 10px 0;
text-align:center;
}

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-weight:bold;
padding: 3px 8px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
}

table.datatab tbody tr td {
font-size: 12px;
padding: 3px 8px;
border-left: 1px solid #D9D9D9;
border-bottom: 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:9px;
background:url(../webdings/linky_blue.gif) 0px 5px no-repeat;
font-size:11px;
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(../webdings/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;
}

/* NASA Header */

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

#nasahead img {
padding:0;
vertical-align:middle;
display:inline;
}

#nasaheadlinks {
position:absolute;
height:45px;
left:380px;
top:0;
color:#666;
font-size:11px;
padding:0 0 0 20px;
margin:0;
margin-top:9px;
border-left:1px solid #666;
}

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

#nasaheadlinks ul li {
padding-bottom:0;
}

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

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

#nasaheadlinks ul li#homeone {display:none;}

#nasahead #searchbox {
position:absolute;
top:0;
right:0px;
height:65px;
width:178px;
background:#006699;
}

#nasahead form {
/* margin:0; */
padding:0;
}

/* #nasahead #searchbox h3 {
margin:8px 0 2px 20px;
color:#fff;
} */

#nasahead input {
/* margin:0 0 0 20px; */
}

/* #nasahead input.submitit {
margin:0 0 0 8px;
vertical-align:text-bottom;
width:38px;
height:20px;
} */

/* 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:23px;
border-top:2px solid #525252;
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 a:hover {
height:23px;
color:#fff;
border-top:2px solid #005985;
background:#006699;
}

#menu ul li a span {
background: transparent url(../webdings/largeplus.gif) center left no-repeat;
padding:1px 0px 0px 13px;
margin:0px;
}

#menu ul li#one a {width:160px;}
#menu ul li#two a {width:160px;}
#menu ul li#three a {width:130px;}
#menu ul li#four a {width:130px;}
#menu ul li#five a {border-right:0; width:146px;}

/* 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, body#twoon #menu ul li#two a, body#threeon #menu ul li#three a, body#fouron #menu ul li#four a, body#fiveon #menu ul li#five a, body#sixon #menu ul li#six a, body#sevenon #menu ul li#seven a, body#eighton #menu ul li#eight a, body#nineon #menu ul li#nine a, body#tenon #menu ul li#ten a {
background: #006699;
/*border-top:2px solid #005985;*/
border-top:2px solid #fff;
}

body#oneon #menu ul li#one a span, body#twoon #menu ul li#two a span, body#threeon #menu ul li#three a span, body#fouron #menu ul li#four a span, body#fiveon #menu ul li#five a span, body#sixon #menu ul li#six a span, body#sevenon #menu ul li#seven a span, body#eighton #menu ul li#eight a span, body#nineon #menu ul li#nine a span, body#tenon #menu ul li#ten a span {
background: transparent url(../webdings/largeminus.gif) center left no-repeat;
}
/* END Body Switcher for ON states for each section */
/* END Main Nav */

/*                               banner                              */

#headimage {
height:121px;
width:730px;
margin-top: 2px;
}

#headimage h1
{padding: 80px 0px 0px 25px;
font-size: 350%;
text-align: left;
font-family: Trebuchet, Tahoma;
}

#headimage h2
{padding: 0 0 20px 180px;
font-size: 115%;
Text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
}

#headimage {background: #333 url(main_header2.jpg);}
#headimage h1, #headimage h2 {color: #fff;}


/*                              end banner                              */

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

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

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

#menu2 ul li a {
text-decoration:none;
color:#fff;
width:181px;
height:23px;
border-top:2px solid #525252;
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;
}

#menu2 ul li a:hover {
height:23px;
color:#fff;
border-top:2px solid #005985;
background:#006699;
}

#menu2 ul li a span {
background: transparent url(../webdings/largeplus.gif) center left no-repeat;
padding:1px 0px 0px 13px;
margin:0px;
}

#menu2 ul li#oneb a {width:90px;}
#menu2 ul li#twob a {width:90px;}
#menu2 ul li#threeb a {width:103px;}
#menu2 ul li#fourb a {width:90px;}
#menu2 ul li#fiveb a {width:90px;}
#menu2 ul li#sixb a {width:90px;}
#menu2 ul li#sevenb a {width:90px;}
#menu2 ul li#eightb a {border-right:0; width:80px;}

/* 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#onebon #menu2 ul li#oneb a, body#twobon #menu2 ul li#twob a, body#threebon #menu2 ul li#threeb a, body#fourbon #menu2 ul li#fourb a, body#fivebon #menu2 ul li#fiveb a, body#sixbon #menu2 ul li#sixb a, body#sevenbon #menu2 ul li#sevenb a, body#eightbon #menu2 ul li#eightb a, body#ninebon #menu2 ul li#nineb a, body#tenbon #menu2 ul li#tenb a {
background: #006699;
/*border-top:2px solid #005985;*/
border-top:2px solid #fff;
}

body#onebon #menu2 ul li#oneb a span, body#twobon #menu2 ul li#twob a span, body#threebon #menu2 ul li#threeb a span, body#fourbon #menu2 ul li#fourb a span, body#fivebon #menu2 ul li#fiveb a span, body#sixbon #menu2 ul li#sixb a span, body#sevenbon #menu2 ul li#sevenb a span, body#eightbon #menu2 ul li#eightb a span, body#ninebon #menu2 ul li#nineb a span, body#tenbon #menu2 ul li#tenb a span {
background: transparent url(../webdings/largeminus.gif) 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 url(../webdings/home_back2.jpg) 0 0 no-repeat; */
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;
}

#singlecolumn {
position:relative;
float:right;
text-align:left;
width:730px;
margin:0px 0px 3px 0px;
}

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

#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:15px;
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;
margin:0 20px 5px 0;
padding: 0;
/* border-right: 1px dashed #000; */
}

#rightcontent div.capleft p, #singlecolumn div.capleft p {
font-size:11px;
color:#036;
}

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

#rightcontent div.capright, #singlecolumn div.capright {
float:right;
margin:0 0 5px 20px;
padding: 0;
/* border-left: 1px dashed #000; */
}

#rightcontent div.capright p, #singlecolumn div.capright p {
font-size:11px;
color:#036;
}

#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(../webdings/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;
}

#leftcontent div.fact {
position:relative;
width:184px;

padding:2px 0px 0px 0px;
border-bottom:1px solid #ccc;
}

/*
#leftcontent div.fact h3 {
padding:0px 0px 3px 0;
border-bottom:1px solid #ccc;
color:#006699;
margin:0px 0px 10px 0px;
font-size:14px;
font-weight:bold;
}
*/

#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 h3 {
margin:0px 10px 0px 20px;
}

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

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

div#leftnav ul li {
text-align:left;
margin:0;
padding:0;
font: 12px/14px Arial, Helvetica, sans-serif;
background:#b7b6b6 url(../webdings/smallplus.gif) 12px 10px no-repeat;
border-bottom:1px solid #fff;
}

div#leftnav ul li a {
display:block;
font-weight:bold;
padding:5px 5px 5px 24px;
text-decoration:none;
width:150px;
color:#333;
}

div#leftnav ul li a:hover {
background:#666 url(../webdings/smallplus_over.gif) 12px 10px no-repeat;
color:#fff;
}

div#lefttitle {
position:relative;
height:124px;
width:179px;
color:#fff;
background:#006699;
padding:0;
margin:0;
}

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:bold;
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;
}

/* BODY SWITCHER for ON states for the LEFT NAV. To turn a button on, give the body tag of the html document a CLASS name from the rules below. */
body.lnoneon div#leftnav li#lnone {
background:#006699 url(../webdings/smallminus_active.gif) 12px 10px no-repeat;
color:#fff;
}

body.lnoneon div#leftnav li#lnone a {
color:#fff;
}

body.lnoneon div#leftnav li#lnone a:hover {
background:#006699 url(../webdings/smallminus_active.gif) 12px 10px no-repeat;
color:#fff;
}

body.lnoneon div#lefttitle h2 {
margin:0 0 0 24px;
color:#fff;
font-weight:bold;
font-size:16px;
padding:0px 5px 10px 0px;
border-bottom:1px solid #fff;
}

body.lntwoon div#leftnav li#lntwo, body.lnthreeon div#leftnav li#lnthree, body.lnfouron div#leftnav li#lnfour, body.lnfiveon div#leftnav li#lnfive, body.lnsixon div#leftnav li#lnsix, body.lnsevenon div#leftnav li#lnseven, body.lneighton div#leftnav li#lneight, body.lnnineon div#leftnav li#lnnine, body.lntenon div#leftnav li#lnten, body.lnelevenon div#leftnav li#lneleven, body.lntwelveon div#leftnav li#lntwelve, body.lnthirteenon div#leftnav li#lnthirteen, body.lnfourteenon div#leftnav li#lnfourteen, body.lnfifteenon div#leftnav li#lnfifteen {
background:#006699 url(../webdings/smallminus_active.gif) 12px 10px no-repeat;
color:#fff;
}

body.lntwoon div#leftnav li#lntwo a, body.lnthreeon div#leftnav li#lnthree a, body.lnfouron div#leftnav li#lnfour a, body.lnfiveon div#leftnav li#lnfive a, body.lnsixon div#leftnav li#lnsix a, body.lnsevenon div#leftnav li#lnseven a, body.lneighton div#leftnav li#lneight a, body.lnnineon div#leftnav li#lnnine a, body.lntenon div#leftnav li#lnten a, body.lnelevenon div#leftnav li#lneleven a, body.lntwelveon div#leftnav li#lntwelve a, body.lnthirteenon div#leftnav li#lnthirteen a, body.lnfourteenon div#leftnav li#lnfourteen a, body.lnfifteenon div#leftnav li#lnfifteen a {
color:#fff;
}

body.lntwoon div#leftnav li#lntwo a:hover, body.lnthreeon div#leftnav li#lnthree a:hover, body.lnfouron div#leftnav li#lnfour a:hover, body.lnfiveon div#leftnav li#lnfive a:hover, body.lnsixon div#leftnav li#lnsix a:hover, body.lnsevenon div#leftnav li#lnseven a:hover, body.lneighton div#leftnav li#lneight a:hover, body.lnnineon div#leftnav li#lnnine a:hover, body.lntenon div#leftnav li#lnten a:hover, body.lnelevenon div#leftnav li#lneleven a:hover, body.lntwelveon div#leftnav li#lntwelve a:hover, body.lnthirteenon div#leftnav li#lnthirteen a:hover, body.lnfourteenon div#leftnav li#lnfourteen a:hover, body.lnfifteenon div#leftnav li#lnfifteen a:hover {
background:#006699 url(../webdings/smallminus_active.gif) 12px 10px no-repeat;
}
/* END Body Switcher for ON states for the LEFT NAV. */
/* END left NAV */

#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:11px;
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 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 */

/* BIO Image list 60x80, Image floats left with content to the right of it */
#rightcontent div.biofeature {
position:relative;
margin:0px 0px 0px 0px;
padding:0;
}

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

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

#rightcontent div.biofeature dl {
padding:0px 0px 15px 0px;
margin:0px 15px 0px 90px;
}

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

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

#rightcontent div.biofeature dd a {
display:inline;
}
/* END BIO Image list 80x80 */

/* 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(../webdings/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:11px;
}

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 */

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

div#enc_gallery img {
margin:0px 8px 5px 0px;
float:left;
width:138px;
height:97px;
}
/* END ENCOUNTER GALLERY */

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

#nasafoot img {
display:inline;
vertical-align:middle;
padding-right:10px;
}

#nasafootr {
position:absolute;
left:410px;
top:3px;
}

#nasafootplus {
color:#666;
font-size:11px;
/*width:300px;*/
}

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

#nasafootplus ul li {
padding-bottom:0;
}

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

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

#nasafootlinks {
position:absolute;
left:460px;
top:5px;
color:#666;
font-size:11px;
}

#nasafootlinks ul {
list-style:none;
}

#nasafootlinks ul li {
padding-bottom:0;
}

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

#nasafootlinks 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. */

#nasafootplus {width:345px;}

#menu ul li a, #menu ul li a:hover, #menu2 ul li a, #menu2 ul li a:hover {border-top:2px solid #fff;}

.credits {color:#666;
font-size:11px;}

.question {
	color: #006699;
	font-weight: bold;
	font-style: italic;
	margin-bottom:2px;
}

#nasahead form {
margin:2px;
}

#nasahead input {
margin:4px 2px 0px 3px;
font-size:10px;
}

#nasahead input.sbox {
color: #999;
}

#nasahead .rbutton {
font-size:10px;
color: #fff;
}




/* footer Nav bar */

#menu3 {
border:0;
margin:0;
padding:0;
height:23px;
width:730px;
color:#fff;
background:#666;
}

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

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

#menu3 ul li a {
text-decoration:none;
color:#fff;

height:23px;
border-bottom:2px solid #fff;
border-right:1px solid #fff;
padding:0;
display:block;
text-align:center;
line-height:23px;
font:10px/23px Arial, Helvetica, sans-serif;
font-weight:700;
letter-spacing:-.0px;
}

#menu3 ul li a:hover {
height:23px;
color:#fff;
border-bottom:2px solid #fff;
background:#006699;
}

#menu3 ul li a span {
background: transparent url(../webdings/largeplus.gif) center left no-repeat;
padding:1px 0px 0px 13px;
margin:0px;
}

#menu3 ul li#onec a {width:166px;}
#menu3 ul li#twoc a {width:165px;}
#menu3 ul li#threec a {width:125px;}
#menu3 ul li#fourc a {width:125px;}
#menu3 ul li#fivec a {border-right:0; width:145px;}

/* 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#onecon #menu3 ul li#onec a, body#twocon #menu3 ul li#twoc a, body#threecon #menu3 ul li#threec a, body#fourcon #menu3 ul li#fourc a, body#fivecon #menu3 ul li#fivec a, body#sixcon #menu3 ul li#sixc a, body#sevencon #menu3 ul li#sevenc a, body#eightcon #menu3 ul li#eightc a, body#ninebon #menu3 ul li#nineb a, body#tenbon #menu3 ul li#tenb a {
background: #006699;
/*border-top:2px solid #005985;*/
border-bottom:2px solid #fff;
}

body#onecon #menu3 ul li#onec a span, body#twocon #menu3 ul li#twoc a span, body#threecon #menu3 ul li#threec a span, body#fourcon #menu3 ul li#fourc a span, body#fivecon #menu3 ul li#fivec a span, body#sixcon #menu3 ul li#sixc a span, body#sevencon #menu3 ul li#sevenc a span, body#eightcon #menu3 ul li#eightc a span, body#ninebon #menu3 ul li#nineb a span, body#tenbon #menu3 ul li#tenb a span {
background: transparent url(../webdings/largeminus.gif) center left no-repeat;
}
/* END Body Switcher for ON states for each section */


#footer {
position:relative;
background:#ccc;
width:730px;
height:142px;
clear:both;
margin-top:0px;
}

.at {
	text-decoration: none;
	color: #a00;
	font-weight: bold;
	font-size: 13px;
}

.strong2 {color: #006699;
font-weight: bold;
font-size: 14px;}

.strongsm {color: #006699;
font-weight: bold;
font-size: 11px;}

.smtxt {font-size: 9px;
color: #336;}

.smtxt2 {font-size: 11px;}

.center {text-align: center;}

.title { font-style: italic;
font-weight: bold;
font-size: 12px;
color: #069;}













/* Style for tabs used as buttons */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#thicktabs{
margin: 0;
padding: 0;
float: left;
font: bold 10px Tahoma;
}

#thicktabs li{
display: inline;
}

#thicktabs li a{
float: left;
color: black;
padding: 4px 7px; /*padding of tabs*/
text-decoration: none;
background: transparent url(../webdings/pinkbg.gif) top right no-repeat;
border-top: 1px solid #d3bdbe; /*top border style*/
border-bottom: 3px solid #ffa1a3; /*thick bottom border below tabs*/
}

#thicktabs li a#leftmostitem{ /*Extra CSS for left most menu item*/
border-left: 1px solid #d3bdbe; /*left border style*/
}

#thicktabs li a#rightmostitem{ /*Extra CSS for right most menu item*/
border-right: 1px solid #d3bdbe; /*right border style*/
background-position: top left; /*Position background image to the left instead of default right, to hide indented underline for this link*/
}

#thicktabs li a:visited{
color: black;
}

#thicktabs li a:hover{
color: black;
background-image: url(../webdings/pinkbgover.gif); /*background image swap on hover*/
}

<!--[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
</style>
<![endif]-->



/* TWITTER FEED */
div#twitter_div {
	background-color: #fff;;
	border: dotted;
	margin: 0px;
	width:
}

ul#twitter_update_list {
font-size: small;
 font-family: sans-serif;
 list-style-type: none;
 margin: 0;
 padding: 0;
}

ul#twitter_update_list li {
 margin: 0 0 10px 8px;
 padding-left: 5px;
 border-left: 2px solid #069;
}
a#twitter-link {
text-align: center;
 font-variant: small-caps;
}

/* other styles that I needed */
.hilite {background-color: #ffffcc;}

table.datatab tbody tr.hilite td {
background-color:#ffffcc;}

/* 13 June 2017 */
table.mfa {margin: auto;
border: 5px solid #FF7900;
margin-bottom: 15px;
padding: 10px;
width: 75%;}

table.mfa h1 {font-size: 2em;
color: #009A49;
text-align: center;}

table.mfa p {text-align: justify;
color: #000;}