/* This is the default stylesheet */
body {
	background: #ECE2ED;
	color: black;
	margin: 4px 0;
	padding: 0;
	text-align: center;
}
body, input, select, textarea {
	font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}
td, th { vertical-align: top; }

/****************/
/** Font Sizes **/
/****************/
body, div#disclaimer {
	font-size: 80%;
}
table#nav td p a { font-size: 95%; }

td, th, #nuggets fieldset p, #nuggets fieldset input#parentsgo, input#searchgo, #departmentsubmit, #contactform input.button, #maincontent div.departments div span h2, .departments ul, .departments ol {
	font-size: 90%;
}
#supnav, #nuggets dd, #nuggets ul, #nuggets ol, #nuggets p, p#realise, div div div.twoColText {
	font-size: 85%;
}
#nuggets p.clear {
	font-size: 50%;
}
#disclaimer p.clear, #maincontent p.clear {
	font-size: 1%;
}
* html td, * html th {
	font-size: 70%;
	f\ont-size: 90%;
}
textarea, .homeMissionStatement {
	font-size: 100%;
}
.departments p.clear {
	margin: 0;
	font-size: 50%;
}

#maincontent h1 { 
	background: url(/img/h1_bg.gif) no-repeat bottom left;
	padding: 6px 7px 4px 7px;
	color: #854C88;
	margin: 20px 0 20px 12px;
	font-size: 125%;
}

/* The form tag envelopes everything */
form, div#formcontainer {
	margin: 0 auto;
	text-align: left;
	width: 764px;
	background: url(/img/bg-form.gif);
	position: relative;
}

div form {
	margin: 0;
	width: auto;
	background: none;
	position: static;
}

/* This is required for the background image in the nav to reach the bottom */
div#wrap {
	background: url(/img/bg-wrap.gif) repeat-y left;
	border-top : solid 1px white;
	margin: 0 11px;
}

p {
	margin: 0 0 1em 0;
}

/* Logo, top right */
p#logo {
	background: url(/img/bg-logo.gif) no-repeat;
	padding: 33px 0 0 20px;
	margin: 0;
}

/* This is for SEO and print */
address, .print {
	display: none;
}

/* Supplementary navigation, top right */
#supnav {
	display: block;
	position: absolute;
	top: 38px;
	right: 21px;
	width: 347px;
	height: 90px;
	overflow: auto;
	text-align: right;
}
	#supnav ul, #supnav li, #supnav li.first {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	#supnav li {
		float: right;
		padding: 0 0.6em 0 0;
		margin: 0 0.6em 0 0;
		border-right: solid 0.1em #510056;
	}
	#supnav li.first, #international li {
		border: none;
	}
	#supnav fieldset {
		margin: 0;
		padding: 5px 0 0 0;
		border: none;
		clear: both;
	}
	#supnav legend {
		display: none;
	}
	#supnav label {
		font-weight: bold;
		color: #510056;
	}

/* First column, right */
div#col1 {
	float: left;
	width: 142px;
}

/* Main navigation, left */
map#nav {
	display: block;
	margin: 0 0 0 9px;
	border-top: solid 13px white;
	font-size: 85%;
}
	#nav ul, #nav li {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	#nav li {
		border-bottom: solid 2px white;
	}
	/* Bonkers IE fix */
	#nav li, #nav ul a, #nav ul em {
		height: 1px;
	}
	/* Correction for other browsers */
	html[lang] #nav li, html[lang] #nav ul a, html[lang] #nav ul em {
		height: auto;
	}
		#nav a, #nav em {
			display: block;
			background: #854C88;
			color: white;
			font-weight: bold;
			text-decoration: none;
			padding: 6px 10px;
		}
		#nav em {
			font-style: normal;
			text-decoration: underline;
		}
		/* You were here */
		#wrap #nav a em {
			display: inline;
			color: inherit;
			background: none;
			padding: 0;
		}
		#nav a:hover {
			background: #7D397F;
		}

