/* Just inside pages */

/* Sub-navigation, left */
div#subnav {
	position: absolute;
	width: 209px;
	left: 0;
	top: 12.2em;
}
	#subnav map ul, #subnav div, #subnav fieldset, #jobs {
		background: #2f98d8;
		border-bottom: solid 1px #2f98d8;
		padding: 0.8em 0;
		margin: 0 0 1.5em 0;
		font-size: 90%;
	}
	/* Actual navigation */
	#subnav map a, #subnav map em {
		display: block;
		border-top: 1px solid #7cbee7;
		padding: 0.3em 8px 0.4em 8px;
		font-weight: bold;
	}
	* html #subnav map a, * html #subnav map em {
		height: 1%;
	}
	#subnav map .first a, #subnav map .first em {
		border: none;
	}
		#subnav map em a {
			display: inline;
			border: none;
			padding: 0;
		}
		/* Third level navigation */
		#subnav map ul ul {
			padding: 0;
			margin: 0 0 0.2em 0;
		}
			#subnav map ul ul a, #subnav map ul ul em {
				border: none;
				padding: 0 8px 0.3em 28px;
				background: url(/img/bg-snav-ul-ul-a.png) top left no-repeat;
			}
			#subnav map ul ul a:hover, #subnav map ul ul em {
				background: url(/img/bg-snav-ul-ul-em.png) top left no-repeat;
			}
				#subnav map ul ul em a, #subnav map ul ul ul em a {
					padding: 0;
					display: inline;
					background: none;
				}
					/* Forth level navigation */
					#subnav map ul ul ul a, #subnav map ul ul ul em {
						padding-left: 48px;
						background: url(/img/bg-snav-ul-ul-ul-a.png) top left no-repeat;
					}
					#subnav map ul ul ul a:hover, #subnav map ul ul ul em {
						background: url(/img/bg-snav-ul-ul-ul-em.png) top left no-repeat;
					}

	/* Register for update form */
	#subnav legend {
		display: none;
	}
		/* Register text field */
		input#emailregister {
			background: #2f98d8;
			border: solid 1px #97ccec;
			width: 128px;
		}
		#subnav fieldset label {
			font-weight: bold;
		}
		#subnav fieldset input {
			vertical-align: middle;
		}

	#subnav div h1, #subnav fieldset h1, #subnav div h2, #subnav fieldset h2, #jobs h1, #jobs h2 {
		text-transform: uppercase;
		margin: 0.4em 8px 0.5em 8px;
		padding: 0 0 0.5em 0;
		border-bottom: solid 1px #7cbee7;
		font-size: 130%;
	}
	#subnav p, #jobs p {
		margin: 0 8px 1em 8px;
		font-size: 95%;
	}
	#subnav p.action {
		border-top: solid 1px #7cbee7;
		padding-top: 1em;
		margin-bottom: 0.2em;
	}

/* This contains the main heading and the crumb-trail */
div#contenthead, div#maincontent {
	color: black;
	background: white;
	margin: 0 0 2px 221px;
	padding: 0 0 0 18px;
}
	#contenthead a {
		color: black;
	}
	#maincontent a {
		color: #133d8d;
		text-decoration: underline;
	}


	#maincontent a:hover {
		color: #133d8d;
		text-decoration: none;
	}


	#contenthead h1 {
		margin: 0;
		padding: 0.7em 0;
		color: #2f98d8;
		text-transform: uppercase;
		font-size: 190%;
		width: 439px;
		float: left;
	}
	#contenthead map ol {
		float: left;
		width: 217px;
		color: #2f98d8;
		text-align: right;
		font-size: 85%;
		padding: 2.1em 0;
	}
		#contenthead map li {
			display: inline;
		}
			#contenthead map ol strong a {
				color: #036;
			}
			#contenthead map ol a {
				color: #2f98d8;
				text-decoration: underline;
				padding: 0 10px 0 0;
				background: url(/img/bg-contenthead-map-a.png) right no-repeat;
			}
			#contenthead map ol em {
				font-style: normal;
			}

