/**	
@font-face{
		family-name: Textile;
		src: url("../rsrc/Textile.ttf") ; 
	}
**/
/*
#race {
		position: relative;
		background-color: #004 ; 
		border: 1px solid #CCF ; 	
		height: 450px ; 
		width: 900px ; 
		overflow: hidden ; 
}
*/
/**
#hdrimg {
	width: 300px ; 
	margin-left: 97px; 
}

#race header, 
#race footer 
{
	width: 800px ; 
}
**/
/**   
section h3, section h4, section h5 {
    	color: rgba(255,128,0,1) ; 
    	text-align: center ; 
}
**/ 

/**
Sun diam is 109.2 * Earth diam.
Earth diam is 3.66760693109205 * Moon diam. (= 1/0.2727)
// Moon rkm: 1737.1, Earth rkm: 6371.0, Sun rkm: 696342  
Moon:  10px
Earth: 37px 
Sun: 4005px
**/
#Sun {
	background-color: yellow ; 
	/**
	Diameter of Sun should be 4005px for Moon at 10px ; 
	**/    
    width: 80px ; 
    height: 80px ; 
}

/* #NorthHemis - new 04 Dec.2016 */
#Earth, #NorthHemis, #NHemis, #dNHemis {
    width: 80px ; 
    height: 80px ; 
}
#Earth {
	/* background-color: #4C8 ; */    
	/* background-color: rgba(0,0,0,0) ; */   
	opacity: 0.6 ; 
}
#NorthHemis {
	display: none ;
}
#NHemis { 
	/* display: none ; */
}
#NorthHemis, #dNHemis, #NHemis { 
	
}

#Moon {
	background-color: #EEE ;     
    width: 10px ; 
    height: 10px ; 
}
#Mon, #Mon180 {
	background-color: white ;     
    width: 50px ; 
    height: 50px ; 
}


/**
Rectangle with absolute position
**/
.rotator {
	position: absolute ;  
	/**
	width: 200px ; 
	height: 200px ; 
		border-radius: 50% ; 
		position: absolute ;  
		position: relative ; 
		background-color: "magenta" ; 
	**/
}

/** Circular elements with absolute position **/
.wheel {
	position: absolute;
}
/** Circular HTML elements - .disc is static version **/
.wheel, .disc {
	font-family: Textile, cursive;
	font-size: 100%;
	/**
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	**/
 	border-radius: 50%; 
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%; 
}

	
/**
	Ancestor (parent?) of position:absolute element must 
	be something other than static for the descendant (child) 
	to work.
**/
#orrery {
	position: relative ; 
/**
// Move position coords and margin info to document [header] style.
	top: 0px; 
	left: 0px ; 
	margin-left: 20px ; 
**/
	background-color: #004 ; 
	padding: 0px ;
	width: 600px ; 
	height: 600px ; 
}

/*
New 06 May 2016 

*/
.z0 { z-level: 0 } ; 
.z1 { z-level: 1 } ; 
.z2 { z-level: 2 } ; 
.z3 { z-level: 3 } ; 
.z4 { z-level: 4 } ; 


/* **************** */
/* New 04 Dec. 2016 */
/* **************** */
#container {
	position:relative;
	top:0px;left:0px; 
	transform: scale(0.6,0.6); 
}

header {
	position:relative; 
}
#hding{
	position: absolute;
	top:60px;left:50px;
	z-index:4; 
}

#tabs {
	position: absolute ; 
	top: 100px ; 
	left: 40px; 
}