<style type="text/css">
	/*************
	START OF DEMO CSS 
	**************/
	#ads{
		width:730px;
		margin-top:10px;	
	}
	body{
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		width:100%;
		height:100%;
		margin:0px;
		padding:0px;
		background-color: #FFFFFF;
		text-align:center;
	}
	img{
		border:0px;
	}
	p{	
		margin-top:0px;
	}
	.clear{
		clear:both;
	}
	
	/* 
	END OF DEMO CSS
	*************************************/
	
	/* CSS for my first scrolling box */
	#scrollingContainer{
		width:170px;	/* 170 pixels in width */
		height:250px;	/* Height of box */
		
		border:1px solid #99FF33;	/* Light green border around box */
		background-color: #99FF33;	/* Light green 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:30px;	/* 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:100px;	/* Width of second box */
		height:200px;	/* Height of second box */
		
		border:1px solid #000;
		background-color: #0CC;

		padding:2px;	/* A little bit of space between border of box and text inside */
		float:right;	/* I want the text to wrap around the box */
		margin-left:20px;	/* Space at the left of the box */
		color:red;	/* red text color */
		
		
	}
	#scrollingContent2{
		font-size:0.9em;
	}	
    .style2 {
	font-size: 12pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0000CC;
}
    .style4 {font-weight: bold}
.style5 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF0000; font-size: 16pt;}
    .style6 {
	font-size: 10pt;
	color: #0000CC;
}
    .style7 {clear: both; color: #ECE9D8; }
    </style>
