
/* ------------------------------Initialise -------------------------------*/
/* This section is for style resets, a:link styles and common classes. */


	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend, button,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}
	
	article, aside, dialog, figure, footer, header, hgroup, nav, section {display : block; }	

	:focus {outline: 0;}
	
	::selection {
		background: #fcf9b1; /* Safari */
		}
	::-moz-selection {
		background: #fcf9b1; /* Firefox */
	}
	
	ol, ul {
		list-style: none;
		margin-bottom:10px;
		margin-left:10px;
	}
	
	table {border-collapse: separate;border-spacing: 0;}
	
	caption, th, td {
		text-align: left;
		font-weight: normal;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {content: "";}
	blockquote, q {quotes: "" "";}

	p {margin:15px 0;}
	img {border:none;}
	img.border {padding:5px;border:1px solid #ddd;}
	p img {margin:5px;}
		
	strong {font-weight:bold;}
	em {font-style:italic;}
	
	sup {font-size:x-small; vertical-align:top;}
	sub{font-size:x-small; vertical-align:bottom;} 

	hr {  
	border: 0;
	width: 100%;
	color: #ddd;
	background-color: #ddd;
	height: 1px;
	}
	
	.left {float:left;}
	.left img {margin:5px;}
	.right {float:right;}
	.right img {margin:5px;}
	.center {margin:auto;text-align:center;}
	.clear {clear:both;}
	.spacer {margin-bottom:100px;}
	.small, small {font-size:0.8em;}
	
	.text-left {text-align:left;}
	.text-right {text-align:right;}
	.text-center {text-align:center;}

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

	.credit 	{padding:0;margin:0;}
	.credit span	{font-size:0.6em;display:block;text-align:center;padding:0;margin:0;}
	
	.inline li {display:inline;}
	
	.hidden {display:none;visibility:hidden}
	.nopadding {padding:0;margin:0;}

	blockquote {
		padding: 5px 0;
		margin:0 auto;
		width:80%;
		text-align:center;
		font-size: 130%;
		color:#777;
		font-style:italic;
		line-height: 150%;
		border-top:1px solid #ddd;
		border-bottom:1px solid #ddd;
	}		
	
		@font-face {
			font-family: 'AdelleBasicBold';
			src: url('font/adellebasic_bold-webfont.eot');
			src: local('?'), url('font/adellebasic_bold-webfont.woff') format('woff'), url('font/adellebasic_bold-webfont.ttf') format('truetype'), url('font/adellebasic_bold-webfont.svg#webfont7r3hx51u') format('svg');
			font-weight: normal;
			font-style: normal;
		}	
	


	
body { 
	background:#f7f7f7 url(../img/linen3.png); 
	font : 100%/1.4 Cambria, Georgia, Times, serif;
	color : #444;
	/*border-top:8px solid #7b006b;*/
	border-bottom:8px solid #7b006b;
	position:relative;
	padding-top:5px;
	}
	
	.top, .bottom {position:fixed;left:0;height:6px;width:100%;background-color:#7b006b;z-index:999;border:none !important;}
		.top {top:0;-moz-box-shadow:2px 2px 10px #333;}	
		.bottom {
			bottom:0;
			height:20px;
			background:url(../img/border-bottom.png) repeat-x bottom left;
			}
	
	a:link, a:visited {color:#7b006b;text-decoration:none;border-bottom:1px solid #ccc;}
	a:visited {color:#480441;}
	a:hover	{color:#9b0187;border-bottom:1px solid #9b0187;}	
	
	a.more {background:#7b006b;color:#fff;padding:1px 5px;-moz-border-radius:5px;border:none;white-space:nowrap;float:right;margin-top:5px;-moz-box-shadow:1px 1px 2px #666;}
	a.more:hover {background:#9b0187;color:#fff;-moz-box-shadow:1px 1px 2px #111;-webkit-box-shadow:1px 1px 2px #111;box-shadow:1px 1px 2px #111;}
	
	.AdelleBasic {
		font-weight: normal; 
		font-style: normal; 
		line-height:normal; 
		font-family: 'AdelleBasicBold', arial, sans-serif;
	}
		
		h1, h2 {
			font-size:62px;
			margin:0px;
			color:#7b006b;
			line-height:140%;
			
		}
		
		h1.catalyticat {color:#bfbfbf;margin-left:0px;margin-top:10px;font-size:2.4em;float:left;}
		h1.catalyticat a {
			color:#bfbfbf;
			border:none;
			text-shadow:1px 1px #fff;
			background:url(../img/catalyticat_logo.png) no-repeat top left;
			display:block;
			height:50px;
			padding-top:10px;
			padding-left:70px;
			}
		h1.catalyticat a:hover  {color:#888;background-position:bottom left;}
		
		
		hgroup h1 a {line-height:100%;border:none !important;text-decoration:none;}
		
			h1 strong {color:#480441;font-weight:normal;}
		
		h3 {
			font-size:28px;
			color:#888;
			margin:5px 0 -10px;
			text-shadow:1px 1px #fff;
			letter-spacing:0.03em;
			text-transform:uppercase;
			}
		
		p {
			font-weight: normal;
			font-style: normal;
			font-size: 1.05em;
			color:#555;
		}
		



.content { 
	position : relative;
	width : 80%; /* 940px */
	min-width : 640px;
	max-width : 1200px; 
	margin : 0 auto 1.5em auto; 
	padding:10px 0;
}

	.nav {float:right;margin-top:23px;padding-left:20px;}
		.nav li {display:inline;font-size:1.2em;}
			.nav li a:link, .nav li a:visited  {border:none;}
				.nav li a:link span, .nav li a:visited span {color:#888;padding:5px 10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
			
			.nav li a:hover {background:url(../img/selected_arrow_purple.png) 70% 100% no-repeat;padding-bottom:15px;}
			.nav li a:hover span {color:#fff;background:#7b006b;}
				
			.nav li a.selected {background:url(../img/selected_arrow.png) 70% 100% no-repeat;padding-bottom:15px;}
			.nav li a.selected span, .nav li a.loading span {background:#ddd;color:#666;}

			.loading {background:url(../img/loading.gif) no-repeat 0% 60%;}
		

		
	.date {color:#aaa;font-size:1.2em;margin:5px 0;margin-top:25px;}
	.nav-links {color:#ccc;font-size:0.9em;margin:5px 0;margin-left:10px;margin-top:25px;}
	.nav-links a {color:#aaa;font-size:1.05em;text-decoration:none;border:none;}
		.nav-links a:hover {color:#7b006b;}

.content-main { 
	float : left; 
	width : 69%; /* 540 / 940 = .57 */
	min-height:562px;
	padding-right:0px;
	clear:none;
}

		.col {
		 -moz-column-width: 310px;
		-webkit-column-width: 310px;
		-moz-column-gap: 25px;
		-webkit-column-gap: 25px;
		}	
			
		.col p.credit { column-span:all; }

		img.border {
			padding:10px;
			border:1px solid #ddd;
			margin-bottom:-10px;
			clear:both;
			-moz-box-shadow:1px 1px 10px #aaa;
			-webkit-box-shadow:1px 1px 10px #aaa;
			background:#fff;
			}
			
		.blurb {
			padding-left:10px;
			font-size:0.9em;
			color:#777;
			display:block;
			text-shadow:1px 1px #fff;
			}	
		
		a.pdf {
			background:url(../img/pdf_icon.png) bottom left no-repeat;
			padding-left:45px;
			display:block;
			height:40px;
			padding-top:5px;
			text-decoration:none;
			border-bottom:none;
			margin-top:25px;
			}
			
			.indented {margin-left:45px;margin-top:-19px;display:block;}
		
.content:after { 
	content : "\0020"; 
	display : block; 
	height : 0; x
	clear : both; 
	visibility : hidden; 
	overflow : hidden; 
}

.right-bar { 
	float : right; 
	width : 25.5%; /* 340 / 940 = .36 */  
	padding:5px;
	padding-left:20px;
	font-size:0.95em;
	max-width:200px;
	border-left:1px solid #ddd;
	
}

	.right-bar h3 {font-size:1.2em;text-align:center;color:#999;margin-bottom:5px;}
	
	.quicklinks li {padding:2px 0;}
	.quicklinks a {white-space:nowrap;color:#666;padding:1px 0px;margin-left:3px;}
	.quicklinks a:hover {color:#7b006b;}
	.quicklinks li.current a {background:#7b006b;padding:1px 3px;margin-left:0;color:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:none;margin-top:5px;-moz-box-shadow:1px 1px 2px #666;}

	.quote {font-style:italic;color:#777;line-height:130%;}
	.quote small {display:block;text-align:right;font-size:0.8em;margin-top:5px;font-style:normal;}
	
	a.fancybox {border:none;}
	
	a.noline {border:none !important;margin-right:10px;padding-top:10px;}
	
#footer {
	margin-top:30px;
	font-size:1em;
	padding:10px;
	background:#e3e3e3;
	color:#777;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}	



/* ------------------------------ Tooltips -------------------------------*/

a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {
	display:block; 
	position:absolute; 
	bottom:25px; 
	left:-170px; 
	padding:5px; 
	font-weight:normal; 	 
	color:#333;
	width:240px;
	text-align:left;
	size:0.9em;
	background:#ddd;
	line-height:150%;
	opacity:1;
	/*-moz-box-shadow: 2px 2px 5px #444;
	box-shadow: 2px 2px 5px #444;*/
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-border-radius:5px;
}
a.tooltip:hover b em {position:absolute; bottom:-10px;right:40px; width:27px; height:10px; padding:0px; background:url(../img/selected_arrow.png) repeat-x 0 0; display:block; font-size:1px;}

/* ------------------------------------ MEDIA QUERIES --------------------------------------------------------- */

.content-main {
line-height : 1.7; }

@media all and (max-width : 1000px) {
.content-main {
line-height : 1.6; }

@media all and (max-width : 900px) {
.content-main {
line-height : 1.5; }

@media all and (max-width : 800px) {
.content-main {
line-height : 1.3; }

@media all and (max-width : 500px) {
.content-main {
line-height : 1.15;  }


/* ---------------------------------------------------- */
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

