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

#container {
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header {
	height: 300px;
	width: 896px;
	float: left;
	background-image: url(images/header-final.jpg);
}
#main5 {
	float: left;
	width: 600px;
	background-image: url(source/genetic-back.jpg);
}

#menubar {
	height: 50px;
	width: 900px;
	float: left;
	background-color: #336666;
}
#main {
	width: 600px;
	float: left;
	background-image: url(source/racism-back.jpg);
	background-repeat: repeat;
}
#main3 {
	float: left;
	width: 600px;
	background-image: url(source/transracial-back.jpg);
}

#rightcol {
	float: left;
	width: 300px;
}
#rightcol .box {
	height: 80px;
	width: 280px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #336666;
	padding: 10px;
}

#main4 {
	float: left;
	width: 600px;
	background-image: url(source/sexedup-back.jpg);
}

#footer {
	clear: both;
	height: 50px;
	width: 900px;
	background-color: #336666;
}
#main2 {
	float: left;
	width: 600px;
	background-image: url(source/identity-back.jpg);
}
#main9  {
	float: left;
	width: 600px;
	background-image: url(source/index-back.jpg);
}
#container #main6 {
	float: left;
	width: 600px;
}
#container #main7 {
	float: left;
	width: 600px;
}
#container #main8 {
	float: left;
	width: 600px;
}
#footer {
	float: left;
	width: 600px;
}