.yui-carousel-element li {
				height: 158px;
				text-align: left;
			}
		
			#container {
				font-size: 13px;
				width:600px;
				margin: 0 auto;
			}
		
			#container a {
				text-decoration: none;
			}
			
			#container li img {
				border: 0;
			}
					
			#container .intro {
				display: inline;
			}
					
			#container .item {
				display: inline;
				overflow: hidden;
			}
		
			#container .item .authimg {
				position: absolute;
				z-index: 1;
			}
					
			#container .item h3 {
				line-height: 85%;
			}
					
			#container .item h3 a {
				font: 77% Arial, sans-serif;
				position: relative;
				text-transform: uppercase;
				z-index: 2;
			}
					
			#container .item h3 a:link {
				color:#35a235;
			}
					
			#container .item h4 {
				margin-top:5px;
			}
					
			#container .item h4 a {
				font: 100% Georgia, Times, serif;
				position: relative;
				z-index:2;
			}
		
			#container .item h4 a:link {
				color:#00639b;
			}
					
			#container .item cite {
				color: #888;
				display: block;
				font-size: 77%;
				line-height: normal;
			}
					
			#container .item p.all {
				margin-top:0px;
				position: absolute;
				z-index: 2;
			}
					
			#container .item p.all a {
				font-weight: bold;
				font-size: 85%;
			}

			/*
 * 				The Carousel ARIA Plugin removes the "href" attribute from the <A> elements used to 
 * 								create the buttons in the navigation, resulting in the focus outline no longer be 
 * 												rendered in Gecko-based browsers when the <A> element is focused.  For this reason, 
 * 																it is necessary to restore the focus outline for the <A>.
 * 																			*/				
			a[role=button]:focus {
				outline: dotted 1px #000;
			}