*, html {
margin:0;
padding:0;  
}

div {
float: left;
clear: both;
margin:4px;
}


img {
width: 100%;
/* ignore the image actual size, go with parent size*/
border: 2px solid white;
}

body {
background-image: url("http://experimentexchange.com/wp-content/uploads/2016/07/constellations.jpg");
}


#container {
height: 1200px;
width: 100%; 
background-color: transparent;
}	

.pagehighlight {
height: 120px;
width: 1190px;
margin: 15px;
padding: 20px;

border-radius: 10px;
background-color: midnightblue;     
border: 2px solid white;
float: left; 
text-align: center;
font-size: 90px;
font-style: italic;
text-decoration: underline;
text-shadow: 4px 3px white;
}

#midcontainer {
height: 900px;
width: 60%;
margin-left: 240px;
float:left;
border-radius: 10px;
padding: 15px;
background-color: powderblue; 
border:3px solid white;
}



.menuholder {
/*height: 45px;*/
width: 90%;
float:left;
padding: 15px;
margin-left: 23px;
border: 3px solid white;
text-align: center;
font-size: 70px;
font-style: italic;
padding-bottom: 35px;
}

.menutags {
height: 35px;
width:60px;
border: 1.5px solid white;
font-size:14px;
float:inherit;
margin-top: 70px;
margin: 10px;
margin-left: 55px;
text-align: center;
padding-top: 10px;
clear: none;
}

.contentholder {
width: 90%;
padding: 2%;
margin-left: 3%;
margin-right: 2%;
/* all above are a budget of 100% */
margin-top: 1px;
margin-bottom: 5px;
height: 700px;
border: 3px solid white;
text-align: center;
font-size: 70px;
font-style: italic;
padding-bottom: 35px;
}

.bigtext {
font-size: 32pt;
text-align: center;
width: 100%;
float: left;
}

.constellationdef {
font-size: 18pt;
text-align: center;
padding-top: 20px;
float: right;
clear: both;
}

.orionimg {
width: 40%;
min-width: 300px;
margin-left: 2%;
/*border: 2px solid white;*/
/*margin-right: 24%;*/
/*margin-left: 24%;*/
/*float:right;*/
clear:none;

}

.andromedaimg {
width: 40%;
min-width: 300px;
margin-left: 2%;
/*border: 2px solid white;*/
/*margin-right: 24%;*/
/*margin-left: 24%;*/
/*float:right;*/
clear:none;
}

.aboutmychoice {
font-size: 18pt;
text-align: center;
padding-top: 20px;
float: right;
clear: both;
	
}

/* End of About Page*/

.basichistory {
font-size: 18pt;
text-align: center;
padding-top: 20px;
float: right;
clear: both;
}

.astrologyimg {
width: 39%;
min-width: 285px;
margin-left: 1%;
/*border: 2px solid white;*/
/*margin-right: 24%;*/
/*margin-left: 24%;*/
/*float:right;*/
clear:none;

}

.shipimg {
width: 10%;
min-width: 370px;
margin-left: 1%;
/*border: 2px solid white;*/
/*margin-right: 24%;*/
/*margin-left: 24%;*/
/*float:right;*/
clear:none;
}


/*End of History Page*/

.currentuse {
font-size: 18pt;
text-align: center;
padding-top: 20px;
float: right;
clear: both;	
 margin-bottom: 10px;
}

.shipdiagram {
width: 39%;
min-width: 200px;
margin-left: 7%;
/*border: 2px solid white;*/
/*margin-right: 24%;*/
/*margin-left: 24%;*/
/*float:right;*/
clear:none;

}

.truenorthimg {
width: 40%;
min-width: 300px;
margin-left: 2%;
/*border: 2px solid white;*/
/*margin-right: 24%;*/
/*margin-left: 24%;*/
/*float:right;*/
clear:none;
}

/*End of Usage*/

.springconstellations {
font-size: 18pt;
text-align: center;
padding-top: 20px;
float: right;
clear: both;	
margin-bottom: 10px;
}

.solarsystemimg {
width: 90%;
/*padding-top: 1px;*/
min-width: 200px;
margin-left: 4.5%;
margin-top: 10px;
/*border: 2px solid white;*/
/*margin-right: 24%;*/
/*margin-left: 24%;*/
/*float:right;*/
clear:none;
}


/* End of Spring & Summer*/

.fallconstellations {
font-size: 18pt;
text-align: center;
padding-top: 20px;
float: right;
clear: both;	
margin-bottom: 10px;
}

.solarsystemimg2 {
width: 90%;
/*padding-top: 1px;*/
min-width: 200px;
margin-left: 4.5%;
margin-top: 10px;
/*border: 2px solid white;*/
/*margin-right: 24%;*/
/*margin-left: 24%;*/
/*float:right;*/
clear:none;
}

/*End of Fall & Winter*/