body {
	background: #DFDFDF;
	padding: 0;
	margin: 0;
}

#page {
	position: relative; /* this is also set in the IE tweaks file */
	background: #FFFFFF;
	min-width: 967px;
	max-width: 1200px;
	padding: 0;
	margin: 0 auto 0 auto;
}

#left {
	margin-right: 267px;
	position: relative;
	border: 0px solid blue;
}

#left_inner {
	/* this makes the left div have no height, so the right div starts at the top; this avoids having to place the right div before the left in the HTML file */
	float: left;
	width: 100%;
	border: 0px solid blue;
}

#right {
	float: right;
	width: 267px;
	border: 0px solid red;
}

#logo {
	position: absolute;
	margin: 11px 0px 0px 30px;
	border: 0px solid blue;
}

#menu {
	/*
	float: right;
	margin-top: 58px;
	*/
	position: absolute;
	top: 58px;
	left: 200px;
	border: 0px solid blue;
}

#menu ul {
	margin: 0;
	padding: 0;
}

#menu ul li {
	list-style: none;
	float: left;
	margin-left: 16px;
	border-left: 1px solid #DFDFDF;
	padding-left: 4px;
	background: #FFFFFF; /* this extends down into the submenu */
}

#menu ul li ul {
	display: none;
}

#menu ul li:hover ul {
	display: block;
	position: absolute;
	background: #FFFFFF;
	border-top: 0px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
	padding: 2px 6px 4px 4px;
	margin: 0px 0px 0px -5px;
}

#menu ul li ul li {
	list-style: none;
	float: none;
	margin-left: 0px;
	border-left: 0px;
	padding-left: 0px;
}

#contact {
	text-align: right;
	margin: 6px 3px 0px 0px;
	height: 95px;
	border: 0px solid red;
}

#intro {
	height: 158px;
	margin-top: 101px;
	padding: 22px 30px 0px 30px;
	background: #9ED652;
	border: 0px solid blue;
}

#photo {
	height: 180px;
	border: 0px solid red;
}

#main {
	padding: 16px 30px 0px 30px;
	border: 0px solid blue;
}

#sidebar {
	margin: 16px 0px 0px 0px;
	padding: 0px 7px 0px 7px;
	border-left: 1px solid #DFDFDF;
}

#footer {
	height: 14px;
	margin-left: 30px;
	padding: 106px 0px 0px 200px;
	background: url(/images/templates/logo_footer.jpg) no-repeat;
}