/* ----------------------------------------------- */
/* GENERAL */
/* ----------------------------------------------- */
	* {
		margin: 0;
		padding: 0;
	}

	body {
		height: 100%;
		font-family: Arial, Verdana, Sans-Serif;
		text-align: center;
		font-size: 0.75em;
		background-color: #fff;
	}

	a {
		color: #000;
		text-decoration: none;
	}

	a:hover {
		text-decoration: underline;
	}

	p {
		margin-bottom: 10px;
	}

	h2, h3, h4, h5, h6 {
		color: #af006f;
		font-weight: bold;
		font-size: 1em;
		margin: 0 0 10px 0;
	}

	img {
		border: 0;
		display: block;
	}

	ul {
		list-style-type: disc;
	}

	hr {

	}

	.hide {
		position: absolute;
		top: -6000em;
	}

	.clear {
		clear: both;
	}


/* ----------------------------------------------- */
/* PAGE LAYOUT */
/* ----------------------------------------------- */

	#wrapper {
		width: 995px;
		margin: 0 auto;
		text-align: left;
	}

		#sidebar {
			float: left;
			width: 180px;
			padding: 30px 0 0 0;
			margin-left: 15px;
		}

		* html #sidebar {
			width: 180px;
		}

		#content {
			margin: 0 0 10px 0;
			padding: 30px 20px 0 0;
			float: left;
			width: 505px;
			display: inline; /* stops IE double float margin bug */
			color: #6c7a83;
		}

		/* Overrides for people & person pages. */
		#content.people {
			/*width: 505px; /* 520 */
		}

		/* Overrides for people & person pages. */
		#content.person .personinfo {
			margin: 0;
		}

		#sideimage {
			float:left;
			width:275px;
			padding-top: 30px;
		}

	#footer p {
		color: #a8afb5;
		font-size:90%;
		/*text-align:center;*/
		margin-left: 48px;
	}

	#footer p a {
		color:#000;
		text-decoration:none;
	}

	#footer p a:hover {
		text-decoration:underline;
	}



/* ----------------------------------------------- */
/* HEADER */
/* ----------------------------------------------- */

	#header {
		background-color: #af006f;
		height: 95px;
		width: 995px;
		position: relative;
	}

		#header h1 {
			width: 124px;
			height: 64px;
			position: absolute;
			right: 111px;
			top: 10px;
			overflow: hidden; /* to stop the title covering the page content when text size is increased */
		}

			#header h1 a {
				display: block;
				width: 124px;
				height: 64px; /* width and height must be repeated for IE5 mac */
				text-decoration: none;
				position: relative;
				color: #fff;
			}

				#header h1 span {
					background: url(/_images/logo.gif) no-repeat left top;
					position: absolute;
					width: 100%;
					height: 100%;
					top: 0px; /* top and left values needed for netscape 7 */
					left: 0px;
				}

		#header h2#cata_logo {
			width: 172px;
			height: 27px;
			position: absolute;
			top: 10px;
			left: 35px; /* 37px */
			overflow: hidden;
		}

			#header h2 span {
				background: url(/_images/cw_ci_logo.gif) no-repeat left top;
				position:absolute;
				width: 100%;
				height: 100%;
				top: 0px;
				left: 0px;
			}



	

/* ----------------------------------------------- */
/* LIST STYLES */
/* ----------------------------------------------- */

	#content ul {
		list-style: none;
		margin: 0 35px 15px 15px;

	}

		#content li {
			background: url(/_images/background/bg_li.gif) no-repeat 0px 3px;
			padding: 0 0 0 15px;
			margin: 0 0 7px 0;
		}

	#sidebar ul {
		list-style: none;
		margin: 0 0 35px 4px;
		line-height: 1.5em;
	}

	#sidebar #useful-links li {
		line-height: 1.2em;
	}

	#sidebar ul.ir li {
		margin: 0 0 15px 0;
	}

	#content dl {
		margin: 0 0 15px 0;
	}

		#content dt {
			color: #6c7a83;
			font-weight: bold;
			margin: 5px 0;
		}

		#content dd {
			margin: 5px 0;
		}

			#content dd a {
				color: #af006f;
			}

/* ----------------------------------------------- */
/* TABLES */
/* ----------------------------------------------- */

	table {
		border: 0;
		margin: 20px 0;
		font-size: 0.9em; /* needed for IE5.x windows */
		font-family: verdana, arial, helvetica, sans-serif;
	}

		tfoot {
			display: none;
		}

		thead th {
			background-color: #af006f;
			color: #fff;
		}

		th, td {
			padding: 5px;
		}

		td {
			background-color: #dedddd;
			color: #403f3f;
		}

		tr.even td {
			background-color: #ededed;
		}

		td a {
			color: #af006f;
		}


