/* Used on inside pages, landing pages and on both screen and handheld media type */
div#subnav {
	font-size: 95%;
}
	#subnav ul {
		background: url(/img/bg-subnav-ul.gif) top right repeat-y;
		margin: 0 0 0 10px;
		padding: 6px 5px 0 8px;
		list-style-type: none;
		font-weight: bold;
	}
		#subnav ul ul {
			font-weight: normal;
			padding: 6px 5px 0 0;
		}
		#subnav li {
			margin: 0;
			padding: 4px 0 5px 0;
			border-bottom: solid 1px white;
		}
		#subnav li.last {
			border-bottom: solid 1px #CCCCE0;
		}
			#subnav li li, #subnav li li.last {
				border: none;
			}
			#subnav a {
				text-decoration: none;
			}
			#subnav a:hover {
				text-decoration: underline;
			}
				#subnav ul ul {
					background: none;
					margin: 0;
				}
					#subnav ul ul li {
						background: url(/img/bg-nav-li-li.gif) top left no-repeat;
						padding: 0 0 3px 10px;
					}

						/* Forth level nav */
						#subnav ul ul ul {
							font-size: 90%;
							font-style: italic;
						}
							/* Fifth level nav */
							#subnav ul ul ul ul {
								font-size: 90%;
								font-style: normal;
							}
								#subnav ul ul ul ul li {
									background: url(/img/bg-nav-ul-ul-ul-ul-li.gif) top left no-repeat;
								}
						/* You are here */
						#subnav ul ul strong, #subnav ul ul strong a {
							font-weight: normal;
						}
						#subnav strong a {
							text-decoration: underline;
						}

	/* Cap below */
	#subnav p.bottomcap {
		background: url(/img/bg-subnav-bottomcap.gif) right no-repeat;
		margin: 0;
		line-height: 6px;
/*		This crashes IE7. No idea why.
		margin: -2px 0 0 0;
		height: 6px;*/
	}
	
#subnav ul {
	border-bottom: solid 1px #CCCCE0;
}

	#content h1, #contentwide h1, #body h1 {
		font-size: 140%;
		color: #006;
	}
	/* The crumb trail */
	#main p#crumb {
		font-size: 85%;
	}
		#crumb a {
			text-decoration: none;
			color: #006;
		}
		#crumb em {
			color: #808387;
			font-style: normal;
		}
	#content h2, #content h3, #contentwide h2, #contentwide h3, #main #body h2, #main #body h3 {
		margin: 0 15px;
		color: #006;
		padding: 0;
		font-size: 100%;
	}
	#content p, #content dl, #contentwide p, #contentwide dl {
		font-size: 100%;
		margin: 0 15px 1em 15px;
	}
	#content li, #contentwide li {
		margin-bottom: 0.5em;
	}
	/* Just for the careers page */
	div#careercare, div#careerservice, div#careerproperty {
		margin: 0 0 0 15px;
	}
		#careercare h2, #careerservice h2, #careerproperty h2 {
			margin: 0;
			background: url(/img/bg-vacancies-h2.gif) repeat-x;
		}
		#careercare h3, #careerservice h3, #careerproperty h3, #careercare h4, #careerservice h4, #careerproperty h4 {
			margin: 0 0 0 30px;
			font-size: 100%;
		}
		#careercare h4, #careerservice h4, #careerproperty h4 {
			font-weight: normal;
			font-style: italic;
		}
		#careercare p, #careerservice p, #careerproperty p {
			margin: 0 0 1em 30px;
		}
	/* For listing of folk */
	div.people {
		position: relative;
		height: 245px;
		margin: 0 0 2em 0;
	}
	div[class="people"] {
		height: auto;
		min-height: 245px;
	}
		#main p.image {
			width: 225px;
			float: left;
			margin: 0;
			position: absolute;
			top: 0;
			right: 0;
		}
		.people div {
			margin: 0 230px 0 0;
		}

	/* For the Investor Relations section */
	iframe {
		border: none;
		overflow: auto;
	}
	/* Sometimes, you just randomly need to indent stuff */
	div.indent {
		margin: 10px 20px;
	}
	/* Used throughout where h2 has an image inside it, and requires a line extending the width of the content area */
	#content h2.image {
		background: url(/img/bg-h2-image.gif) repeat-x top;
	}

/* Table rules */
table {
	clear: both;
	margin: 0 15px 1em 15px;
}
th, td {
	vertical-align: top;
	text-align: left;
	padding: 0.4em 0.6em;
}
	#content table p, #contentwide table p {
		margin: 0;
	}

thead th {
	background: #006;
	color: white;
}
thead td {
	background: #D4D4D4;
	color: black;
	font-weight: bold;
}

tbody th, tbody td, th, td {
	background: #ECECEC;
	color: #006;
	border-bottom: solid 1px white;
}
tbody .subtotal td, tbody .subtotal th {
	background: #D4D4D4;
}

tfoot th, tfoot td {
	background: white;
	padding: 1.5em 0 0 0;
	color: #666;
}

/* The call to action */
div#action {
	font-size: 95%;
}
	/* The heading */
	#action h4 {
		margin: 0 0 0.4em 0;
	}
	#action ul, #action ul li {
		list-style-type: none;
		margin: 0 0 0.5em 6px;
		padding: 0 0 0 6px;
	}
	#action p {
		margin: 0 0 1em 0;
	}
	/* For the share price */
	#action strong em {
		font-size: 150%;
		font-style: normal;
	}

/* The search results intro */
p.resultintro {
	border-bottom: #006 solid 1px;
	padding-bottom: 1em;
}

cite strong {
	font-style: normal;
}

/* It's the sitemap! */
div.section {
	font-size: 95%;
}

div.section ul {
	font-weight: bold;
	list-style: none;
	margin: 3px 0 3px 17px;
	padding: 0 0 0 17px;
}
#main div.section li {
	margin-bottom: 0;
}
	div.section ul ul {
		font-weight: normal;
		margin: 3px 0 3px 10px;
		padding: 0;
	}
		div.section ul ul li {
			background: url(/img/bg-section-ul-ul-li.gif) top left no-repeat;
			padding: 0 0 3px 10px;
		}

	div.section a {
		text-decoration: none;
	}

/* Contact us form */
#contactus, #application {
	text-align: center;
}

#contactus dl, #application dl {
	margin: 0 auto;
	clear: both;
	width: 341px;
}
	#contactus dt, #contactus dd, #application dt, #application dd {
		margin: 0;
		float: left;
		text-align: left;
	}
	#contactus dt, #application dt {
		font-weight: bold;
		width: 150px;
	}
	#contactus dd, #application dd {
		width: 191px;
	}
		#contactus select, #application select, #contactus input, #contactus textarea, #application input {
			width: 185px;
		}
		#contactus dd em, #application dd em {
			font-style: normal;
			color: red;
		}
		#contactus input.button, #application input.button {
			width: auto;
		}