/* CSS Document */
	/*************
	START OF DEMO CSS 
	**************/
	#ads{
		width:730px;
		margin-top:10px;	
	}
	
	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;
			
	}
	
	/* 
	END OF DEMO CSS
	*************************************/
	
	/* CSS for my first scrolling box */
	#scrollingContainer{
		width:170px;	/* 170 pixels in width */
		height:250px;	/* Height of box */
		
		border:0px solid #000;	/* Black border around box */
		background-color: white;	/* 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 */
	
	
	/* CSS for my second scrolling box */
	#scrollingContainer2{
		width:120px;	/* Width of second box */
		height:150px;	/* Height of second box */
		
		border:0px solid #000;
		background-color: white;

		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-left:1px;	/* Space at the left of the box */
		color:black;	/* red text color */
		
		
	}
	#scrollingContent2{
		font-size:0.9em;
	}