html, body{ 
 	margin:0; 
 	padding:0; 
 	text-align:left;
 	font-family:Verdana, Helvetica, Arial;
 	font-size:13px;
 	color: #000000;
 	background:url(http://www.wizdem.co.uk/theme/2/images/headerbg.jpg) repeat-x #F8F2FF;
} 

a:link, a:active {
 	color:#9658D2; 
 	font: 12px Verdana, Arial, Helvetica;
 	text-decoration: none;
}

a:visited {
 	color:#382054; 
 	font: 12px Verdana, Arial, Helvetica;
 	text-decoration: none;
}

a:hover{
 	color:#382054;
 	font: 12px Verdana, Arial, Helvetica;
}

#container {
	width: 900px; /* the width of our layout overall */
	margin: 0 auto; /* center the layout in mozilla and IE 6+ */
	text-align: left; /* put the text back where it should be */
	background:url(http://www.wizdem.co.uk/theme/2/images/contentbg.jpg) repeat-y;
	
}

#header {
	width: 100%; /* full width header & footer */
	height: 151px; /* give the header & footer a height */
	background:url(http://www.wizdem.co.uk/theme/2/images/headerbg.jpg) repeat-x #F8F2FF;
}

#footer {
	width:100%;
	height: 280px;
	background: #49286D;
	background:url(http://www.wizdem.co.uk/theme/2/images/footer.png) repeat-y #F8F2FF;
}

#headerlogo {
	position:absolute;
	left:60%;
	top:65px;
}

#sidebar {
	float: left; /* put the sidebar on the left */
	width: 297px; /* the width of our sidebar column */
	background:#E4DCEE;
	border-left: #4A296D solid 1px;
}

#sidebarcontent {
	padding:5px;
}

#content {
	float: right; /* put the content on the right */
	width: 600px; /* the width of our content column */
	background: #ffffff;
	border-left: #4A296D solid 1px;
	border-right: #4A296D solid 1px;
}

#contentcontent {
	padding:5px;
}

#footer {
	clear: both; /* clear the floats set for the sidebar & content, otherwise it will disappear when one column is shorter than the other */
}

h1 {
	font: 2em Helvetica, Arial, Verdana;
	color:#513371;
	margin:0px;
}