/* Insite pages */
form {background: white url(/tpl/img/bg-form.gif) 0 205px no-repeat;}
/* The main heading, under the horizonal navigation */
h1 {
	color: white;
	background: #0375ad url(/tpl/img/bg-crumb-li-li-a-projects.jpg) no-repeat 720px 47px;
	font-size: 170%;
	margin: 4.6em 0 0 0;
	padding: 3.24em 240px 0.4em 268px;
}
h1#sectionhead {
	padding-left: 45px;
}


/* Main content and related links */
div#main {
	margin: 0 0 0 268px;
	height: 57em;
}
form[id] div#main {
	height: auto;
	min-height: 57em;
}
	div#content, div#contentwide {
		width: 421px;
		float: left;
		padding: 2.35em 0 0 0;
	}
	div#contentwide {
		width: 662px;
	}
		#content h1, #content h2, #contentwide h1, #contentwide h2 {
			color: #0375ad;
			font-size: 140%;
			margin: 1.2em 0 0.5em 0;
		}
		#content h3, #contentwide h3 {
			color: #0375ad;
			font-size: 130%;
			margin: 0 0 0.5em 0;
			font-weight: normal;
		}
		#content h4, #contentwide h4 {
			font-size: 130%;
			margin: 0 0 1.2em 0;
			font-weight: normal;
		}
		/* For intro paragraphs */
		p.intro {
			font-size: 120%;
		}
		#main a.action {
			color: white;
			background: #0e4764 url(/tpl/img/bg-content-action.png) top repeat-x;
			border: none;
		}
		#content a.action, #contentwide a.action {
			font-size: 90%;
		}
		blockquote {margin: 0;}
			cite {font-style: normal;}

		#main fieldset {
			background: #e5f1f7;
			padding: 0.8em 17px;
			margin: 0.35em 0 0 0;
		}
		#main fieldset p {
			margin: 0 107px 1em 107px;
		}
		#main fieldset p.intro {
			margin: 0 0 2.2em 0;
		}
			#main fieldset dl {
				margin: 0 0 0 107px;
			}
				#main fieldset dt, #main fieldset dd {
					float: left;
					padding: 0 0 1em 0;
				}
				#main fieldset dt {
					width: 114px;
				}
				#content fieldset dd {
					width: 313px;
				}
				#contentwide fieldset dd {
					width: 554px;
				}
			#main fieldset input, #main fieldset select, #main fieldset textarea {
				padding: 0;
				width: 170px;
			}
			#main fieldset select, #main fieldset textarea {
				width: 296px;
			}

			#main fieldset p.r {
				margin: 0 107px 1em 107px;
			}
			#main .button {
				color: white;
				background: #0e4764 url(/tpl/img/bg-main-button.png) top repeat-x;
				border: none;
				width: 6.5em;
			}

		/* For the Key Service Areas page */
		#serviceenvironment, #servicestech {
			margin: 0 0 4px 0;
		}
		#serviceenvironment dl, #servicestech dl {
			float: left;
			width: 222px;
			margin: 0;
		}
		#serviceenvironment dl.last, #servicestech dl.last {
			width: 218px;
		}
			#serviceenvironment dt, #serviceenvironment dd, #servicestech dt, 
			#servicestech dd {
				margin: 0 4px 0 0;
				float: none;
				width: auto;
				font-size: 140%;
				color: white;
				background: #1f5069;
			}
				#serviceenvironment dt img, #servicestech dt img {
					vertical-align: top;
				}

			#serviceenvironment .last dt, #serviceenvironment .last dd, #servicestech .last dt, #servicestech .last dd {
				margin: 0;
			}
				#serviceenvironment dd a, #servicestech dd a {
					display: block;
					color: white;
					height: 97px;
				}
				#serviceenvironment dd a {
					background: #1f5069 url(/tpl/img/bg-serviceareas-dd-a.png) no-repeat 0 0;
				}
				#servicestech dd a {
					background: #1f5069 url(/tpl/img/bg-serviceareas-dd-a.png) no-repeat -436px 0;
				}
				#serviceenvironment dd a:hover, #servicestech dd a:hover {
					text-decoration: none;
					background-color: #0375ad;
				}
				#serviceenvironment dd a:hover {
					background-position: -218px 0;
				}
				#servicestech dd a:hover {
					background-position: -654px 0;
				}
				div[id] #serviceenvironment dd a, div[id] #servicestech dd a {
					height: auto;
					min-height: 97px;
				}
					#serviceenvironment dl span, #servicestech dl span {
						display: block;
						padding: 8px 11px;
					}

		/* This is a two-column layout which mimics the related links box style */
		div.twocol {
			margin: 0 0 1em 0;
		}
		#contentwide .twocol {
			background: white url(/tpl/img/bg-contentwide-twocol.png) left repeat-y;
		}
			#contentwide .twocol div {
				background: url(/tpl/img/bg-contentwide-twocol-div.png) top left no-repeat;
			}
				#contentwide .twocol div div {
					background: url(/tpl/img/bg-contentwide-twocol-div-div-alt.png) bottom left no-repeat;
				}
				/* 24 bit PNG, with alpha */
				div[id] #contentwide .twocol div div {
					background: url(/tpl/img/bg-contentwide-twocol-div-div.png) bottom left no-repeat;
				}

		#main #content .twocol div div div, #main #contentwide .twocol div div div {
			float: left;
			background: none;
			padding: 0.7em 0 0 0;
		}
		/* This needs more work, to work! */
		#content .twocol div div div {
			width: 212px;
		}
		#contentwide .twocol div div div {
			width: 333px;
		}
		#contentwide .twocol div div div.last {
			width: 329px;
		}
				div#main .twocol h2 {
					font-size: 140%;
					margin: 0 12px 0.2em 12px;
				}
				div#main .twocol p, div#main .twocol ul {
					margin: 0 16px 1em 12px;
				}
				div#main .twocol dl {
					margin: 0 16px 10px 12px;
				}
				div#main .twocol .last p, div#main .twocol .last dl, div#main .twocol .last ul {
					margin-right: 12px;
				}
					#main .twocol dd {
						width: 228px;
						padding-bottom: 1em;
					}
						#main .twocol dt img {
							vertical-align: top;
						}
	/* Generic listing boxes - used on the news and case studies pages */
	div#resultlist div {
		border-top: dotted 1px #dbe3e7;
		padding: 1em 0 0 0;
	}
	div#resultlist div.first {
		border: none;
	}
		#content p.date {
			font-weight: bold;
			margin: 0;
		}
			div#resultlist .date a {
				color: #666;
			}
		div#resultlist h2 {
			margin-top: 0;
		}

	div#related {
		float: left;
		width: 241px;
		font-size: 90%;
		padding: 3em 0 0 0;
	}
		#related div {
			padding: 0 0 9px 0;
			background: white url(/tpl/img/bg-related-div.png) bottom repeat-x;
			margin: 0 0 1em 30px;
		}
			#related div div {
				padding: 0.7em 14px 0.5em 14px;
				background: white;
				border: solid 1px #dbe3e7;
				margin: 0;
			}
				#related h1, #related h2, #main .twocol h2 {
					color: #0375ad;
					margin: 0 0 0.5em 0;
					font-size: 170%;
				}
					#related h1 a, #related h2 a {
						color: #0375ad;
					}
				#related h3, #related h4, #related h5, #related h6 {
					font-size: 100%;
					margin: 0;
				}
					#related a {
						color: #1f5069;
					}
				#related dt, .twocol dt {
					float: left;
					width: 77px;
				}
				#related dd, .twocol dd {
					float: left;
					width: 104px;
					line-height: 1.2;
					padding: 0.6em 0 0 0;
				}

