body {
background: #F0C0A0 url(pioneer10-plaque.jpg) repeat-y fixed 76% 0;
margin: 0;
padding: 0 0% 2em 0%;
font: 700 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #101;
}

p {
margin: 0.5em 3px 0.1em 0;
}

a:link {
color: #108;
}

a:visited {
color: #019;
}

/* note: Must have this hover defined or some versions of
 IE will not work in the hover popup message */
a:hover {
background: #000;
color: #FFF;
}


/*  Following for the CSS button at bottom of page   */
p#specs a img {
float: left;
border: 0;
}

div a.expand {
display: block;
clear: left;
float: left;
margin-left: 5%;
}

div#menu {
	float: right;
	width: 15%;
	height: 100%;
	z-index: 20;
	margin: 5em 0 1em 0;
}

/* fix incorrect width in earlier IE browsers */
* html div#menu {
width: 15%; 
w\idth: 15%;
}

div#menu p.menuhead {
	background: transparent none;
	text-align: center;
	font: 900 1.2em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0.5em 0;
	margin: 1em 0 0.2em 0;
	text-decoration: none;
	color: #612;
	border: 3px solid #612;
}

div#menu a {
background: transparent url(half-black8x8.gif) repeat scroll 0 0;
display: block;
text-align: center;
font: bold 1em Kids, Verdana, Geneva, Arial, Helvetica, sans-serif;
padding: 0em 0;
margin: 0.6em 0 0.6em 0;
border-width: 0;
text-decoration: none;
color: #20A;  
}

div#menu a:visited {
color: #FDF;    
}

div#menu a:hover {
background:#000;
/* below background won't work with hover popups ???? */
/* background: transparent url(half-mor8x8.gif) repeat scroll 0 0;  */
color: #FFF;
}

div a span {
display: none;
}
	
div a:hover span {
display: block;
position: absolute;
padding: 0.3em;
z-index: 100;
color: #FFF;
background: #000;
font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: center;
}

div#menu a:hover span {
right: 17%;
width: 14em; 
}

div.content a:hover span, div.contentm a:hover span {
right: 17%;
width: 10em;
}

h1#heading {
	background: transparent url(half-FD9-8x8.gif) repeat scroll 0 0;
	float: left;
	width: 70%;
	padding: 0.2em 1% 0.2em 1%;
	margin: 0 0% 0.3em 1%;
	text-align: center;
	color: #423;
	letter-spacing: 0.2em;
	font: 800 2.5em Kids, Verdana, Geneva, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	border: medium solid Black;
}

/* fix incorrect width in earlier IE browsers */
* html h1 {
width: 66%; 
w\idth: 66%;
}

h2 {
	background: transparent url(half-FD9-8x8.gif) repeat scroll 0 0;
	color: #423;
	float: left;
	width: 66%;
	text-align: center;
	padding: 0.1em 1% 0.2em 1%;
	margin: 0 0% 0.3em 3%;
	border: thin solid Black;
}

/* fix incorrect width in earlier IE browsers */
* html h2, * html h3 {
width: 60%; 
w\idth: 60%;
}

h3 {
	float: left;
	width: 66%;
	padding: 0.1em 0% 0.1em 0.2%;
	margin: 0.2em 0 0.3em 2%;
}

div.contentbb {
	width: 68%;
	margin: 20px 0 10px 0;
	padding: 0;
	float: left;
}

div.contentb {
	float: left;
	width: 100%;
	padding: 0em 0% 0em 0%;
	margin: 0.7em 0 0.7em 0%;
	border: none;
}

/* fix incorrect width in earlier IE browsers */
* html div.contentb {
width: 100%; 
w\idth: 100%;
}

div.contentm {
	float: right;
	width: 24%;
	padding: 0em 0% 0em 0%;
	margin: 0em 0 0em 1%;
	border: none;
}

/* fix incorrect width in earlier IE browsers */
* html div.contentm {
width: 24%; 
w\idth: 24%;
}

div.contentm p{
	float: left;
	background: transparent url(half-white8x8.gif) repeat scroll 0 0;
	padding: 0.1em 1% 0.1em 1%;
	text-align: left;
}


div.content {
	float: left;
	width: 75%;
	padding: 0em 0% 0em 0%;
	margin: 0em 0 0em 0%;
	text-align: justify;
	border: none;
}

/* fix incorrect width in earlier IE browsers */
* html div.content {
width: 75%; 
w\idth: 75%;
}

div.content p, div.content li{
	background: transparent url(half-white8x8.gif) repeat scroll 0 0;
	padding: 0.1em 1.5% 0.1em 1.5%;
	margin: 0em 0% 0em 1.5%;
	border: none;
}

img.logo {
float: right;
margin: 0em 5% 0em 0%;
}

/* fix incorrect width in IE browsers */
* html img.logo {
margin: 0em 2% 0em 0%;
}

div#bottom {
background: transparent url(half-black8x8.gif) repeat scroll 0 0;
float: right;
width: 97%;
margin: 0.8em 2% 0 2%;
text-align: center;
color: #EEC; 
padding: 0.9em 2%;
font-style: italic;
font-size: 0.8em;
}

div#bottom a {
 color: #DDF;
 font: 900 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

div#bot-expand {
	float: left;
	width: 97%;
	height: 1000px;
}