/* Contains the content and the related links */
div#maincontent {
	padding: 10px 0 0 18px;
}

div#content, div#contentwide {
	float: left;
	width: 439px;
	color: black;
	background: #c0e0f3;
	border-top: solid 1px #c0e0f3;
	border-bottom: solid 18px white;
	padding: 12px 0 0 0;
}
div#contentwide {
	width: 663px;
}
	#content h1, #content h2, #contentwide h1, #contentwide h2, #midright h1, #midright h2 {
		color: #2f98d8;
		color: black;
		margin: 0 17px 7px 17px;
		border-bottom: solid 1px white;
		padding: 0 0 0.3em 0;
		font-size: 130%;
		font-weight: normal;
		position: relative;
	}
		/* Used in News, for an RSS icon */
		#content h1 a.icon, #content h2 a.icon, #contentwide h1 a.icon, #contentwide h2 a.icon {
			position: absolute;
			top: 0;
			right: 16px;
			width: 16px;
		}
		html>body #content h1 a.icon, html>body #content h2 a.icon, 
		html>body #contentwide h1 a.icon, html>body #contentwide h2 a.icon {
			right: 0;
		}
	#content h3, #content h4, #content h5, #content h6, 
	#contentwide h3, #contentwide h4, #contentwide h5, #contentwide h6 {
		margin: 0 17px 7px 17px;
	}
	#content h3, #contentwide h3, #content .important h2, #contentwide .important h2 {
		font-size: 120%;
		margin-bottom: 0;
		font-weight: bold;
	}
	#content h4, #contentwide h4 {font-size: 110%;}
	#content h5, #content h6, #contentwide h5, #contentwide h6 {font-size: 100%;}
	#content h6, #contentwide h6 {
		font-weight: normal;
		font-style: italic;
	}
	#content p, #contentwide p, #content ul, #contentwide ul, #content hr, 
	#contentwide hr, div#framecontainer {
		margin: 0 17px 1em 17px;
	}
		#content ul li, #contentwide ul li {
			background: url(/img/bullet-inside.png) top left no-repeat;
			padding: 0 0 0.5em 12px;
		}
			#content ul ul, #contentwide ul li {
				margin-top: 1em;
			}
				#content ul ul li, #contentwide ul ul li {
					background: url(/img/bullet-li-inside.png) top left no-repeat;
					padding: 0 0 0 12px;
				}
		/* For bullets inside those "important" boxes */
		#content .important ul li, #contentwide .important ul li {
			background: url(/img/bullet-content.png) top left no-repeat;
		}

	/* Board of directors and form fields */
	#content dl, #contentwide dl {
		margin: 0 0 1em 17px;
		border-bottom: solid 1px white;
	}
	#content fieldset dl, #contentwide fieldset dl {
		border: none;
	}
		#maincontent dt, #maincontent dd {
			float: left;
			padding: 0 0 1em 0;
		}
		#maincontent fieldset dt, #maincontent fieldset dd {
			padding: 0;
		}
		#maincontent dt {
			width: 151px;
		}
		#maincontent dd {
			width: 253px;
		}
		#contentwide dd {
			width: 447px;
		}
			#maincontent dd strong {
				color: #039;
			}

	/* Default blockquote */
	#content blockquote, #contentwide blockquote {
		margin: 0 0 1em 17px;
		background: #f2f2f2;
		padding: 1.8em 20px 0 20px;
		border-bottom: solid 1px #c0e0f3;
		/*text-transform: uppercase; */
		font-weight: bold;
		font-size: 90%;
		color: #2f98d8;
	}
		#content blockquote p, #contentwide blockquote p {
			margin: 0 0 0.8em 0;
		}
			#content blockquote cite, #contentwide blockquote cite {
				font-weight: normal;
				font-style: normal;
				font-size: 95%;
			}

	/* Form controls */
	#content legend, #contentwide legend {
		display: none;
	}
		#content dd input, #contentwide dd input, 
		#content dd select, #contentwide dd select,
		#content dd textarea, #contentwide dd textarea {
			border: solid 1px #a2c1d8;
			width: 238px;
		}
		#content .compact input, #contentwide .compact input, #content table input,
		#contentwide table input {
			border: none;
			width: auto;
		}
		/* Thanks, .NET */
		dd table {margin: 0;}
		dd th, dd td {
			background: none;
			border: none;
			padding: 0;
		}
	#content #downloadsmain h3,
	#contentwide #downloadsmain h3 
	{
		padding: 0 0 4px 20px;
	}
	#content #downloadsmain h3.pdf,
	#contentwide #downloadsmain h3.pdf
	{
		background: transparent url(/img/fileicons/pdf.png) no-repeat top left;
	}
	#content #downloadsmain h3.doc,
	#contentwide #downloadsmain h3.doc
	{
		background: transparent url(/img/fileicons/doc.png) no-repeat top left;
	}
	#content #downloadsmain h3.ppt,
	#contentwide #downloadsmain h3.ppt
	{
		background: transparent url(/img/fileicons/pppt.png) no-repeat top left;
	}
	#content #downloadsmain h3.zip,
	#contentwide #downloadsmain h3.zip
	{
		background: transparent url(/img/fileicons/zip.png) no-repeat top left;
	}
	#content #downloadsmain p,
	#contentwide #downloadsmain p
	{
		padding-left: 20px;
	}

	/* Quotes from Bill Gammell */
	blockquote#gammell {
		background: #f2f2f2 url(/img/bg-gammell.png) bottom right no-repeat;
		padding: 1.8em 126px 0 20px;
	}

	/* A box with curved corners and (sigh) a keyline for Important Stuff */
	div.important, fieldset.important {
		background: url(/img/bg-contentwide-important.png) repeat-y;
		margin: 0 20px 1em 17px;
	}
	#content div.important, #content fieldset.important {
		background: url(/img/bg-content-important.png) repeat-y;
	}
	fieldset.important legend {
		display: none;
	}
		/* Top of the curve */
		#contentwide .important h2, #main .important h3, #main fieldset.important p, #main div.imphead {
			background: url(/img/bg-contentwide-important-h3.png) top left no-repeat;
			margin: 0;
		}
		#content .important h2, #content .important h3, #content fieldset.important p {
			background: url(/img/bg-content-important-h3.png) top left no-repeat;
		}
		#main .important h2, #main .important h3 {
			color: #39c;
			padding: 15px 24px 10px 17px;
			margin: 0;
			border: none;
		}
		#main fieldset.important p {
			padding: 20px 24px 20px 24px;
		}
			.important h3 em, fieldset.important label {
				font-style: normal;
				text-transform: uppercase;
				color: #666;
				vertical-align: middle;
			}
			.important h3 em {
				font-size: 180%;
				margin: 0 20px 0 0;
			}
			fieldset.important label {
				font-size: 140%;
				font-weight: bold;
			}
			fieldset.important select {
				width: 254px;
				border: solid 1px #7f9db9;
				vertical-align: middle;
			}
			fieldset.important input {
				vertical-align: middle;
			}

		/* For display of PDFs with thumbnails in the important boxes */
		.important div.pdf {
			padding: 0 13px;
		}
			#main .important p.thumb {
				margin: 0;
				width: 92px;
				float: left;
			}
			.important .pdf div {
				float: left;
				width: 506px;
			}
				#main .important .pdf h4 {
					margin: 0;
				}
					#main .important .pdf h4 a {
						color: #666;
					}
				#main .important .pdf p {
					margin: 0 0 1em 0;
					color: #666;
					font-size: 85%;
				}
