@charset "UTF-8";

/* TITLE & SUBNAV
------------------------------------------------------------------------------------------ */

#title-news {
	float: right;
	width: 49px;
	height: 15px;
	background: url(/images/title-news.png) no-repeat 0 0;
	}
#title-news:hover {
	background-position: 0 -50px;
	}
#subnav-our-news {
	height: 19px;
	background: url(/images/subnav-our-news.png) no-repeat 100% 5px;
	}
#subnav-rss-feed {
	height: 19px;
	background: url(/images/subnav-rss-feed.png) no-repeat 100% 5px;
	}
#subnav-our-news:hover,
#subnav-rss-feed:hover {
	background-position: 100% -45px;
	}
	
#header-news {
	clear: both;
	margin: 25px 0 22px 38px;
	width: 690px;
	height: 30px;
	background: url(/images/header-our-news.png) no-repeat 0 0;
	}
#header-more {
	margin: 0 0 22px 40px;
	height: 30px;
	background: url(/images/header-more.png) no-repeat 0 0;
	}
#subhead-more {
	margin: 0 0 22px 40px;
	height: 25px;
	background: url(/images/subhead-more.png) no-repeat 0 0;
	}


/* NEWS LIST
------------------------------------------------------------------------------------------ */

.news-story,
.main-story {
	margin: 0 0 0 40px;
	width: 900px;
	overflow: hidden;
	}
	.photos {
		float: right;
		padding: 3px 0 20px 0;
		width: 185px;
		}
		.photo {
			float: right;
			overflow: hidden;
			margin-bottom: 25px;
			width: 185px;			
			}
			.photo a {
				display: block;
				}
			.photo img {
				width: 185px;
				}
	.headline {
		position: relative;
		width: 690px;
		}
		.publish-date {
			float: left;
			font-size: 13px;
			font-weight: bold;
			text-transform: uppercase;
			}
		.abstract {
			padding-top: 1px;
			margin-left: 185px;
			width: 465px;
			}
			.abstract p {
				margin-bottom: 20px;
				}
		.more {
			position: absolute;
			right: 0;
			top: 3px;
			width: 16px;
			height: 16px;
			background: url(/images/plus-minus.png) no-repeat 0 0;
			}
		.headlines-only .more {
			background-image: url(/images/arrow-right.png);
			}
			
		/* hover states for headline */
		.hover {
			cursor: pointer;
			}
			.hover .publish-date,
			.hover .abstract p {
				color: #000;
				}
			.hover .more {
				background-position: -20px 0;
				}
			.headlines-only .hover .more {
				background-position: 0 -30px;
				}
			
		/* active states for headline */
		.active {
			cursor: inherit;
			}
			.active .publish-date {
				color: #de740b;
				}
			.active .abstract p {
				color: #000;
				}
			.active .more {
				background-position: 0 -20px;
				}
			.active .more:hover {
				background-position: -20px -20px;
				}
		
	.extended-text {
		padding-bottom: 20px;
		margin-left: 185px;
		width: 465px;
		}
		.extended-text p,
		.extended-text ul,
		.extended-text ol {
			margin-bottom: 20px;
			}
		.extended-text a {
			color: #888f00;
			}
		.extended-text a:hover {
			color: #000;
			}
			.item-link {
				padding: 2px 12px 2px 22px;
				color: #444;
				outline: none;
				}
			.direct {
				background: url(/images/arrow-right.png) no-repeat 0 0;
				}
			.close {
				padding-left: 21px;
				background: url(/images/x.png) no-repeat 0 0;
				}
			.item-link:hover {
				background-position: 0 -30px;
				color: #000;
				}
#news-nav {
	margin-bottom: 40px;
	padding: 5px 0 0 40px;
	}
	#more-recent-news,
	#older-news {
		width: 130px;
		height: 25px;
		background: url(/images/btn-more-recent-news.png) no-repeat 0 5px;
		}
	#older-news {
		background-image: url(/images/btn-older-news.png);
		}
	#more-recent-news:hover,
	#older-news:hover {
		background-position: 0 -25px;
		}