hr {
border: 0;
color: #9E9E9E;
background-color: #9E9E9E;
height: 1px;
width: 100%;
text-align: left;
}

.totalpage{
	position:absolute;
	width:1180px;
}
.inforegion{
	/* inherit font properties from .body
		child of totalpage */
	position:absolute;
	top:0px;
	left:180px; 
	width:1000px;
}

.headerregion{
	/* child of inforegion */
	position:absolute;
	top:0px;
	left:0px;
	width:1000px;
}

.headimages{
	/* child of headerregion - displays images */
	position:absolute;
	top:0px;
	left:194px; /* center the images within .headerregion */
	width:692px;
}

.welcomemessage{
	/* child of headimages - displays welcome to my home page message */
	position:absolute;
	top:90px;
	left:0px;
	width:692px;
	text-align:center;
	font-size:48px;
	font-weight:bold;
	line-height:60px;
	color:white;
}

.displayregion{
	/* child of headerregion */
	position:absolute;
	top:440px;
	left:0px;
	width:1000px;
}

.cleardarksky{
	/* child of displayregion - displays clear dark sky link,
		links to moonphase and wunderground, 
		also display underconstruction message.  
		Does NOT show updates or endof page. */
	position:absolute;
	top:0px;
	left:160px;
	width:680px;
}

.moonandsun{
	/* child of cleardarksky */
	position:absolute;
	top:280px;
	left:0px;
}

.moon{
	/* child of moonandsun */
	position:absolute;
	top:0px;
	left:/*12*/0px;
	/*width:150px;*/
}

.wunderground{
	/* child of moonandsun */
	position:absolute;
	top:40px;
	/*left:300px;*/
	left:180px;
}

.solardata{
	/* child of wunderground */
	position:absolute;
	top:0px; /* -40px; */
	left:300px;
	width:280px;
	height:152px;
	border:1px solid blue;
}

.row2{
	/* child of moonandsun - shows countdown */
	position:absolute;
	top:260px;
	left:0px;
}

.countdown1{
	/* child of row2 */
	position:absolute;
	top:0px;
	left:213px;
}

.underconstruction{
	/* child of row2 */
	/* adjust to be the child of the last display row and above construction blurb */
	position:absolute;
	top:150px; /* 240px; */
	left:0px;
	width:450px;
}

.constructionblurb{
	/* child of underconstruction */
	position:absolute;
	top:145px;
	left:0px;
	width:290px;
	text-align:center;
}

.breadmaker{
	/* child of underconstruction */
	position:absolute;
	left:290px;
}

.updates{
	/* child of underconstruction */
	position:absolute;
	top:370px;
	left:0px;
	text-align:left; 
	background-color:white; 
	padding:10px;
	width:1000px;
	height:200px;
}

div.year{
	/* child of updates */
	position:relative;
	float:left;
	padding:10px;
}

div.month{
	/* child of updates */
	position:relative;
	float:left;
	padding:10px;
}

div.message{
	/* child of updates*/
	position:relative;
	float:left;
	padding:10px;
	width:700px;
}

.endpage{
	/* child of updates */
	position:absolute;
	top:210px;
	left:396px; /* (width - 208) / 2
}