/*the wrapper div is our container div, all other divs are wrapped within the wrapper*/
#wrapper {
	margin: 0 auto; /* centres the wrapper div,  auto determines the left and right margins evenly*/
	text-align: left; /*aligns the text left */
}

#wrapper h1, h2, p
{
	margin-left: 3em;
	margin-right: 3em;
	margin-top: 0em;
	margin-bottom: 0em;
}

/*this is our clear div
.clear {
	clear: both;
	background-repeat: no-repeat;
	height: 25px;
}
 */

/* Container elements */
.roundedcorner_top
{
	background-image: url(images/roundedtop-background.jpg);
	height: 65px;
}	

.roundedcorner_topleft
{
	background-image: url(images/rounded-topleft.jpg);
	height: 65px;
}	

.roundedcorner_topright
{
	background-image: url(images/rounded-topright.jpg);
	height: 65px;
}	

.roundedcorner_bottom
{
	background-image: url(images/roundedbottom-background.jpg);
	height: 40px;
	vertical-align: top;
}

.roundedcorner_bottomleft {	height: 40px; }

.roundedcorner_bottomright {	height: 40px; }

.container
{
	background-image: url(images/container-background.jpg);
	margin: 0;
	padding: 0;
}

h2 {font-size: 125%; color: #5E5D4B; /*sets the colour and size of heading two */
}