#ads{
		width:730px;
		margin-top:10px;	
	}
	/* SEEMS TO CONFLICT WITH PAGE BODY - ANYWAY, DOESN'T SEEM TO MAKE ANY DIFFERENCE WHEN TAKEN OUT
	body{
		width:100%;
		height:100%;
		margin:0px;
		padding:0px;
		text-align:center;
	}
	*/
	img{
		border:0px;
	}
	p{	
		margin-top:0px;
	}
	.clear{
		clear:both;
	}
	#mainContainer{
		width:760px;
		margin:0 auto;
		background-color:#FFF;
		border-left:1px solid #000;
		border-right:1px solid #000;
		border-bottom:1px solid #000;
		padding:10px;
		background-color:#FFF;	
		text-align:left;
			
	}
	
	/* CSS for my first scrolling box */
	#scrollingContainer{
		width:170px;	/* 170 pixels in width */
		height:150px;	/* Height of box */
		
		border:0px	/* Black border around box */
		/*background-color: #E2EBED;*/	/* Light blue background color */

		/* padding:2px;*/	/* A little bit of space between border of box and text inside */
		float:left;	/* I want the text to wrap around the box */
		/*margin-right:10px;*/	/* Right margin of 10 pixels */
		/*font-size:0.9em;*/	/* Smaller font size than the rest of the page */
		
		overflow:hidden;	/* Hide overflow content */
	}
	/* End css for my first scrolling box */