@charset "UTF-8";
/* CSS Document */
/* GLOBAL RULES */
*  {
	padding: 0;
	margin: 0;
}
img, fieldset  {
	border: transparent 0;
}
ul, ol  {
	list-style: none;
}

/* END GLOBAL RULES */
body {
	background-color:#000000;
	
	
	
	font-family: Verdana, sans-serif;
	
	font-size: 100%;
	text-indent: 0;
}

#header {
 
 
 }




/* In order to hang styles on a container, you must create a selector for the container.
	 Here you had a style for the unordered list inside #mainNav, but you had no style for
	 the parent container—mainNav. Nor did you have styles for #mainContent and header.
*/
#wrapper  {
	
	position: relative;
	top: 0;
	width: 100%;
	max-width: 955px;
	margin: 0 auto;
}

#mainContent  {
	
		position: relative;
		top: 300px;
		left: 10px;
		height: 20px;
		width:800px;
	}

	

#image {
background:url(../images/robert_kennedy2.jpg) 0 0 no-repeat; 
position: absolute;
top:100px;
left:200px;
width: 500px;
height: 500px;
}

#mainNav  {
		position: absolute;
		top: 10px;
		left: 135px;
		height: 20px;
		width:800px;
	}


#mainNav ul li {
	float: left;
	width: 100px;
	height: 24px;
	padding: 2px;
	margin-right: 50px;
	text-align: center;
	text-indent: 0;
	border: #f00 none;
	z-index: 1;
	}
	
	
	#mainContent h3 {
	
	}
	
	
	#footer  {
		position: absolute;
		top: 700px;
		left:390px;
		height: 45px;
	}

#footer ul li {
	float: left;
	width: 250px;
	height: 24px;
	padding: 2px;
	margin-right: 5px;
	text-align: center;
	text-indent: 0;
	border: #f00 none;
	z-index: 1;
	}