/* ----------------------------------------------- */
/* SIDEIMAGE */
/* ----------------------------------------------- */

	#sideimage img#logo {
		padding-left: 22px;
	}

	#sideimage div.side-image {
		width:275px;
		overflow:hidden;
	}

/* ----------------------------------------------- */
/* SIDEBAR */
/* ----------------------------------------------- */

	#sidebar h4 {
		margin: 0 0 10px 0;
	}

	#sidebar h2#thirdNav {
		width: 151px;
		height: 16px;
		top: 0px;
		left: 0px;
		position: relative;
		overflow: hidden;
	}

		#sidebar h2#thirdNav span {
			background: url(/_images/whatCanWeDo.png) no-repeat left top;
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0px; /* top and left values needed for netscape 7 */
			left: 0px;
		}

	#sidebar h2#uLinks {
		width: 98px;
		height: 16px;
		top: 0px;
		left: 0px;
		position: relative;
		overflow: hidden;
	}

		#sidebar h2#uLinks span {
			background: url(/_images/usefulLinks.png) no-repeat left top;
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0px; /* top and left values needed for netscape 7 */
			left: 0px;
		}

	#sidebar h2#glossaryIndex {
		width: 48px;
		height: 16px;
		top: 0px;
		left: 0px;
		position: relative;
		overflow: hidden;
	}

		#sidebar h2#glossaryIndex span {
			background: url(/_images/glossaryIndex.png) no-repeat left top;
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0px; /* top and left values needed for netscape 7 */
			left: 0px;
		}

	#sidebar a.current {
		text-decoration:underline;
	}

	.podcast {
		display:block;
		width:6.5em;
		height:18px;
		padding:10px 0 0 0;
		margin:0;
		background:#fff url(/_images/icons/podcast.gif) right top no-repeat;
	}

	.send {
		display:block;
		width:9em;
		height:18px;
		padding:0 5px 0 0;
		margin:0;
		background:#fff url(/_images/icons/send.gif) right top no-repeat;
	}

	.print {
		display:block;
		width:9em;
		height:18px;
		padding:0 0 0 0;
		margin:0;
		background:#fff url(/_images/icons/print.gif) right top no-repeat;
	}

/* ----------------------------------------------- */
/* GENERIC CONTENT STYLES */
/* ----------------------------------------------- */

	#content p a {
		color: #af006f;
	}

	#content div.inline-image {
		float: left;
		clear: left;
		margin: 0 10px 5px 0;
	}

	.binary {
		clear: both;
		margin:0 0 20px 0;
	}

	/*now unused*/
	.binary img {
		float:left;
		border:none;
		margin-right:10px;
	}

	.binary a {
		background: #fff url(/_images/icons/update.gif) no-repeat center left;
		padding: 4px;
		padding-left: 30px;
		height: 0px; /* needed for ie5 - so that the padding gets applied and the text doesn't cover the background image */
	}


/* ----------------------------------------------- */
/* INLINE IMAGES */
/* ----------------------------------------------- */

	img.flow-left {
		float:left;
		margin:0 10px 10px 0;
	}

	img.flow-right {
		float:right;
		margin:0 0 10px 10px;
	}

	img.block-right {
		float:right;
		clear:both;
		margin:0 0 10px 0;
	}

	img.block-left {
		margin:0 0 10px 0;
	}

	hr.clear {
		visibility:hidden;
		clear:both;
	}
	
/* ----------------------------------------------- */
/* NEWS ARTICLE STYLES */
/* ----------------------------------------------- */

	div.summary p {
		font-weight:bold;
		color: #af006f;
	}

/* ----------------------------------------------- */
/* GLOSSARY */
/* ----------------------------------------------- */

	dl#glossary-list {
		padding-top: 10px;
	}

		dl#glossary-list dt {
			background: #fff url(/_images/background/bg_glossary_hr.gif) no-repeat scroll top left;
			padding: 18px 0 5px;
			color: #af006f;
			font-size: 1.6em;
		}

		dl#glossary-list dt a,
		dl#glossary-list dt a:hover {
			color: #af006f;
			text-decoration:none;
		}

		dl#glossary-list dd {
			padding-bottom: 10px;
		}

			dl#glossary-list dd p {
				margin-top: 10px;
			}

			dl#glossary-list dd p.toplink {
				padding: 10px 0 18px 0;
			}

				dl#glossary-list dd p.toplink a {
					color: #000;
				}


/* ----------------------------------------------- */
/* Top of Page link */
/* ----------------------------------------------- */
	p.toplink {
		background: #fff url(/_images/background/bg_toparrow.gif) no-repeat 62px 14px;
		font-size: 0.88em;
	}


/* DEBUG */
	#content h3 {
		/*background-color: aqua;*/
	}

	h3.ir span {
		/*position: relative !important;*/
		/*display: none !important;*/
	}