/* Sub-navigation, left */
#subnav {
	position: absolute;
	top: 13.9em;
	left: 0;
	z-index: 1;
	width: 239px;
	font-size: 90%;
}
#subnav map {
	display: block;
}
	/* The top level section name */
	#subnav map h2 {
		font-size: 190%;
		color: #0375ad;
		/* This is a little bonkers */
		background: white url(/tpl/img/bg-form.gif) 0 45px no-repeat;
		padding: 0.45em 0 2em 44px;
		margin: 0;
	}
		#subnav map h2 a {
			color: #0375ad;
		}

	#subnav ul, #subnav li {
		margin: 0;
		padding: 0;
		background: none;
	}
	/* Sorry. */
	* html #subnav a, * html #subnav em, * html #subnav strong, * html #crumb li.third {
		height: 1px;
	}
	* html #subnav li {
		hei\ght: 1px;
	}
	#subnav ul {
		border: solid 1px #dbe3e7;
		margin: 0 0 0 29px;
	}
	/* On the sectional landing pages, there is no heading above the sub-nav,
	so there needs to be more room above */
	ul#sectionhome {
		margin-top: 6.85em;
	}
		#subnav ul ul {
			border: none;
			margin: 0;
		}
		#subnav ul a, #subnav ul em {
			display: block;
			color: #1f5069;
			background: white url(/tpl/img/bg-subnav-a.png) bottom repeat-x;
			font-weight: bold;
			padding: 0.6em 15px;
			font-style: normal;
		}
			#subnav ul em a {
				display: inline;
				color: #666;
				background: none;
				padding: 0;
			}
		#subnav ul em {
			color: #666;
		}
		/* Used to mark where the user was, but not styled */
		#subnav strong {font-weight: normal;}
			#subnav ul ul a, #subnav ul ul em {
				font-style: normal;
				color: #1f5069;
				background: #ebeff1 url(/tpl/img/bg-subnav-ul-ul-a.png) top left no-repeat;
				font-weight: normal;
				padding: 0.6em 15px 0.6em 28px;
				border-top: solid 1px white;
			}
			#subnav ul ul strong a, #subnav ul ul em, #subnav ul ul a:hover {
				color: #666;
				background: #ebeff1 url(/tpl/img/bg-subnav-ul-ul-em.png) top left no-repeat;
			}
				#subnav ul ul ul a, #subnav ul ul ul em {
					background: white;
					padding: 0.4em 15px 0.4em 35px;
				}
				#subnav ul ul ul a:hover {
					color: #666;
					background: white;
				}

div#footer {
	background: url(/tpl/img/bg-footer.png) top right no-repeat;
	padding: 80px 0 0 0;
}