#FA_overall_container {
	display:block;
	position:relative;
	clear:both;
	margin:0px 10px 0px;
}	

#FA_overall_container a:focus {
	outline:0px;
}
focus {
	outline:0px;
}

#FA_overall_container h3.FA_title_section { 	
	padding:0px;
	margin:0px;
	font-size:20px;
	font-family:"Trebuchet MS",Arial,Helvetica,Sans-Serif;
	letter-spacing:-2px;
	color:#003333; 
	font-weight:normal;
}

#FA_featured_articles {
	display:block;
	position:relative;
	clear:both;
	height:200px;
	overflow:hidden;
	background:#2b3333 url(article_bg.gif) repeat-x top;
}

#FA_featured_articles .FA_article{
	display:block;
	position:relative;
	clear:both;
	height:200px;
	/* if you plan on using left slide morph, set width on the elements */
	width:485px;
	color:#D9F2FF;
	padding:10px;
	background:#D9F2FF url(article_bg.gif) repeat-x top;
	overflow:hidden;
	text-align:justify;
}

#FA_featured_articles .FA_article .image_container{
	display:block;
	position:relative;
	margin:0px 10px 10px 0px;
	width:150px;
	height:150px;
	float: left;
	background-position:left center;
	background-repeat:no-repeat;	
	background-image:url()
}

#FA_featured_articles .FA_article h2{
	margin:0px;
	padding:0px;
	font-size:15px;
	color:#D9F2FF;
	font-weight:normal;
	letter-spacing:0px;
}

#FA_featured_articles .FA_article .FA_info{
	background:url(desc_bg.png);
	color:#FFFFFF;
	display:block;
	position:absolute;
	/* hide the info  */
	bottom:-150px;
	left:0px;
	width:485px;
	height:75px;
	padding:20px;
	font-size:12px;
	border-top:10px #333333 solid;	
}

#FA_featured_articles .FA_article .FA_info a{
	color:#D9F2FF;
	text-decoration:none;
	font-size:12px;
}

.FA_info .written, .FA_info .comments, .FA_info .readon{
	display:block;
	position:relative;
	width:180px;
	height:50px;
	float:left;
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:50px;
	text-align:left;
}
.FA_info .written { background-image:url(clock.png); }
.FA_info .comments { background-image:url(comments.png); }
.FA_info .readon { background-image:url(search.png); }

#FA_featured_articles .FA_article p{
	font-size:12px; 
	color:#FFFFFF;
	margin:0px;
	padding:10px 0px 10px;
	line-height:14px;
}

/*
	this gets injected by JavaScript. 
*/
#FA_overall_container .FA_navigation {
	display:block;
	position:relative;	
	height:50px;
	overflow:hidden;
}

#FA_overall_container .FA_navigation a{
	display:block;
	position:relative;
	width:30px;
	height:20px;
	float:left;
	margin:0px;
	text-align:center;
	color:#999999;
	text-decoration:none;
	line-height:20px;
	background-image:url(nav.gif);
	background-position:top center;
	background-repeat:no-repeat;
}

#FA_overall_container .FA_navigation a.active{
	background-position:bottom center;
	color:#EEE;
}

#FA_overall_container .FA_navigation a:hover{
	background-position:center center;
}