#flashcontent {
		height: 480px;
		width: 728px;
	}

	body {
		width: 1048px;
		margin: 0;
		padding: 0;
		background-color: #000000;
		color:#ffffff;
		font-family:sans-serif;
		font-size:36;
	}



	a {	
		color:#cccccc;
	}

	#content {
		width: 100%;
	}

	#main {
		float: left;
		width: 728px;
		height: 100%;

	}

	#ad {
		margin: 0;
		padding: 0;
		background-color: #000000;
		color:#ffffff;
		font-family:sans-serif;
	}

	#feed {
		float: right;
		width: 320px;
		margin: 0;
		padding: 0;
		background-color: #000000;
		color:#ffffff;
		font-family:sans-serif;
		font-size:12;

	}

	.clear{
		clear:both;
		line-height:0;
		height:0;
	}

	/* for rss scroller \*/
#pscroller1{
width: 300px;
height: 2.4em;
border: 1px dashed white;
padding: 5px;
}

#pscroller2{
width: 300px;
height: 250px;
border: 1px solid white;
padding: 5px;
}

.ad1{
width: 300px;
height: 250px;
}

.rssclass .rsstitle{
font-weight: bold;
}

.rssclass .rssdate{
color: gray;
font-size: 85%;
}

.rssclass a{
text-decoration: none;
}

/*for step carousel*/

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 728px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
font-size:12;

}

.image {
   position: relative;
   width: 100%; /* for IE 6 */
}

h2 {
   position: absolute;
   top: 50px;
   left: 0;
   width: 100%;
}

h2 span {
   width: 100%;
   font-size:16;
   color: white;
   letter-spacing: -1px;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding: 2px;