/* The content area to the right */
div#maincontent {
	float: left;
	width: 590px;
	margin: 11px 0 0 0;
}
div#maincontent strong { color: #512E56; }
	#maincontent p {
		margin: 0 16px 1em 22px;
	}
	#maincontent a {
		font-weight: bold;
	}

	/* The three panels lower down */
	div#nuggets {
		clear: both;
		background: url(/img/bg-nuggets.gif) top no-repeat;
		margin: 0px 0px 0px 13px;
		border-top: solid 1px white;
	}
		#nuggets div, #nuggets fieldset {
			width: 192px;
			float: left;
			margin: 0;
			padding: 0;
			border: none;
		}
		#nuggets fieldset, #nuggets div.last {
			width: 193px;
		}
		#nuggets h2, #maincontent #nuggets div h3, #nuggets h1, #nuggets h4, #nuggets h5, #nuggets h6 {
			margin: 0 0 14px 0;
			background: #510056;
			border-bottom: solid 3px white;
			border-right: solid 2px white;
			color: white;
			font-size: 90%;
			padding: 5px 12px;
			font-weight: bold;
			clear: both;
		}
		#nuggets fieldset h2, #maincontent #nuggets div.last h3 {
			border-right: none;
		}
		.departments legend, #nuggets legend {
			display: none;
		}
		#maincontent #nuggets dl, #maincontent #nuggets dt, #maincontent #nuggets dd, #nuggets p.clear {
			margin: 0;
			padding: 0;
			border: none;
		}
		#nuggets dl {
			clear: both;
		}
		#maincontent #nuggets dt {
			float: left;
			width: 70px;
			text-align: center;
		}
		#maincontent #nuggets dd {
			float: left;
			width: 115px;
		}
		#nuggets div p, #nuggets fieldset p {
			margin: 0 5px 0.5em 5px;
			clear: both;
		}
		#wrap #nuggets a {
			color: black;
		}
		#nuggets fieldset p {
			font-weight: bold;
			color: #510056;
		}
		#nuggets fieldset input {
			width: 126px;
		}
		/* These rules are to account for any old markup which might end up in the centre nugget 
		 due to common content */
		#nuggets div table {
			width: 190px !important;
		}
		#nuggets div table, #nuggets div td, #nuggets div th {
			border: none;
			padding: 0;
			height: auto !important;
		}
		#nuggets div p img {
			float: left;
			margin: 0 5px 5px 0;
		}
		#nuggets ul, #nuggets ol, #nuggets li, .departments ul, .departments li {
			clear: both;
			/* This is how it used to be, when the UL was under a DL
			margin: 0 0 0 35px;*/
			margin: 0 0 0 15px;
			padding: 0;
		}

/* Disclaimer, bottom */
div#disclaimer {
	clear: both;
	margin: 9px 21px 9px 20px;
	border-top: solid 1px #F1EBF2;
	border-bottom: solid 1px #F1EBF2;
	padding: 5px 0 0 0;
	color: #510056;
}
	#disclaimer p {
		float: left;
		width: 133px;
		text-align: right;
		margin: 0;
	}
	map#legal ul {
		float: left;
		width: 576px;
	}
		#disclaimer #legal ul {
			margin: 0 0 0 13px;
		}
	#disclaimer ul, #disclaimer li {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	#disclaimer li {
		float: left;
		padding: 0 0.6em 0 0;
		margin: 0 0.6em 0 0;
		border-right: solid 0.1em #510056;
	}
	#disclaimer p.clear { float: none; }
	p#realise {
		clear: both;
		padding: 0 10px 25px 625px;
		margin: 0;
		background: url(/img/bg-realise.gif) no-repeat bottom;
	}
		#realise a {
			color: black;
			text-decoration: none;
		}
		#realise img {
			float: left;
			margin: 0 5px 0 0;
		}

input, select, textarea {
	background: white;
	border: solid 1px #5A2F5C;
}
/* Submit buttons */
#nuggets fieldset input#parentsgo, input#searchgo, #departmentsubmit, #contactform input.button {
	width: auto;
	background: #510056;
	border: solid 2px #B999BC;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	padding: 1px;
}

a {color: #510056;}
a img {border: none;}
img.right {
	float: right;
}
img.left {
	float: left;
	margin: 0 5px 5px 0;
}
.clear, #intro p.clear {clear: both; float: none;}
#maincontent p.clear {
	margin: 0;
}
/* For accessibility */
.access {display: none;}

/* Paul's stuff */
.homeMissionStatement {
	border: 1px solid #D8CED9;
	background-color: #F1EBF2;
	padding: 9px 9px 9px 9px;
	font-size: 110%;
}

table#nav td { vertical-align: top; background-color: white; width: 25%; padding: 1px; margin: 0px; }
table#nav td.middleLeftCell p a { background-color: #ae77b0; font-weight: normal; }
table#nav td.middleRightCell p a { background-color: #DBC1DC; font-weight: normal; color: #844D86; }
table#nav td.rightCell p a { background-color: #F1ECF2; font-weight: normal; color: #844D80; }
table#nav td p a { width: 119px; _width: 116px; }

table#nav td.middleLeftCell p a:hover, table#nav td.middleRightCell p a:hover, table#nav td.rightCell p a:hover { color: white; }

/*********************************/
/** 2 Column Nugget style boxes **/
/*********************************/
.departments {
	clear: both;
	background: url(/img/bg-nuggets_2col.gif) top no-repeat;
	margin: 0px 0px 0px 14px;
	border-top: solid 1px white;
}
.departments div {
	width: 288px;
	float: left;
	margin: 0;
	padding: 0;
	border-right: 0px solid white;
	padding-bottom: 7px;
}

#maincontent div.departments div span h2 {
	margin: 0 0 14px 0;
	background: #510056;
	border-bottom: solid 3px white;
	border-right: solid 2px white;
	color: white;
	padding: 5px 12px;
	font-weight: bold;
}
#maincontent .departments div.last { border-right: none; }
.departments a { color: black; }
.departments ul, .departments li { 
	clear: both; 
	margin: 2px 0px 2px 25px; 
	padding: 0;
	font-weight: bold;
}

div div div.twoColImage { position: relative; float: left; padding: 0px 0px 0px 10px; width: 65px; margin: 0px; }
div div div.twoColText { 
	position: relative; 
	float: left; 
	width: 200px; 
	color: #510056; 
	padding: 0px 5px;
	margin: 0;
}
div.twoColText h3 { margin: 0px 0px 7px 0px; padding-bottom: 0px; font-weight: normal; }