/* B. Billboard Areas.
------------------------------------- */

/* General Item.
Applies to B6 and B7 as the defaults */
.contentboard {
	font-size: 10px;
	padding-top: 2px;
}

	/* Titles */
.contentboard h1 {
		border-bottom: 1px solid #ccc;
		color: #f76300;
		font-size: 2.1em;
		line-height: 1;
		margin: 0;
		padding-bottom: 10px;
	}

	/* Intro text */
	.contentboard .intro {
		color: #000;
		font-size: 1.6em;
		font-weight: bold;
		line-height: 1.625;
	}
	
		.contentboard .intro p {
			margin: 8px 0 12px;
		}
	
	/* Callouts */
	.contentboard .callout {
		padding-left: 116px;
		padding-top: 12px;
	}
	
		.contentboard .callout p {
			margin-top: 3px;
		}
		
		.contentboard .photo {
			border: 1px solid #e7e7e7;
			margin-bottom: 15px;
			margin-left: -116px;
			padding: 3px;
			width: 91px;
		}

	/* Billboard Images */
	.contentboard .bb-img {
		background: url("/images/global/dot-rule.gif") repeat-x bottom left;
		padding-bottom: 2px;
	}
	
		.contentboard .bb-img img {}
		.contentboard .bb-img img + img {
			border-left: 1px solid #fff;
		}
	
	/* Page Tools in the content board */
	.contenthead .page-tools { /* please see the U styles */ }

	/* Flash container */
	.contentboard #flashcontainer {
		background: url("/images/global/dot-rule.gif") repeat-x bottom left;
		padding-bottom: 2px;
	}
	
		.contentboard #flashcontainer form {
			background: url("/images/section/flash-map.gif") no-repeat;
			height: 241px;
			margin: 0;
			position: relative;
			width: 752px;
		}
		
			.contentboard #flashcontainer form fieldset {
				left: 20px;
				padding: 0;
				position: absolute;
				bottom: 20px;
			}
			
			.contentboard #flashcontainer form label {
				color: #000;
				display: block;
				font-size: 14px;
				line-height: 1;
				margin-bottom: 5px;
			}

			.contentboard #flashcontainer form select {
				border: 1px solid #e7e7e7;
				color: #666;
				font-size: 12px;
				line-height: 1;
				padding: 1px 0 1px 3px;
			}
			
			.contentboard #flashcontainer form button {
				background: #fff url("/images/buttons/filter-go-orange.gif") no-repeat;
				border: none;
				font-size: 12px;
				height: 22px;
				line-height: 1;
				padding: 0;
				text-indent: -10000px;
				width: 27px;
			}
			
			.contentboard #flashcontainer form button:hover {
				background-position: bottom left;
			}
	

/* B1. Section Landing Pages (except Publications) */
.sect-lp {
	border-top: 4px solid #f76300;
	margin-top: 10px;
	padding-top: 0;
}

	.sect-lp h1 {
		background: url("/images/global/dot-rule.gif") repeat-x bottom left;
		border-bottom: none;
		font-size: 3.2em;
		font-weight: bold;
		line-height: 1;
		padding-bottom: 6px;
		padding-top: 14px;
		/*color: #f76300;  /*Added color 4/9/08, color in template is orange, not defined in this style*/
	}

/* B2. Publications Landing Page */
.pubs-lp {
	border-top: 4px solid #f76300;
	padding-top: 0;
}

	.pubs-lp h1 {
		background: url("/images/global/dot-rule.gif") repeat-x bottom left;
		border-bottom: none;
		font-size: 3.2em;
		font-weight: bold;
		line-height: 1;
		padding-bottom: 4px;
		padding-top: 17px;
		/*color: #f76300;  /*Added color 4/9/08, color in template is orange, not defined in this style*/

	}

	.pubs-lp .page-tools {
		/* see U component CSS */
	}


/* B3. Program Section landing pages */
.prog-lp {
	padding-top: 6px;
}

	.prog-lp h1 {
		border-bottom: 4px solid #f76300;
		font-size: 3em;
		line-height: 1;
		margin: 0;
		padding-bottom: 9px;
	}

	.prog-lp #flashcontainer {
		margin: 0;
		padding: 0;
	}

/* B4. Non-program section landing pages and program section 2nd level pages */
.sect-main {
	padding-top: 14px;
}

	.sect-main h1 {
		border-bottom: 1px solid #ccc;
		font-size: 3em;
		line-height: 1;
		margin: 0;
		padding-bottom: 5px;
	}

	.sect-main .callout {
		padding-left: 214px;
		padding-top: 12px;
	}
	
		.sect-main .callout .photo {
			border: 1px solid #e5e5e5;
			margin-bottom: 15px;
			margin-left: -214px;
			padding: 3px;
			width: 189px; /* needs extra 2px for image width */
		}

/* B5.
Success Stories Landing Page and other interior pages.
Interior pages use the default styling for all components.
  Program section 3rd level and below. Other sections 2nd level and below.
*/
.sslp {
	margin-bottom: 0;
	padding-top: 14px;
}

	.sslp h1 {
		border-bottom: 1px solid #ccc;
		font-size: 3em;
		line-height: 1;
		margin: 0;
		padding-bottom: 5px;
	}


/* B8. Contenthead areas for utility pages like Search and Member Center */
.utilities {
	margin-bottom: 0;
}

	.utilities h1 {
		border-bottom: none;
	}