body {
 	background-image: url("body_background.png");
 	background-repeat: repeat-x;
 	background-color: #242424;
	font-family: Arial, Helvetica, sans-serif;
	font-size:  .75em;
	color: #000;
	margin: 0px;
	}
	
h1 {font-size:  4em;}
 
h2 {font-size: 7em; color: white;}
 
h3 {font-size: 5em; color:white;}
 
a {color: #FFF; text-decoration: none;}
 
a:hover {text-decoration: underline;}
	
#container {
margin: 0 auto;
/* height: 1000px */
width: 750px;
}
 
#header_container {
	width:  750px;
	height: 75px;
	//border: 1px dotted white;
}
 
#header_image {
	margin: 20px 0 0 10px;
	width:  300px;
	height: 60px;
	float: left;
 
}
 
#header_links {
	 
	 width: 300px;
	 height:  60px;
	 float:  right;
	 margin: 32px 75px 0 0;
	 
}
 
#header_links li {
	display:  inline;
	list-style-type:none;
	margin-left:5px;
	
}
 
#header img {margin: 18px 0 0 5px;}
 
#body {
	 
	/* height: 1000px; */
	width: 850px;
}
 
 
#recent_container {
	width: 750px;
	height: 240px;
	border: 3px solid orange;
	margin: 15px;
}
 
#recent_picture{
	padding: 15px; 
	width:  300px;
	height:  200px;
	float: left;
	}
	
#recent_title {
	 
	width: 375px;
	height: 125px;
	float:  right;
}
	
#recent_picture img {border:  2px solid #eee;}
#recent_picture img:hover {border: 2px solid orange;}
 
#without_container {
	width: 750px;
	height: 240px;
	border: 3px solid orange;
	margin: 15px;
}
 
#without_picture{
	padding: 15px; 
	width:  300px;
	height:  200px;
	float: left;
	}
	
#without_picture img {border:  2px solid #eee;}
#without_picture img:hover {border: 2px solid orange;}
 
#without_title {
	 
	width: 375px;
	height: 250px;
	float:  right;
}
 
 
#with_container {
	 
	 width:  750px;
	 height:  240px;
	 border:  3px solid orange;
	 margin:  15px;
}
 
#with_picture{
	padding: 15px; 
	width:  300px;
	height:  200px;
	float: left;
	}
	
#with_picture img {border:  2px solid #eee;}
#with_picture img:hover {border: 2px solid orange;}
 
 
#with_title {
	 
	width: 375px;
	height: 250px;
	float:  right;
}