/* styles for home page carousel */

#carousel {														padding: 0 15px 0 15px; }

#featured{ 														width: 100%; 
																	max-width: 100%;
																	border: 1px solid #AAAAAA;
																	background-color: #FFF;
																	height:auto; 
																	overflow: auto; 
																	margin: 0 15px 20px 0; }



#featured ul.ui-tabs-nav{ 								/*	display: none; */
																	list-style:none; 
																	padding:0;
																	margin:0; 
																	width: 100%;
																	height: 30px; 
																	background-color: #CCC;
																	box-sizing: border-box;
																	
																	
																	border-top: 1px solid #FFF;
																	}


#featured ul.ui-tabs-nav li { 							display: block;
																	float: left;
																	text-align: center;
																	vertical-align: middle;
																	border-right: 1px solid #999; 
																	font-size: 12px;
																	font-weight: bold;
																	width: 25%;
																	overflow: hidden;
																	text-overflow: ellipsis;
																	
																	box-sizing: border-box;
																	
																	 }


/*		in the event the combined width of the buttons doesn't match the width of the button container, the following code can force one
		of the buttons to be slightly larger, so the buttons take up the entire width of the container. */
#nav-fragment-2 {												 }				


/*		the last carousel "button" doesn't need a right border, so take it off here. the number at the end of the selector (i.e. #nav-fragment-4)
		needs to be updated any time buttons are added or removed. */

#nav-fragment-1 {												 }
#nav-fragment-2 {												 }

#nav-fragment-4 { 											border-right-width: 0px!important;

																	 }



#featured ul.ui-tabs-nav li span { 						font-size:12px;  
																	line-height:16px;
																	display: block;
																	padding-top: 5px; }

#featured li.ui-tabs-nav-item a { 						display:block; 
																	padding: 5px 5px;
																	text-decoration:none;
																	color:#FFF;
																	background:#606060; 
																	line-height:20px;
																	outline:none; 
																	
																	white-space: nowrap!important;
																	overflow: hidden!important;
																	text-overflow: ellipsis!important;
																	}

#featured li.ui-tabs-nav-item a:hover { 				background:#999; }

#featured ul.ui-tabs-nav li.ui-tabs-selected a,
#featured ul.ui-tabs-nav li.ui-tabs-active a { 		background:#FFF;
																	color: #606060;  }

#featured .ui-tabs-panel{ 									padding: 0 0 0 0;  }

#featured .ui-tabs-hide{ 									display:none;  }






.ui-tabs-panel { 												
																	width:100%; }









/*		styles for the "link box" that sits on top of the carousel, making the entire image clickable. */


.linkBox img {													width: 100%;
																	max-width: 100%;
																	border: 0px transparent none!important; }




/* 	a span with the class "fitin" can be used, if necessary, around a word (or words) to 
		to decrease letter spacing, in the event a "legend" item's text is too long for the box. */

.fitin {															letter-spacing: -.02em;
																	display: inline!important; }