/* -------------- MODULE: Articles -------------- */
/* begin */



.articles {
	position: relative;
	/*padding-bottom: 10px;*/
	}
	.articles .tabbedContent {
		position: relative;
		z-index: 100; 
		}




.articlesList .date,
.articles .date {
	float: right;
	margin-left: -0px;
	font-size: 12px;
	color: #003e90;
	font-style: italic
	}
	.articles .article-title {
		margin-right: 73px;
		}
		
	.home .articles .article-title a {
		font-size: 12px;
		}
	.articles .article-title a {
		font-size: 16px;
		text-shadow: 0 1px white;
		}

#footer a.articles-button {
	font-size: 14px;
	color: white;
	}
	#footer a:hover.articles-button {
		color: #CCC;
		}

#footer h2 {
	color: #a8a8a8;
	padding-bottom: 5px;
	}

#footer .articles .date {
	font-style: normal;
	font-weight: bold;
	}
#footer .articles .date .month,
#footer .articles .date .day,
#footer .articles .date .year {
		display: inline;
		width: 100%;
		font-size: 12px;
		color: white;
		text-shadow: none;
		}
#footer .articles .article-title a {
	font-size: 12px;
	text-shadow: none;
	padding: 0;
	color: white;
	text-shadow: none;
	}
	#footer .articles .article-title a:hover {
		color: #CCC;
		}

#footer .articlesList .date {
	color: #CCC;
	float: none;
	}
#footer .articlesList li {
	padding: 10px 0px 0px;
	background: none;
	}
/* ------------ Single Article ------------- */

.article-image {
    float: left;
    margin: 10px 10px 10px 0;
}

.article-image img {
 width: 0;
}

.article-assets {
    float: left;
}

.article-file {
    clear: both;
    float: left;
}

/* -------------- FUNCTION: Recent Articles (list) -------------- */
/* begin */

.articles ol.tabs{

}

ol.tabs li {
list-style: none;
}
	.articlesList {
		position: relative;
		margin-top: -.4em;
		}
		
		.articlesList li {
			position: relative;
			list-style: none;
			background: url(/includes/files/base/images/article-border-bottom.jpg) left bottom repeat-x;
			margin-left: 0 !important;
			padding:5px 0px;
			}
			#ie7 .articles .articlesList li,
			#ie6 .articles .articlesList li {
				height: 1%;
				}

			.articlesList li .article-title {
				z-index: 30;
				font-size: 1.5em;
				line-height: 1.1em;
				font-weight: normal;
				margin-bottom: 10px;
				}
				.articlesList li .article-subtitle {
					display: block;
					font-size: 12px;
					}

		.articles .articlesList .assets {
			margin-top: -10px;
			}
			.articles .articlesList .assets .asset {
				list-style: none;
				padding: 0;
				margin: 0;
				}

	.articles p.NOTE {
		clear: both;
		margin-left: 0px;
		}

/* end */








/* -------------- FUNCTION: Recent Articles (detail) -------------- */
/* begin */


.articles .single .date,
.articles .single .date .month,
.articles .single .date .day,
.articles .single .date .year {
	width: 130px;
	}
.articles .single .date {
	float: right;
	margin-top: 4px;
	margin-left: 10px;
	font-style: italic;
	}

	.articles .single .date .month {
		padding-top: 4px;
		height: 30px;   /* 32 */
		font-size: 14px;
		line-height: 14px;
		}
	.articles .single .date .day {
		padding-top: 6px;
		font-size: 14px;
		background-position: -100px -32px;
		}
	.articles .single .date .year {
		padding: 6px 0 14px;
		height: 12px;
		font-size: 14px;
		line-height: 12px;
		background-position: -100px bottom;
		}


.articles .relatedInformation {
	float: right;
	width: 30%;
	padding-left: 10px;
	padding-top: 4px;
	border-left: 1px solid #CCC;
	}
	.articles .relatedInformation h4 {
		padding-bottom: 4px;
		}
	.articles .relatedInformation ul {
		list-style: none;
		margin-top: -4px;    /* !  */
		}
		.articles .relatedInformation ul li {
			list-style: none;
			padding-top: 4px;
			padding-bottom: 4px;
			margin-left: 0;
			}


/* end */









/* -------------- FUNCTION: Recent & Featured -------------- */
/* begin */

.articles.featured,
.articles.featured .articlesList {
	position: relative;
	}
	#ie7 .articles.featured,
	#ie7 .articles.featured .articlesList,
	#ie6 .articles.featured,
	#ie6 .articles.featured .articlesList {
		height: 1%;
		}


	.articles.featured ul.headlines {
		position: relative;
		}


	.articles.featured .articlesList {
		margin-top: -.4em;
		}
		.articles.featured .articlesList li {
			padding-left: 0px;
			margin: 0px 0 0 0 !important;
			}
			.articles.featured .articlesList li.last {
				border: none;
				padding-bottom: .5em;
				}


		.articles.featured .articlesList li .headline-title {
			margin: 0;
			padding: 0 0 .2em;
			font-size: 1.1em;
			background: 0;
			}
        .articles.featured .articlesList li .headline-subtitle {
        
        }
        .articles.featured .articlesList li .headline-image {
            float: left;
            margin: 0 4px 4px 0;
        }


/* end */