/* For the landing pages of the user groups */
div#intro {
	margin: 13.4em auto 0 auto;
	width: 930px;
	text-align: left;
	border-top: solid 1px white;
	color: white;
	/* Need default */
	background: #2a7da5 url(/img/bg-intro-vetprofs.png) top no-repeat;
	padding: 3em 0 0 0;
}
	#intro a {
		color: white;
	}
	#intromore p a {
		background: url(/img/bg-intro-p-a.png) top right no-repeat;
		font-weight: bold;
		padding: 0 20px 0 0;
	}
	#intro div {
		/* Need default */
		background: url(/img/bg-intro-div-vetprofs.png) bottom no-repeat;
	}
		#intro div div {
			background: none;
		}
		/* The intro text */
		div#introtext {
			float: left;
			width: 484px;
			padding: 1.5em 0 0 0;
		}
			#introtext h1 {
				font-size: 150%;
				margin: 0 169px 1em 28px;
			}
			#introtext p {
				margin: 0 169px 0 28px;
			}

		/* Additional information */
		div#intromore {
			float: left;
			width: 165px;
			padding: 0.8em 0;
		}
			/* This is the speech-bubble style of h2 */
			#intromore h2 {
				/* Need default */
				background: url(/img/bg-intro-h2-vetprofs.png) top right no-repeat;
				margin: 0 15px 0.9em 0;
				font-size: 130%;
			}
				#intromore h2 a {
					display: block;
					color: white;
					/* Need default */
					background: #22698a url(/img/bg-intro-h2-a-vetprofs.png) top repeat-x;
					margin: 0 12px 0 0;
					padding: 1em 4px 1em 18px;
					border: solid 1px #bbd5e2;
					border-right: none;
					line-height: 0.9;
				}
			#intromore p {
				margin: 0 0 0 18px;
			}
			#intromore ul {
				margin: 0 18px 1em 18px;
			}
			#introtext ul {
				margin: 0 18px 1em 28px;
			}
				#intromore ul li, #introtext ul li {
					padding: 0 0 0.1em 9px;
					background: url(/img/bullet-intro.png) top left no-repeat;
				}

		/* Video */
		div#introvideo {
			float: left;
			width: 262px;
			padding: 0.7em 0 0 0;
		}

/* First set of three calls-to-action */
.panels, .subpanels {
	clear: both;
	position: relative;
}
	.panels div, .subpanels div, .panels fieldset, .subpanels fieldset {
		float: left;
		width: 317px;
		/* Assumes there is always a paragraph with a class of action */
		padding: 0 0 4em 0;
	}
		.panels legend, .subpanels legend {
			display: none
		}
	.panels .last, .subpanels .last {
		width: 296px;
	}
		.panels h2, .subpanels h2 {
			font-size: 130%;
			margin: 0;
			padding: 0.5em 0 1em 0;
		}
		.panels dl, .subpanels dl, .panels p, .subpanels p {
			margin: 0 21px 0.6em 0;
		}
		.last dl, .last dl, .last p.click {
			margin-right: 0;
		}
			.panels dl dt, .subpanels dl dt {
				width: 154px;
				float: left;
			}
			.panels dl dd, .subpanels dl dd {
				width: 142px;
				float: left;
				text-align: right;
			}
			.subpanels dl dt {
				width: 52px;
			}
			.subpanels dl dd {
				width: 244px;
				text-align: left;
			}
				/* Standard red links */
				.subpanels dd a {
					color: #c53735;
					background: url(/img/bg-midcontent-a.png) top right no-repeat;
					padding: 0 20px 0 0;
					display: block;
				}
			.panels li, .subpanels li {
				border-left: solid 7px #757575;
				padding: 0 0 0 5px;
				margin: 0 0 0.7em 5px;
			}
				.panels li a, .subpanels li a {
					color: #c53735;
				}

		/* This is kind of ugly, but hey! - them boxes have got to line up */
		.panels .action, .subpanels .action, .panels .click, .subpanels .click {
			position: absolute;
			bottom: 0;
			left: 317px;
			margin: 0;
			width: 296px;
		}
		.panels .first .action, .subpanels .first .action, .panels .first .click, .subpanels .first .click {
			left: 0;
		}
		.panels .last .action, .subpanels .last .action, .panels .last .click, .subpanels .last .click {
			left: 634px;
		}