/* Homepage stylesheet to override styles and do special treatments */


/* Structure
----------------------------------------------------------------------------- */
html { background-color: #2787A0; background-image: none; }
#home { background: #FFEAD1 url(/images/home/bg-body.gif) repeat-x 50% 0; }
	#home #container { background: url(/images/home/bg-container.gif) no-repeat 50% 3px; }
		#home #inner-container { background: url(/images/home/bg-inner.gif) no-repeat 50% 343px; }
			#home #content { background-color: transparent; border-width: 0; position: relative; width: 922px }
				#home #primary-content, #home #secondary-content, #home #tertiary-content { min-height: 200px; }
				#home #primary-content { width: 881px; margin: 0; padding: 12px 24px 18px 17px; }
				#home #secondary-content { width: 313px; margin: 0; padding: 0 0 0 34px; }
	#home #footer-container #footer { background-image: none; }
		#home #masthead h1 { margin-bottom: 13px; }
		#home #breadcrumbs { display: none; }


/* Header Images
----------------------------------------------------------------------------- */
#home #mask-container { width: 922px; height: 258px; position: relative; overflow: hidden; }
	#home #mask { width: 922px; height: 258px; background: url(/images/home/mask.png) no-repeat 0 0; position: absolute; top: 0; left: 0; }
	#home #mask-container .small-image img { position: absolute; top: 2px; left: 2px; }
	#home #mask-container .large-image img { position: absolute; top: 2px; left: 284px; }
#home p.mission {
	width: 922px;
	height: 124px;
	margin: 0;
	background: url(/images/home/mission.gif) no-repeat 0 0;
	overflow: hidden;
	text-indent: -3000px;
	}


/* Headlines
----------------------------------------------------------------------------- */
#home .headlines { position: relative; float: left; width: 481px; padding: 26px 0 0 0; }
	#home .headlines h2 {
		width: 282px;
		height: 43px;
		background: url(/images/home/headlines.gif) no-repeat 0 0;
		text-indent: -3000px;
		overflow: hidden;
		margin-bottom: .9em;
		}
	#home .news-paging { width: 97px; height: 30px; text-align: left; }
		#home .news-paging a { border: 0; padding: 0; display: block; overflow: hidden; text-indent: -3000px; }
	#home .headlines .news-paging { position: absolute; top: 33px; right: 0; }
		#home .headlines .news-paging a { background: transparent url(/images/home/btn-allnews.gif) no-repeat 0 0; width: 97px; height: 30px; }

			
/* Profiles
----------------------------------------------------------------------------- */
#home .profiles { border: 0; margin: 0; padding: 14px 0 0 0; background-color: transparent; position: relative; float: right; width: 313px; }
	#home .profiles .thumb {
		margin: 0 0 7px -34px;
		padding: 0;
		float: none;
		border: 0;
		position: relative;
		width: 347px;
		background: transparent;
		}
		#home .profiles .thumb a { width: 313px; height: 118px; overflow: hidden; display: block; padding: 25px 0 0 34px; margin: 0; position: relative; cursor: default; }
			#home .profiles .thumb a span.image-mask {
				display: block;
				width: 309px;
				height: 114px;
				border: 2px solid #F6B44F;
				position: relative;
				overflow: hidden;
				}
				#home .profiles .thumb a span.image-mask img { position: absolute; top: -60px; left: 0; }
			#home .profiles .thumb img.seal { border-width: 0; position: absolute; top: 0; left: 0; }
	#home .profiles ul.news li { margin-bottom: .8em; padding-left: 4px; font-size: .9em; color: #723E22; line-height: 1.3em; }
		#home .profiles ul.news li h4 { margin-bottom: .6em; font-size: 1.2em; }
		#home .profiles ul.news p { display: inline; }
			#home .profiles .news-paging a { background: transparent url(/images/home/btn-allprofiles.gif) no-repeat 0 0; width: 114px; height: 30px; }
			#home .profiles a.all-button {
				display: block;
				background: transparent url(/images/home/btn-allprofiles.gif) no-repeat 0 0;
				width: 114px;
				height: 30px;
				overflow: hidden;
				text-indent: -3000px;
				margin-top: .8em;
				}

			
/* News Alert
----------------------------------------------------------------------------- */
.news-alert {
	border: 2px solid #EEE1CF;
	background: #FFF url(/images/home/bg-alert.gif) no-repeat 15px 50%;
	position: relative;
	width: 918px;
	margin: 30px 0 6px -17px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	}
	.pc .news-alert ul.news, .pc .news-alert ul.news li { margin: 0; padding: 0; }
		.news-alert ul.news li h4 { color: #751105; font-size: 1.2em; padding: 22px 20px 26px 215px; }
			.news-alert ul.news li h4 a { color: #751105; }