@import url(skel.css);

.hpg #masthead {padding: 0 0 0 2em; margin: 1em 0 0;}
.hpg #masthead h1 {font-size: 2em;}
.hpg #panel {border-top-width: 1.1em;}
.hpg #panel #navhead {padding-top: 1.16em;}

html, body {margin: 0; padding: 0;}
body {font: 0.8em Verdana, sans-serif;}

#masthead {border: 1px solid; border-width: 1px 0; padding: 0 0 0 2.66em; margin: 0.66em 0 0;}
#masthead h1 {margin: 0; font-size: 1.33em;}
#masthead span {padding: 1px 0.25em; border: 1px solid; border-width: 0 1px;}

p {line-height: 1.4em;}
h1 {font-size: 200%;}
h2 {font-size: 150%;}
h3 {font-size: 133%;}
h4 {font-size: 100%;}
h5 {font-size: 90%;}

#main {margin: 0 10em 0 2em; padding: 1em 3em 3em 4em;}
h2, h3, h4, h5, h6 {margin: 1em 0 0; border-bottom: 1px solid;}
.hpg #main h2 {margin: 1em 0 0; padding: 0; clear: both;
  border-top: 1px solid; border-bottom: none;}
.hlinks {margin: -3px; padding: 0 0.5em; float: left;
  border: 1px solid; border-top: 3px solid;}
#main a.pic {margin: 0 0 0.33em 20px; float: right;}
div.intro, p.intro {margin: 0.5em 100px 0.5em 1px; text-indent: 2em;}

#reports {margin-top: 3em;}
.entry {margin: 2em 0 3em;}
#reports h3 {margin: 0; padding: 0 1em; border: 1px solid;}
#reports h3 span {padding: 1px 0.66em; border: 1px solid; border-width: 0 1px;}
#reports h4 {margin: 0; padding: 0.15em 17em 0 0.25em ; line-height: 1em;
  border: 1px solid;
  font-size: 1em;}
#reports h5 {margin: -1.3em 0.25em 0 auto; padding: 0 0 0.2em; width: 18em;
  font-size: 0.9em; font-style: italic; font-weight: normal;
  text-align: right; border: none;}
.plink {padding: 0 0.33em; margin-left: 1em;
  text-decoration: none;}

#panel {position: absolute; top: 0; right: 0; width: 10em;
  padding: 0; margin: 0;
  border: 1px solid; border-width: 0.7em 0 1px 1px;}
#panel h4 {margin: 0; padding: 0.5em 0 0 0.25em;
  text-align: center; border-bottom: 1px dotted;}
#panel #navhead {padding-top: 0.5em;}
#panel li {margin-bottom: 0.2em; padding-left: 0.5em;}
#panel ul {margin: 0; padding: 0.25em 0 0.25em 0; list-style: none;}
#panel ul ul {font-size: 90%; padding-left: 0.75em;}
#panel #lunarsky {border: 1px solid; border-width: 1px 0; padding: 0;
  font-weight: bold; text-align: center;}
#panel #lunarsky a {border: 1px solid; border-width: 0 1px; padding: 1px 0.5em;}

#footer {font-size: 80%; border-top: 3px double; padding: 0.5em 0;}
#footer p {margin: 0.25em 2em;}

/* color settings */

body, #reports h3 span {color: rgb(15%,20%,30%);
  background: rgb(60%,80%,100%) url(lunarsky/lunarsky.gif) 0 4em no-repeat fixed;}
#reports h3 span {background-position: 0 3em;}

#masthead, #panel, #panel ul, #footer {border-color: rgb(30%,30%,50%);}

#masthead {color: rgb(30%,30%,50%); background: rgb(45%,55%,65%);}
#masthead span {background: rgb(60%,80%,100%); color: rgb(20%,20%,40%);}
#masthead a {color: rgb(25%,25%,45%);}

h2 {color: rgb(20%,20%,40%);}
h3 {color: rgb(20%,20%,30%);}
h2 a.hlinks {background: rgb(65%,75%,85%); border-color: rgb(20%,20%,40%); color: navy;}

code {color: rgb(20%,30%,40%);}
#reports blockquote {color: rgb(25%,30%,35%);}
.quoteattrib {color: rgb(35%,40%,45%);}

#panel {background-color: rgb(70%,80%,90%);}
#panel a:link {color: rgb(30%,30%,60%);}
#panel a:visited {color: rgb(50%,50%,60%);}
#panel h4 {color: rgb(25%,25%,45%);}
#panel #navhead {background: rgb(55%,65%,75%);}
#panel #lunarsky {background: rgb(55%,65%,75%); border-color: rgb(40%,40%,60%);}
#panel #lunarsky a {background: rgb(70%,80%,90%); color: rgb(20%,20%,40%);
  border-color: rgb(40%,40%,60%);}

#footer {background: rgb(60%,70%,80%);}

#reports {border-color: rgb(40%,40%,60%);}
#reports h3 {background: rgb(60%,70%,80%);}

div.entry {border-color: rgb(50%,50%,66%);}
#reports h4 {background: rgb(60%,70%,80%); color: rgb(20%,20%,40%);
  border-color: rgb(30%,30%,45%);}
a:link {color: #339;}
a:visited {color: #606;}



// #sitemast = #masthead
// p.desc = p.intro
#panel h4#navhead {display: none;}
#panel ul span {display: none;}
#footer {text-align: center;}
#footer h4#footernavhead {display: none;}
#footer ul span {display: none;}
#footer ul {display: inline; margin: 0; padding-left: 0;}
#footer li {display: inline; list-style: none;}
#footer p {margin: 1em auto 0}