﻿/* Home Page Styles
------------------------------------ */

/* Structural items of home page */
#home-content {
	background: url("/publishingimages/version2/bkgd/dynproglist.gif") repeat-y;
	margin-bottom: 50px;
	padding-bottom: 0;
}

#home-primary {
	float: left;
	width: 752px;
}

	#home-main {
		float: right;
		width: 410px;
	}
	
	#home-local {
		float: left;
		width: 312px;
	}

#home-sec {
	float: right;
	width: 186px;
}

/* H1. Feature Billboard */
#billboard {
	background: #fff;
	border-bottom: 4px solid #6c0;
	color: #000;
	font-size: 10px;
	margin-top: 8px;
	margin-bottom: 3.6em;
	min-height: 23.3em;
	padding: 10px 0px 1px;
	position: relative;
	width: 969px;
}

	#billboard span {
		background-color: transparent;
		background-position: top left;
		background-repeat: no-repeat;
		height: 24.3em; /* based on a base size of 10px */
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}

	#billboard h1 {
		color: #09c;
		font-size: 2em;
		margin: 1.75em 1em 0;
	}
	
	#billboard p {
		font-size: 1.2em;
		line-height: 1.5em;
		margin: 0 20em 1em 1.75em;
	}


/* H2. About APHL Promo */
#aboutaphl {
	background-color: #464646;
	background-position: top right;
	background-repeat: no-repeat;
	border-top: 4px solid #1bb6de;
	color: #fff;
	font-size: 10px;
	height: 92px;
	margin-bottom: 20px;
	padding: 14px 100px 10px 10px;
	width: 202px;
}

	#aboutaphl h2 {
		font-size: 1.2em;
		line-height: 1;
		margin: 0 0 1.666667em;
		text-transform: uppercase;
	}
	
	#aboutaphl h3 {
		color: #ff6;
		font-size: 2em;
		font-weight: normal;
		line-height: 1;
		margin: 0;
	}
	
	#aboutaphl p {
		font-size: 1.2em; /* 12px */
		line-height: 1.416667em; /* 17px */
		margin: 0.333333em 0 0;
	}
	
	#aboutaphl a {
		color: #fff;
	}


/* H3. Sustaining Membership */
.sustaining {
	border-top: 4px solid #6c0;
	font-size: 10px;
}

	.sustaining .item {
		/*padding-right: 25px;*/
	}

	.sustaining h3 {
		background: url("/publishingimages/version2/global/dot-rule.gif") repeat-x bottom left;
		color: #6c0;
		font-size: 1.1em;
		line-height: 1;
		margin: 0 0 0.909091em;
		padding: 20px 0 0.909091em;
		text-transform: uppercase;
	}
	
	.sustaining p {
		color: #000;
		font-size: 1.3em;
		line-height: 1.461538em;
		margin: 0 0 1em;
	}
	
	.sustaining a {
		color: #6c0;
	}
	
	.sustaining .partner-logo {
		border-right: 1px solid #e7e7e7;
		width:113px;
		float: left;
		margin-right: 9px;
		padding-right: 11px;
	}
	.sustaining .item a {
		border:0;
		display:block;
		float:left;
		margin:0 10px;
		text-align:center;
	}
	
	.sustaining .item a img {
		display:block;
		position:relative;
	}

	.sustaining .item div {
		display:block;
		float:left;
		width:145px;
		border-left:1px solid #ccc;
		padding:0 0 0 10px;
	}
	
		.sustaining .item div a {
			display:inline;
			float:none;
			margin:0;
			text-align: left
		}
		
		.sustaining .item .more {
			color: #FF6600;
		}


/* H4. Programs Navigation */
.dyn-prog-list {
	border-top: 4px solid #1bb6de;
	float: right;
	width: 186px;
}

	.dyn-prog-list ul {
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		margin: 0;
	}

	.dyn-prog-list li {
		border-bottom: 1px solid #ccc;
		padding: 5px 10px 5px 0;
	}

		.dyn-prog-list a.progname {
			background: url("/images/nav/arrow.gif") no-repeat 8px 3px;
			color: #1bb6de;
			display: block;
			font-weight: bold;
			line-height: 1.3;
			padding-left: 18px;
		}
		
		.dyn-prog-list a.progname:hover {
			background-image: url("/images/nav/arrow-hover.gif");
			color: #014161;
			text-decoration: none;
		}
		
		.dyn-prog-list .teaser {
			display: none;
		}


/* H5. Featured content list */
#home-main .items {
	border-top: 4px solid #1bb6de;
	float: left;
	width: 410px;
}

	#home-main .blurb {
		width: 310px;
	}
	
	#home-main .photo {
		width: 78px;
	}
