/* Just for the home page(s) */
/* Introduction */
div#puff {
	background: url(/img/bg-puff.png) 0 100%;
	padding: 0 0 15px 0;
	margin: 0 0 1.5em 0;
}
	#puff div {
		color: white;
		background: #7792be;
	}
		#puff div div {
			padding: 25px 25px 0 373px;
			height: 236px;
		}
		div[id] #puff div div {
			height: auto;
			min-height: 236px;
		}
			#puff p {
				margin: 0;
				padding: 0 0 0.2em 0;
			}
				#puff strong {
					font-size: 310%;
					line-height: 0.9;
					font-weight: normal;
					letter-spacing: -0.1em;
				}

h2, .twocol legend, .twocol h1 {
	font-size: 180%;
	font-weight: bold;
	color: #025288;
	margin: 0 0 0.5em 0;
}
	legend label {
		white-space: normal;
		display: block;
		width: 333px;
	}
	* html legend label {
		width: 319px;
	}

/* A two-column layout, but a sibling of #content */
div.twocol {
	margin: 0 0 1em 0;
	background: url(/img/bg-twocol.gif) 348px 0 repeat-y;
}
	.twocol div {
		float: left;
		width: 349px;
	}
	.twocol div.last {
		width: 347px;
	}
		.twocol h1, .twocol h2, .twocol h3, .twocol h4, .twocol h5, .twocol h6, 
		.twocol p, .twocol ul {
			margin-right: 10px;
			margin-left: 10px;
		}

/* A two col layout inside a two col layout */
.twocol .action50 {
	border: none;
	padding: 0;
	margin: 0;
	float: none;
	width: auto;
}
	.twocol .action50 div {
		width: 154px;
	}
	.twocol .action50 p.action {
		width: 185px;
		margin: 0;
	}

div.actionabout {
	background: white;
	padding: 0 0 0 10px;
	border: solid 1px #ccc;
}
	.actionabout h2 {
		float: left;
		width: 390px;
		margin: 0;
	}
		.actionabout h2 a {
			padding: 0.3em 0;
			display: block;
			background: none;
		}

	.actionabout p {
		float: left;
		width: 284px;
		margin: 0;
		padding: 0.85em 0;
	}
		.actionabout p a {
			padding: 0.85em 0;
			background: url(/img/bullet-related.gif) right no-repeat;
			padding: 0 10px 0 0;
		}