/* All pages */
body {
	text-align: center;
	background: #e1e9ec url(/tpl/img/bg-body.png);
	color: #666;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; 
	font-size: 80%;
}

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

dl, div, ul, ol {
	display: inline-block;
}

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

form, #search div {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background: white;
	border-top: solid 1px white;
}

/* The white region at the top of the page */
form#search {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	text-align: center;
	background: none;
}
	/* The logo, top left */
	#search p#logo {
		position: absolute;
		top: 12px;
		left: 20px;
		width: 150px;
		margin: 0;
		text-align: left;
	}
	#search fieldset {
		padding: 46px 32px 0 170px;
		text-align: right;
		font-size: 85%;
	}
		#search fieldset p {
			margin: 0;
			padding: 0 0 0.85em 0;
		}
			input, select, textarea, .action {
				border: solid 1px #b2b2b2;
				padding-top: 0.2em;
				padding-bottom: 0.2em;
				color: #666;
				background: white;
			}
			a.action {
				padding: 0.3em 1em;
			}
			input#searchtext {
				width: 99px;
			}
			/* The submit button */
			.action, #lowercontent .action {
				font-weight: bold;
				color: black;
				text-decoration: none;
				background: #edeeed url(/tpl/img/bg-button.png) bottom repeat-x;
				text-align: center;
			}

/* Main navigation, top */
map#nav ul {
	border-top: solid 1px #eaedee;
	color: #1f5069;
	background: white url(/tpl/img/bg-nav-ul.png) bottom repeat-x;
	text-align: left;
	margin: 1.65em 0 0 0;
	font-size: 95%;
}
#nav ul, #nav li, #nav a, #nav em {
	padding: 1.35em 0 1.4em 0;
}
	#nav li {
		display: inline;
		background: none;
	}
		#nav a, #nav em {
			color: #1f5069;
			padding-right: 1.6em;
			padding-left: 1.6em;
			font-style: normal;
			text-decoration: none;
			border-right: solid 1px white;
		}
		#nav a:hover, #nav em {
			background: white url(/tpl/img/bg-nav-em.png) bottom repeat-x;
		}
			#nav em a, #nav em a:hover {
				color: #0d488c;
				padding: 0;
				background: none;
				border: none;
			}

/* Drop-down navigation */
div#dropdowns {
	border: none;
}
#dropdowns ul {
	position: absolute; 
	visibility: hidden;
	left:-100px; top:-100px;
	z-index: 10;
	width: 176px;
	text-align: left;
 }
	 #dropdowns li {
		padding: 0;
	}
	 	#dropdowns a {
			display: block;
			border-left: solid 4px #1b526d;
			border-bottom: solid 1px #a7c4d1;
			border-top: solid 1px #f2f2f2;
			color: #2d5b72;
			background: #d7dee2;
			padding: 0.3em 10px;
		}
		#dropdowns a:hover {
			color: white;
			background: #0375ad;
			border-bottom: solid 1px #0375ad;
			text-decoration: none;
		}

/* Copyright */
div#footer {
	position: relative;
}
	#footer p {
		text-align: center;
		color: #666;
		margin: 0 302px;
		padding: 1.5em 0;
		font-size: 90%;
	}
	p#realise {
		margin: 0;
		text-align: right;
		width: 302px;
		position: absolute;
		right: 30px;
		bottom: 0;
	}
		#footer a {
			color: #666;
			text-decoration: none;
			padding: 0.5em 0 0.5em 30px;
		}

/* General rules */
h1, h2 {font-weight: normal;}
h1, #subnav map h2, #related h2, #midcontent h1, #midcontent h2, #lowercontent h1, 
#lowercontent h2, #serviceenvironment dt, #serviceenvironment dd, #servicestech dt, 
#servicestech dd, #main .twocol h2 {
	font-family: 'Century Gothic', Arial, Helvetica, Verdana, Tahoma, sans-serif;
}
	h1 a, h2 a {
		text-decoration: none;
	}

cite {font-weight:bold;}
/* Killing lists */
ul,  li, dl, dt, dd, fieldset, legend {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: none;
}
ul {margin: 0 0 0.5em 0;}
	ul li {
		background: url(/tpl/img/bullet-default.png) top left no-repeat;
		padding: 0 0 0.5em 10px;
	}
		ul ul {margin-top: 0.5em;}
	
ol {margin: 0 0 0.5em -20px;}

	ol li {
		padding: 0 0 0.5em 0px;
		list-style-type:decimal;
	}	
	
.print, legend, #wai {display: none;}
.c {text-align: center;}
.r {text-align: right;}
a img {border: none;}
a {
	text-decoration: none;
	color: #069;
}
a:hover {text-decoration: underline;}
p { margin: 0 0 2em 0;}
input, select, textarea {
	font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
	font-size: 100%;
}
/* To indicate content which is omitted */
s, ins {
	text-decoration: none;
	color: black;
	background-color: #fcf;
	border: solid 1px #969;
	padding: 1px 3px;
}