/* All pages */
html, body {
	height: 100%;
}
body {
	text-align: center;
	background: white;
	color: #5b5d5e;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 70%;
}

/* self clearing rules */
dl:after, div:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html dl, * html div {
	height: 1%;
}

dl, div {
	display: inline-block;
}

/* !IE Mac \*/
dl, div {
	display: block;
}
/* */

/* This form is around all content */
div#wrap {
	text-align: left;
	margin: 0 auto;
	width: 966px;
	position: relative;
	height: 100%;
	z-index: 1;
}
/* IE 5.5-6 need the above width.  This could be solved by floating #main to the left,
giving us a pixel-perfect design, but doing so breaks the positioning in IE 5.5 and 6. */
html[lang] div#wrap {
	width: 963px;
}

/* The black region at the top of the page */
div#head {
	position: absolute;
	width: 962px;
	top: 0;
	left: 0;
	text-align: right;
	border-top: solid 1px white;
	z-index: 10;
	color: #303368;
}
	/* The logo, top left */
	#head p#logo {
		position: absolute;
		top: 17px;
		left: 1px;
		z-index: 11;
		width: 230px;
		margin: 0;
		text-align: left;
	}
	#head p {
		margin: 13px 0 6px 250px;
	}
	#branch ul, #ctl00_branch ul {
		margin: 0 0 0.6em 250px;
	}
	#head li {
		display: inline;
	}
		#branch li a, #ctl00_branch li a {
			border-right: solid 1px #dfdfdf;
			padding: 0 0.3em 0 0;
			margin: 0 0.3em 0 0;
		}
		#branch .last a, #branch .first a, #ctl00_branch .last a, #ctl00_branch .first a {
			border: none;
		}
		#branch .last a, #ctl00_branch .last a {
			margin: 0;
			padding: 0;
		}
		#branch .first, #ctl00_branch .first {
			font-weight: bold;
		}
		#branch em, #branch em a, #ctl00_branch em, #ctl00_branch em a {
			color: #b33f3c;
			font-style: normal;
		}
		/* For the login links */
		#branch .log a, #branch .log em {
			padding-left: 20px;
			background: url(/img/bg-personalisation-a.png) left no-repeat;
			border: none;
			font-weight: bold;
		}

	/* Main nav and language bar, top */
	#head div {
		border-top: solid 0.2em #c9cacc;
		border-bottom: solid 0.1em #c8cacc;
		font-size: 100%;
		padding: 0.4em 0;
	}
		/* Nav */
		#nav ul {
			float: left;
		}
		/* Language bar */
		#langbar ul, #langbar2 ul {
			float: right;
			width: 152px;
		}
			#nav a, #nav em {
				padding: 0 0.4em 0 0;
				margin: 0 0.4em 0 0;
				color: #5b5d5e;
				border-bottom: solid 1px white;
			}
			/* Line under Navigation items
			#nav em, #nav a:hover {
				border-bottom: solid 1px #b8d02f;
			}
			*/
			#nav em a {
				padding: 0;
				margin: 0;
			}
			#nav .last a, #nav .last em {
				border: none;
			}
			#langbar a, #langbar em, #langbar2 a, #langbar2 em {
				padding: 0 0 0 0.4em;
				margin: 0 0 0 0.4em;
				color: #303368;
				border-left: solid 1px #d5d5e0;
			}
			#head div a:hover, #head div em, #langbar2 a:hover, #langbar2 em {
				font-style: normal;
			}
			#head div .first a, #head div .first em, #footer .first a, #footer .first em {
				border: none;
			}

/* Container for most of the content, apart from the head and the footer */
div#main {
	/*width: 962px;*/
	padding: 9.4em 0 0 0;
	/* New layout, September 2010 */
	/*float: left;
	width: 752px;*/
}
	/* Removed, September 2010 */
	div#maincontent {
		/*margin: 0 0 0 210px;*/
	}

/* Main content, left */
div#content {
	float: left;
	width: 562px;
	/* The old switcharoo */
	position: relative;
	left: 210px;
	z-index: 2;
}
	#content h3, #content h4, #content h5, #content h6 {
		margin: 0 20px 0 0;
	}
	#main h1, #main h1#homehead1 {
		font-size: 130%;
		padding: 0 0 0.3em 0;
		border-bottom: solid 0.2em #c2cd23;
		margin: 0 20px 0.9em 0;
	}
	#main h1#homehead1 {
		background: none;
		margin-top: 10px;
	}
	#main h2 {
		font-size: 120%;
		border-bottom: solid 1px #b3b7c8;
		padding: 0 0 0.2em 0;
		margin: 0 20px 0.5em 0;
	}
	#main h3 {
		font-size: 110%;
	}
	#main h4, #main h5, #main h6 {
		font-size: 100%;
	}
	#content p, #content ul, #content ol, #content dl, #content table {
		margin: 0 20px 1em 0;
	}
	#content ul.columnwidgetlist {
		margin: 0;
	}
		#content ul ul, #content ul ol, #content ol ul, #content ol ol {
			margin-left: 1em;
		}
		#content ul li {
			background: url(/img/bullet-default.png) top left no-repeat;
			padding: 0 0 0 31px;
		}
		#content ul li.PBItem, #content ul li.header, #content .CBEdit li {
			background: none;
			padding: 0;
		}