/*					#main .important .pdf p a {
						color: #fdbf57;
						text-transform: uppercase;
						font-size: 90%;
					}*/
						#main .important .pdf p a strong {
							font-weight: normal;
							font-size: 110%;
						}

			.important p#timeline {
				width: 590px;
				/* This might be better done with a repeating background image, with the
				timeline as a forground image. */
				/* Assuming an image height of 262px */
				height: 278px;
				overflow: auto;
				border: solid 1px #2f98d8;
				white-space: pre;
			}
			#content .important p#timeline {
				width: 366px;
			}
				p#timeline img {
					vertical-align: top;
				}

		/* Bottom of the curve */
		.important div {
			background: url(/img/bg-contentwide-important-div.png) bottom left no-repeat;
		}
		#content .important div {
			background: url(/img/bg-content-important-div.png) bottom no-repeat;
		}
			#main .important div div {
				background: none;
			}


	/* The news page got special bullets */
	ul.news {
		line-height: 1;
	}
		#main .news li {
			margin-bottom: 0.5em;
		}
			.news a em, .news em {
				font-style: normal;
				font-weight: bold;
				font-size: 120%;
				line-height: 2;
				line-height: 1.2;
			}
				#main .news li p {
					margin: 0;
				}

/* This is a three-column layout used in Media Resources and CSR */
div.threecol {
	background: url(/img/bg-threer.png) left repeat-y;
	margin: 0 0 1em 17px;
	/* Leaves space for the calls-to-action */
	padding: 0 0 2em 0;
	position: relative;
}
	.threecol div {
		float: left;
		width: 211px;
	}
		#main .threecol div h3 {
			margin: 0 0 1.3em 0;
			font-size: 150%;
		}
			#main .threecol div h3 a {
				display: block;
				color: white;
				background: #00bce4 url(/img/bg-threer-div-h3-a.png) top left no-repeat;
				margin: 0 8px 0.4em 0;
				padding: 5px 15px 4px 15px;
			}
		.threecol div p {
			font-size: 90%;
			color: #424242;
		}
		#main .threecol div h1, #main .threecol div h2, #main .threecol div h4, 
		#main .threecol div h5, #main .threecol div h6, #main .threecol div p, 
		#main .threecol div dl {
			margin-right: 25px;
			margin-left: 17px;
		}
		#main .threecol div.col3 h1, #main .threecol div.col3 h2, 
		#main .threecol div.col3 h4, #main .threecol div.col3 h5, 
		#main .threecol div.col3 h6, #main .threecol div.col3 p, 
		#main .threecol div.col3 dl {
			margin-right: 17px;
		}
		#main .threecol div p.action {
			margin: 0;
			position: absolute;
			bottom: -1px;
			width: 203px;
			background: url(/img/bg-threecol-action.png) bottom no-repeat;
		}
			/* This is the general rule for anchors under .action inside .important */
			#main .important .action a, #main .threecol div p.action a {
				display: block;
				background: url(/img/bg-midright-action-a.png) right no-repeat;
				color: #143d8d;
			}
			#main .threecol div p.action a {
				padding: 14px;
				margin: 0 14px 0 0;
			}

	/* Table rules! */
	table {
		border-collapse: collapse;
		margin: 0 17px 1em 17px;
		font-size: 100%;
	}
	th {
		text-align: left;
		font-weight: normal;
	}
	th, td {
		color: black;
		background: white;
		border-bottom: solid 1px #c0e0f3;
		padding: 6px 10px 0 10px;
	}
		#main table p {
			margin: 0 0 0.5em 0;
		}
		#main table thead p {
			margin: 0 0 1em 0;
		}
	thead th {
		font-weight: bold;
	}
	thead th, thead td {
		color: white;
		background: #55c5e9;
		border-bottom: solid 1px #55c5e9;
		padding: 12px 10px 0 10px;
	}
	tfoot th, tfoot td {
		background: none;
		border: none;
		padding: 0.5em 0 0.5em 0;
		font-size: 90%;
	}

