/* the wrapper 'contains' the whole website display */
#wrapper 
{
	width: 100%;
	max-width: 1000px;
	margin-right: auto;  /* centres the website (horizontally) in the middle of the screen */
	margin-left: auto;	 /* centres the website (horizontally) in the middle of the screen */
	border: 8px solid purple;
 	background-color: #0561BA;	/* *********************** Bluish **************************************************** */
}


.main_link_button
{
	padding: 2px;
	border: 5px solid black;
	background-color: blue;
	vertical-align: middle;	
}

.secondary_link_button
{
	padding: 0px;
	border: 5px solid black;
	background-color: blue;
	vertical-align: middle;	
}

a:link
{
	color: yellow;	/* ******************************************************** */
}

a:visited
{
	color: yellow;	/* ******************************************************** */
}

#green_surround
{
	background-color: #9DD05B;	/* ******************* a greenish hue ****************** */
}

#body_image_box
{
	padding: 2.0% 1.5% 1.3% 1.5%;
	/* Note: you cannot use margin as you get margin-collapse *************************** */	
}