/* Related links, right */
div#related, div#related2 {
	width: 190px;
	float: left;
	/* The old switcharoo */
	position: relative;
	left: 210px;
	z-index: 2;
}
	/* The site search */
	#related fieldset {
		margin: 0 0 1.4em 0;
	}
	#related legend  {
		display: none;
	}
	#related fieldset h1, #related fieldset h2, #related fieldset h3 {
		background: #c1cc23;
		color: white;
		font-size: 120%;
		padding: 0.3em 8px;
		margin: 0 0 0.5em 0;
		border: none;
	}
	#related fieldset p {
		margin: 0 0 0.4em 0;
	}
		#related fieldset input {
			vertical-align: middle;
		}
		/* The text field */
		input#ecmBasicKeywords, input#ctl00_cphMainContent_uctMinisearch_txtSearch {
			width: 150px;
			padding: 0.2em 0;
		}
		input.button {
			border: none;
			width: auto;
		}
	#related h1, #related h2, #related h3 {
		color: #001952;
		font-size: 120%;
		margin: 0;
		border-bottom: solid 0.2em #c8c9d8;
		padding: 0 0 0.4em 0;
	}
	#related h4, #related h5, #related h6 {
		font-size: 100%;
		margin: 0;
	}
	#related ul {
		margin: 0.5em 0 0.5em 0;
	}
		#related li, #related dd {
			background: url(/img/bg-nav-dd-a.png) top left no-repeat;
			padding: 0 0 0.5em 20px;
		}
	#related dl {
		border-top: solid 0.5em white;
	}
		#related dt {padding: 0;}

	/* Sub and product navigation, top left */
	div#subnav {
		/*position: absolute;
		z-index: 4;
		left: 0;
		top: 9.4em;*/
		/* New layout, September 2010 */
		width: 190px;
		float: left;
		margin: 0 0 2em 0;
		/* The old switcharoo */
		position: relative;
		right: 752px;
		z-index: 2;
	}
		/* Products and Login link  */
		#personalisation ul {
			padding: 0.3em 0 0.7em 0;
		}
			#personalisation li {
				display: inline;
				padding: 0.3em 0 0.7em 0;
				color: #001952;
			}
				map#personalisation li a {
					color: #001952;
					background: url(/img/bg-personalisation-a.png) right no-repeat;
					padding: 0.3em 25px 0.7em 0;
					display: inline;
				}

		#personalisation li, #subnav dt, #subnav h1 #subnav h2, #subnav h3 {
			font-size: 120%;
			font-weight: bold;
		}

		/* The actual sub-navigation */
		#subnav ul ul {
			margin: 0 0 0 10px;
		}

		#subnav dl {
			margin: 0 0 1.7em 0;
		}
			#subnav dt, #subnav h1 #subnav h2, #subnav h3 {
				border-bottom: 0.2em solid #c8c9d8;
				padding: 0.8em 0 0.2em 0;
				margin: 0 0 0.8em 0;
			}
			#subnav dd a, #subnav li a, #subnav li em {
				background: white url(/img/bg-nav-dd-a.png) top left no-repeat;
				display: block;
				padding: 0 0 0.1em 20px;
				font-style: normal;
			}
			#subnav li em {
				text-decoration: underline;
			}
				#subnav li em a {
					background: none;
					display: inline;
					padding: 0;
				}
	
	/* Used as a strut, to force the footer to the bottom of the viewport */
	div#strut {
		height: 90%;
		float: right;
		width: 1px;
		overflow: hidden;
	}
		#strut * {margin: 1em;}

#footer {
	clear: both;
	height: 10%;
	border-top: solid 0.1em #c9cacc;
	border-right: solid 1px white;
}
	/* Supplementary navigation */
	#footer div {
		border-bottom: solid 0.2em #c9cacc;
	}
		#supnav ul {
			font-weight: bold;
			width: 810px;
		}
		#footer div ul {
			float: left;
			padding: 0.6em 0;
			float: left;
		}
		#langbar2 ul {
			text-align: right;
		}
			#footer div li {
				display: inline;
			}
				#footer div a, #footer div em {
					color: #5b5d5e;
				}
				#supnav a, #supnav em {
					padding: 0 0.5em 0 0;
					margin: 0 0.5em 0 0;
				}
				#supnav a, #supnav em {
					border-right: solid 1px #dadbe4;
				}
				#footer .last a, #footer .last em {
					border: none;
				}
			
	#footer p {
		text-align: right;
		font-size: 90%;
		padding: 1em 0;
		margin: 0;
	}

/* General rules */
/* Killing lists */
ul, ul li, dl, dt, dd, form, fieldset, legend {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: none;
}
ol, ol li {
	margin-top: 0;
	margin-bottom: 0;
}
ol {
	margin-bottom: 1em;
}
.print {display: none;}
.c {text-align: center;}
.r {text-align: right;}
img.r {
	float: right;
	margin: 0 20px 1em 1em;
}
p img.r {
	margin: 0 0 1em 1em;
}
hr {
	margin: 0 0 0.5em 0;
	padding: 0;
	border: none;
	border-top: solid 3px #c8c9d8;
	height: 3px;
}
a img {border: none;}
a {
	color: #2b2e64;
	font-weight: bold;
}
#subnav a, #nav a, #branchinfo a {
	color: #5B5D5E;
	text-decoration: none;
	font-weight: normal;
}
a:hover, #subnav a:hover, #nav a:hover {
	text-decoration: underline;
}
#main p { margin-bottom: 1em;}
input, select, textarea {
	font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; 
	font-size: 100%;
	border: solid 1px #7f9db9;
}
/* To indicate content which is omitted */
s, ins {
	text-decoration: none;
	color: black;
	background-color: #fcf;
	border: solid 1px #969;
	padding: 1px 3px;
}
/* Ektron fix styles */
div div.PBViewing {float: none;}
div.dropzone ul.columnwidgetlist div.widget {width:auto;}
html>body div.PBViewing, #main ul.columnwidgetlist {margin: 0;}