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

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

#FA_overall_container h3.FA_title_section { 	
	padding:0px;
	margin:0px;
	font-size:30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:3px;
	color:#003333; 
	font-weight:normal;
	font-style:italic;
}

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

#FA_featured_articles .FA_article{

	height:300px;
	/* if you plan on using left slide morph, set width on the elements */
	width:533px;
	color:#CCCCCC;
	padding:0px;
	background:#2b3333 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 0px 0px 0px;
	width:500px;
	height:300px;
	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:20px;
	color:#D9F2FF;
	font-weight:normal;
	letter-spacing:1px;
}

#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:520px;
	height:75px;
	padding:20px;
	font-size:14px;
	border-top:10px #333333 solid;	
}

#FA_featured_articles .FA_article .FA_info a{
	color:#CCCCCC;
	text-decoration:none;
	font-size:16px;
	font-style:italic;
}

.FA_info .written, .FA_info .comments, .FA_info .readon{

	width:500px;
	height:75px;
	float:left;
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:0px;
	text-align:left;
}
.FA_info .written { background-image:url(clock.png); }
.FA_info .readon { background-image:url(search.png); }

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

/*
	this gets injected by JavaScript. 
*/
#FA_overall_container .FA_navigation {
	display:block;
	position:relative;	
	height:21px;
	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;
}