header, footer, section, nav, article {  
    display: block;  
}
/* 
Date: 29 September 2024
Author: Rainer Listing
This is the revised 2024 simple Shoestone css. A lot of this is 1 col template so I hope I can see what I'm doing
*/

/* SET SOME properties for the BODY
margin auto gets you a centred web page*/

BODY {
	margin: 0 auto;  
	width: 940px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

/* H1 {

	color: black; 
} */


H2 {
	text-align: center;
	color: White
;
	padding: 10px;
}

P { 	font-size: 14px;

}

IMG#left { 	float:left;
		margin: 0 5px 0 0;

}


IMG#right { 	float: right;
	margin: 0 0 0 5px;

}


IMG#center { 	
  
margin:0px auto;
display:block;

 		 
}

 /* This next is the top section, it just holds the logo image */

HEADER#Banner {
	width: 940px;
	height: 180px;
	margin: 5px auto;
/*	 border: 1px solid black;   */
	text-align: center;
/*	 background-color: white; */
	padding-top: 15px; 
}





SECTION#Wrapper {
	margin-top: 20px; 
/*	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;   */
}

ARTICLE#Article_1 {
	width: 940px;
	height: 660px;
	background-color: SlateGray;
	color: White;

	 
}


/* It's a header for the Article. It's not needed yet. 

HEADER#Header_Article_1 {
	width: 940px;
	height: 50px;
	background-color: gray;
} */

SECTION#Section_Article_1 {
	width: 900px;
	height: 360px;
	margin-top: 20px; 
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;


	/* background-color: #F8EBEB;   */

}
FOOTER {
	width: 940px;
	height: 40px;
	margin: 5px auto;
	border: 1px solid black;
	text-align: center;
	background-color: yellow;
}