/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
	.ui-tabs-hide {
	    display: none!important;
	}
}

/* Hide useless elements in print layouts... */
@media print {
	.ui-tabs-nav {
	    display: none!important;
	}
}

.featuredArticles { /* the main content-section of the tabbed area NOT the tabs themselfes */
	height:310px;
	width:620px;
	margin: 20px 0 20px 0!important;
	padding: 10px 15px;
	border-color: #ccc #999 #999 #ccc;
	border-width: 0;
	border-style: solid;
	background: #FFFFFF url('../images/backgrounds/bg_featured.gif') repeat-x 0 100%; /* declare background color for container to avoid distorted fonts in IE while fading */
}

.featuredArticles .title { /* for the headlines in the tabbed section */
	font:1.8em Georgia, 'Times New Roman', Times, serif!important;
	line-height: 100%!important;
	display:block!important;
	padding-bottom:7px!important;
	color: #996633!important;
	text-transform:none!important;
	letter-spacing:normal!important;
	text-align: center;
	margin: 0;
}

.featuredArticles .byline { /* for the headlines in the tabbed section */
	font:.95em Georgia, 'Times New Roman', Times, serif!important;
	margin: 0;
	line-height: 100%!important;
	display:block!important;
	padding-bottom:4px!important;
	color: #323232!important;
	text-transform:none!important;
	letter-spacing:normal!important;
	text-align: center;
	font-weight: normal!important;
	font-style: italic!important;
}



/**********************************

	Adding the Slide Navigation

**********************************/
ul.featuredArticles { list-style: none; }

ul.featuredArticles li { width: 650px; }

div#featuredArticle-nav {
position:absolute;
top: 470px;
margin-left: 22px;
width:190px;
z-index:100;
float: left;
}

div#featuredArticle-nav a {
display:block;
float:left;
height:17px;
margin-right:2px;
width:12px;
text-indent: -500em;
outline: none;
}

div#featuredArticle-nav a {
background: transparent url('../images/navigation/page_bullet.gif') no-repeat 0 0;
}

div#featuredArticle-nav a.activeSlide {
background: transparent url('../images/navigation/page_bullet.gif') no-repeat 0 -17px;
}