/*	Related links, right */
div#related {
	float: left;
	width: 217px;
}
	#related div {
		color: white;
		background: #2f98d8 url(/img/bg-related-div.png) bottom no-repeat;
		margin: 0 0 18px 21px;
		font-size: 85%;
	}
	#related div a {
		color: white;
	}
		#related hr {
			border-top: solid 1px white;
			margin: 0 7px 0.5em 7px;
		}
		#related div h1, #related div h2, #related p.weatherthumb {
			margin: 0;
			background: #2f98d8 url(/img/bg-related-div-h2.png) top no-repeat;
			padding: 13px 10px 10px 10px;
			color: white;
			text-transform: uppercase;
			font-size: 150%;
		}
		#related div h3 {
			margin: 0 10px 0 20px;
			font-size: 100%;
			color: black;
		}
		#related div h4, #related div h5, #related div h6 {
			margin: 0 10px;
			/* Pah! */
			font-size: 100%;
		}
		#related div p, #related div ul, #related div dl {
			margin: 0 10px 1em 10px;
		}
			#related div ul li {
				background: url(/img/bullet-home.png) top left no-repeat;
				padding: 0 0 0.2em 10px;
			}
			/* Sometimes, there is navigation in the third column */
			#related div map ul {
				margin: 0 0 1em 0;
			}
				#related div map ul li {
					background: none;
					padding: 0;
				}
					/* Everything needs to be a link, or insite an emphasis tag (the current page) */
					#related div map ul li a, #related div map ul li em {
						background: url(/img/bullet-related-div-map-a.png) top left no-repeat;
						border-bottom: solid 1px #59ade0;
						display: block;
						font-style: normal;
						padding: 0.4em 10px 0.4em 20px;
					}
					/* You are here */
					#related div map ul li em {
						text-decoration: underline;
					}
					* html #related div map ul li a, * html #related div map ul li em {
						height: 1%;
					}
					div#related div map ul ul {
						margin: 0;
						padding: 0.5em 0;
					}
						#related div map ul ul, #related div map ul ul li a, #related div map ul ul li em {
							background: #59ade0;
							border-bottom: solid 1px #59ade0;
							padding: 0.2em 10px 0.2em 25px;
						}

						#related #downloads ul li.pdf 
						{
							background-image: url(/img/fileicons/pdf.png);
							padding: 0 0 4px 20px;
						}
						#related #downloads ul li.doc 
						{
							background-image: url(/img/fileicons/doc.png);
							padding: 0 0 4px 20px;
						}
						#related #downloads ul li.ppt 
						{
							background-image: url(/img/fileicons/ppt.png);
							padding: 0 0 4px 20px;
						}
						#related #downloads ul li.zip 
						{
							background-image: url(/img/fileicons/zip.png);
							padding: 0 0 4px 20px;
						}
						
		#related div dl {
			border-top: solid 1px white;
		}
			#related div dt {
				width: 64px;
				float: left;
				text-align: center;
				padding: 0.9em 0 0 0;
			}
			#related div dd {
				width: 112px;
				float: left;
				padding: 0.9em 0 0 0;
			}
				#related div dd strong {
					font-size: 120%;
					font-weight: normal;
				}

	/* The weather panel, in the related links */
	div.weather {
		position: relative;
	}
		#related .weather h2 {
			position: absolute;
			top: 18px;
			left: 16px;
			padding: 0;
			background: none;
			width: 169px;
		}
		.weatherthumb img {
			border: solid 1px white;
		}
		#related div.weather h3 {
			margin: 0 10px 0.5em 10px;
			color: white;
			font-weight: normal;
		}

/* Share price */
#related div.shares dl {
	background: #97ccec;
	border: none;
	text-align: center;
	margin: 0 6px 1px 6px;
}
	#related div.shares dt {
		font-size: 270%;
		width: 136px;
		padding: 0.1em 0;
	}
	#related div.shares dd {
		width: 48px;
		padding: 0.9em 0;
	}
		#related div.shares dd img {
			display: block;
			margin: 0 auto;
		}

#related div.shares p {
	background: #59ade0;
	margin: 0 6px 1em 6px;
	text-align: center;
	padding: 0.3em 0;
}
#related div.shares p.action {
	background: none;
	border-top: solid 1px white;
}

/* Flash player */
#flashPlayer {
		margin-left:18px; 
        border: 4px #00BBE4 solid;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px; 
		border-radius: 5px;
		z-index:-1999;
		}
		
			#noFlashPlayer {
				margin:-4px; 
				border: none;
				border: 4px #00BBE4 solid;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px; 
				border-radius: 5px;
				z-index:-1999;
				}
					
.caption {
		font-style:italic; 
		font-weight:bold; 
		font-size:90%;
		padding-top:10px;
		}