/* Body begins here */

body{	background-image:url(gradient1.gif); /* banner.*/
	
	font-size: 16px; 
	font-weight: bold;
line-height: 16px;/* Specifies space around font */
font-family:  Georgia, Cursive, Verdana, Arial, Sans-serif, serif; 
margin: 0 auto;
padding: 0;
width: 830px;
margin-top: 0px;
margin-bottom: 100px;

}

#header {
	
	background-image:url(businesscardbanner.gif); /* banner.*/
	margin-bottom: 0px;
	margin-right: 0px;
	width: 895px;
	height: 302px;
	
}
	
/* h1 {text-shadow: 0.1em 0.1em #333} this is supposed to add a grey shadow to the text, but it hasn't worked in the Browswers I tried. On 20/11/08 when I 
tried to validate the CSS it would not pass it. */



#wrapper {background-image:url(contentbackground.gif); /* backgroundimage.*/
	background-color: white;
width: 900px;
}
#content {
	text-align: left;
font-weight: normal;
margin-left: 40px; /* margin from top*/  /*margin from right*/ /*margin from bottom*/ /*margin from left*/
margin-right: 15px;
padding: 0px;
color: black;
margin-bottom: 0px;
} 

#pagetitle {
		text-align: center;
			margin-bottom: 0px;
}
h1 {
	font-family:  Georgia, Cursive, Verdana, Arial, Sans-serif, serif;
	
	text-align: center;
	margin-bottom: 2px;
font-size: 30px; 
line-height: 60px;/* Specifies space around font */
color: #004b18;  /*dark green*/
}
	


p.right { /* defines styling for paragraphs defined as p class right */
text-align: center;
font-size: 14px;
line-height: 18px;
margin-left: 300px;
margin-right: 10px;
}
div.indent {
	margin-left: 300px;
}
/* Styles for the headings h3-h6 */
h3, h4, h5, h6 {
font-family: Georgia, Cursive, Verdana, Arial, Sans-serif,  serif;
font-weight: bolder; 
font-style: italic;
color: #006a25;  /* green */
text-align: center;
margin-top: 2px;
margin-bottom: 10px;
padding: 2px 0 0px 0;
letter-spacing: 0.03em;
}
h2 {font-family:  Georgia, Cursive, Verdana, Arial, Sans-serif, serif; /* Styles for headings in boxes */
font-weight: bolder; 
font-style: italic;
color: #006125;  /* green */
text-align: center;
margin-top: 10px;
margin-bottom: 0px;
padding: 2px 0 0px 0;
letter-spacing: 0.03em;
}

#footer {
	background-image:url(footerfruit.gif); /* footer background*/
	font-family:  Georgia, Verdana, Arial, Sans-serif, serif;
	color: black;
height: 55px;
width: 100%;
margin-top: 5px;
padding: 2px;

clear: both; /*This is crucial to getting the footer to stay on the bottom of the layout, regardless of the length of any of the three columns.
	So the problem in Assignment 2 withe the footer was that it would fall at the bottom of the content, but not the left or right column if they were
	longer. The clear: both declaration means that the footer will clear the left and the right columns (Andrew & Shafer, p 239) Ned11. This is no longer 
	needed, as the layout has been simplified, but I never want to forget it as it was so tricky at the time. */
}
#robyn{
	
	text-align: center;
	height: 55px;
font-size: 10px;
font-weight: bold;
	width: 100%;
}
	
	
#imgright {
	float: right;
text-align: center;


padding: 10px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;

}
#imgleft {
	
text-align: center;

padding: 10px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;
color: black;
}