@charset "utf-8";
/* CSS Document */

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #cdd9dc;
	}
/* These are the main containers that hold it all together */
#container {
	width:900px;
	margin:10px auto;
	background-color: #dde5e7;
/* This container has the same background colour and image as the left side
	this means that as the main content expands, the left menu gets pushed down */
	background-image:url(images/leftrepeat.gif);
	background-repeat:repeat-y;
	border: 2px solid #424b4c;
}

#header {
	position: relative;
	height:196px;
	width:100%;
	background: #cdd9dc url(images/topheader.jpg);
	padding: 0px;
	margin: 0px;

}

#left {
	float: left;
	width:183px;
	background-color: transparent;
	background-image:url(images/leftrepeat.gif);
	background-repeat:repeat-y;
	color:#000000;
}

#main {
	float:right;
	width: 717px;
	height: 100%;
	background-color: #dde5e7;
	color:#000000;
}

#footer {
    clear:both;
	height:48px;
	background-color: #424b4c;
	background-image:url(images/botfooter.jpg);
	background-repeat: no-repeat;
}

/* Content Containers */
#headtellme {
	position: relative;
	left: 400px;
	top: 75px;
	width: 457px;
	}

#headfreeeval {
	position:relative;
	left: 425px;
	top: 76px;
	width: 450px;
	}

#leftbkg {
	background-image:url(images/leftbkg.jpg);
	background-repeat: no-repeat;
	height: 335px;
}

#leftfla {
 height: 150px;
}

#maincontent {
	margin: 20px 20px 20px 20px;
}