/* index page */

#container{
	background: url(../images/bottom-sun-index.jpg) no-repeat bottom right transparent;
}

/* mainNav when no Flash or JS */
#noflash-menu{margin-bottom: 10px;} 


/* flash rotator */
#rotator{
	clear: both;
	float: left;
	padding-bottom: 10px;
}


/* editable content */
#content{
	clear: left;
	float: left;
	border-top: 1px solid #617ec1;
	width: 505px; 
	height: 470px; /* because IE will expand a box to whatever the content is, this works like min-height - which IE6 doesn't understand */
	margin: 0 20px 0 0;
	padding: 7px 0;
}

#container>#content{  /* using the child selector to allow modern compliant browsers to properly apply min-height */
	height: auto; 
	min-height: 470px;
}

#text_box{
	border-top: 1px solid #617ec1;
	border-bottom: 1px solid #617ec1;
	margin: 10px 0;
	padding: 10px 0;
	font-weight: bolder;
}

.p01{
	float: left;
	width: 310px;
	padding-right: 30px;
}


/* featured media & newsletters box */
#rich_media{
	text-align: center;
	padding: 38px 0 0 0;
}

#fmedia-img{
	width:160px;
	height:178px;
	border:0;
}


/* sponsors box */	
#sponsors{
	float: right;
	padding: 0;
} 

#sponsors span{ /* hide text replaced by image */
	display: none;
}  


/* c3 tips & info box */ 
#tips{               
	float: right;
	margin: 20px 0;
}