@charset "utf-8";
/* CSS Document */

			.yui-carousel-element li {
				height: 150px;
				text-align: left;
			}
		
			#container  {
				font-size: 13px;
				margin: 0 auto;
				background-color:#f1f1f1;
				
			}
		
			#container  a {
				text-decoration: none;
			}
			
			#container li img {
				border: 0;
			}
					
			#container .intro {
				display: inline;
				margin: 0px 14px 0px 4px;
				width: 125px;
			}
					
			#container .item {
				display: inline;
				overflow: hidden;
				padding-right: 5px;
				padding-left: 10px;
				padding-top:10px;
							
				width: 125px;
				background-color:#ffffff;
				border:1px solid #CCCCCC;
				margin-left:2px;
				margin-right:2px;
				
			}
		
			#container .item .authimg {
				bottom: 2px;
				margin-left: 61px;
				position: absolute;
				z-index: 1;
			}
					
			#container .item h3 {
				line-height: 85%;
				margin-top: 4px;
			}
					
			#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;
				margin-bottom: 30px;
			}
					
			#container .item p.all {
				bottom: 25px;
				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;
			}    

/*-----------------------------------------------------------------*/

			#container2  {
				font-size: 13px;
				margin: 0 auto;
				background-color:#f1f1f1;
			}
		
			#container2  a {
				text-decoration: none;
			}
			
			#container2 li img {
				border: 0;
			}
					
			#container2 .intro {
				display: inline;
				margin: 0px 14px 0px 4px;
				width: 125px;
			}
					
			#container2 .item {
				display: inline;
				overflow: hidden;
				padding-right: 5px;
				padding-left: 10px;
				padding-top:10px;
				height:110px;
											
				width: 125px;
				background-color:#ffffff;
				border:1px solid #CCCCCC;
				margin-left:2px;
				margin-right:2px;

			}
		
			#container2 .item .authimg {
				bottom: 2px;
				margin-left: 61px;
				position: absolute;
				z-index: 1;
			}
					
			#container2 .item h3 {
				line-height: 85%;
				margin-top: 4px;
			}
					
			#container2 .item h3 a {
				font: 77% Arial, sans-serif;
				position: relative;
				text-transform: uppercase;
				z-index: 2;
			}
					
			#container2 .item h3 a:link {
				color:#35a235;
			}
					
			#container2 .item h4 {
				margin-top:5px;
			}
					
			#container2 .item h4 a {
				font: 100% Georgia, Times, serif;
				position: relative;
				z-index:2;
			}
		
			#container2 .item h4 a:link {
				color:#00639b;
			}
					
			#container2 .item cite {
				color: #888;
				display: block;
				font-size: 77%;
				line-height: normal;
				margin-bottom: 30px;
			}
					
			#container2 .item p.all {
				bottom: 25px;
				position: absolute;
				z-index: 2;
			}
					
			#container2 .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;
			}