/*

	1312 vs. Fudge Studios (The Way Ahead Group)

	

	written by Mike "1312" (mike at fudgestudios.com)

	for Fudge Studios (www.fudgestudios.com)
	
	
	
	
	the "our services/training/2008-2009 program" page uses the
	_services_training_ceos_chairs.rhtml
	template, rather than its own, as its a renamed page
	
	so:
	div.navTertiary ul li a.nav-t-2008-2009-programme
	is now the link path, where as it was:
	div.navTertiary ul li a.nav-t-ceos-and-chairs 				
	

*/

html {
	height: 100%;
}

body {
	background: #ded0c1 url("/images/sitewide/bg-site.jpg") no-repeat center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #fff;
	margin: 0;
	padding: 0;
	text-align: center; /* to set margin to the middle for IE6 */	
	height: 100%;
	margin-bottom: 0.01em; 	
}
	html[xmlns*=""] body:last-child {
		margin-bottom: 1px;
	}

:root { overflow-y: scroll; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ layouts */

div#wayAheadGroup{
	display: block;
	position: relative;
	margin: 0 auto;
	text-align: left; /* to escape left alignment from body for IE6 */
	width: 836px;
}	
	
	div#top {
		width: 836px;
		height: 57px;
	}
	
	div#navPrimary {
		background-color: #fff;
		width: 836px;
		height: 60px;
		position: relative;
	}
		div#navPrimaryMask {
			position: absolute;
			left: 0;
			top: 0;
			width: 836px;
			height: 60px;
			display: block;
			padding: 0;
			background-color: #fff;
			opacity: 0.5;
			filter: alpha(opacity=50);
		}
			div#navPrimaryMask span {
				visibility: hidden;
			}	
		
	div#content, div#content-2 {	
		width: 836px;
		_height: 1%;
		position: relative;
		display: block;
		background: url("/images/sitewide/bg-right.gif") no-repeat 627px top;
	}
		div#content:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
		}
		body.homepage div#content, body.homepage div#content-2 {
			/*height: 627px !important;*/
		}
					
		div#left {
			display: inline;
			width: 627px;	
			float: left;
		}
		
		div#right {	
			display: inline;
			width: 209px;	
			float: right;
			_margin-left: -1px;  /*no idea what ie is doing wrong here... */
		}
			body.homepage div#right {
				margin-top: -209px;
				_margin-top: -836px;
			}

			
	div#footer {
		width: 836px;
		height: 30px;
		overflow: visible;
		background-color: #fff;
		position: relative;
		margin-bottom: 50px;
	}
	

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ general styles */

h1 {
	display: block;
	width: 226px;
	height: 57px;
	float: left;
	background: url("/images/sitewide/top-h1-bg.gif") no-repeat left center;
	margin: 0;
	padding: 0;
}
	h1 a {
		text-indent: -1000em;
		display: block;
		width: 226px;
		height: 57px;
	}

h2 {
	margin: 0;
	padding: 0;
	font-size: 2.1em;
	font-weight: bold;
	color: #afd3bf;
	text-indent: -1000em;
}

h3 {
	margin: 0 0 1em 0;
	font-size: 1.6em;
	padding: 0;
	font-weight: normal;
	color: #fff;
}

h4 {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #81b197;
}

h5 {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
}

h6 {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: normal;
	color: #9ac1ac;
}

p {
	margin: 0 0 1.1em 0;
	padding: 0;
	font-size: 1.1em;
	line-height: 1.2em;
}

strong {
	font-weight: bold;
}

em {
	color: #000;
	font-style: normal !important;
}

ul {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 1.1em;
	line-height: 1.0em;
}

	ul li {
		margin: 0 0 0.4em 0;
		padding: 0 0 0 10px;
		background: url("../images/sitewide/bg-li.gif") no-repeat 0px 4px;
		list-style-type: none;
		font-size: 1.0em;
		line-height: 1.2em;
	}

ol {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 1.1em;
}

	ol li {
		margin: 0 0 1em 1.5em;
		padding: 0 0 0 0;
		font-size: 1.0em;
		list-style-type: decimal;
	}
	
dl {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 1.1em;
}
	dt {		
		clear: left;
		display: inline;
		float: left;
		font-weight: bold;
		width: 5em;
		color: #000;
		font-size: 1.0em;
	}
	dd {
		margin: 0 0 1em 0;
		padding: 0;
		font-size: 1.0em;
	}
	
img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

small {
	margin: 0;
	padding: 0;
	color: #ccc;
	font-size: 0.8em;
}

cite {
	margin: 3px 0 0 0;
	padding: 0 0 0 6px;
	color: #fff;
	font-size: 1.1em;
	display: block;
	font-style: normal;
	background: url("/images/sitewide/bg-cite.gif") no-repeat left 7px;
	font-weight: bold;
	line-height: 1.2em;
}

fieldset {
	margin: 0;
	padding: 0;
	border: 0 none;
}
	fieldset fieldset {
		padding: 0;
		border: 0 none;
		margin: 0;
	}
	fieldset legend {
		display: none;
	}
		fieldset fieldset legend {
			display: block;
			float: left;
			width: 150px;
			margin-right: 15px;
			color: #000;
		}
	fieldset ol {
		list-style-type: none;
		margin-bottom: 0.25em;
		font-size: 1em;
		padding-left: 0;
	}
		fieldset ol li {
			font-size: 1em;
			list-style-type: none;
			padding-left: 0;
			margin-left: 0;
		}
			fieldset ol li p {
				font-size: 1em;
			}
			fieldset ol li small, fieldset ol li .error {
				clear: left;
				display: inline;
				margin: 0 0 0 175px;
				padding: 0.4em 0 0 0;
				color: #000;
				font-size: 0.9em;
				letter-spacing: 0em;
				font-family: Arial, Helvetica, sans-serif;
			}
				fieldset ol li .error {
					color: #f00;
					font-weight: bold;
				}
	fieldset label {
		padding: 0 0 0.2em 0;
		margin: 0;
		font-size: 1.1em;
		display: block;
	}
		fieldset fieldset div {
		
		}
			fieldset fieldset div label {
				
			}
	fieldset em {
		color: #f00;
		font-weight: bold;
	}
	fieldset input {
		width: 170px;
		border: 1px solid #ccc;
		background-color: #fff;
		padding: 2px;
		margin: 0;
		font-size: 1.1em;
		font-family: Arial, Helvetica, sans-serif;
		color: #666;
	}
		/* class given to it by javascript, see common.js */
		fieldset input.submit {
			cursor: pointer;
			width: auto !important;
			color: #81b197;
			padding: 0 0 0 6px;
			text-decoration: none;
			font-weight: bold !important;
			background: url("/images/sitewide/bg-a-cO.gif") no-repeat left -10px;
			background: url("/images/sitewide/bg-a-cO.gif") no-repeat left 5px;
			border: 0 none;
			text-align: left;
		}
			fieldset input.submitHover {
				cursor: pointer;
				background-position: left -24px;
				color: #666;
			}
		input.file {
			width: auto;
		}
		input.checkBox {
			width: auto !important;
			border: 0 none;
		}
			p.formField input.checkBox {
				display: inline;
			}
		input.radio {
			width: auto !important;
			border: 0 none;
		}
		
	fieldset select {
		border: 1px solid #ccc;
		background-color: #fff;
		color: #555;
		padding: 2px;
		width: 165px;
		font-size: 1.1em;
	}
	fieldset button {
	
	}
	fieldset textarea {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.1em;
		width: 165px;
		padding: 0.2em;
		border: 1px solid #ccc;
		background-color: #fff;
		height: 65px;
		color: #555;
	}
	fieldset p.formField {
		color: #000;
	}
		fieldset p.formField label {
			display: inline;
			width: auto;
			text-align: left;
			margin: 0;
			padding: 0.2em 10px 0 0;
		}
		fieldset p.formField small {
			clear: right;
			display: inline;
			width: 395px;
			float: right;
			margin: 1em 0 0 0;
			padding: 0;
			font-size: 1.0em;
			color: #000;
		}
	fieldset p.alignRight {
		clear: both;
		float: none;
		display: block;
		padding-top: 2em;
	}
	fieldset p {
		_padding-top: 10px;
	}
	fieldset p input {
		font-size: 1em;
	}
		fieldset p input.submit {
			font-size: 1.1em;
		}
	
blockquote {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 1.1em;
	font-style: italic;
}
	blockquote p {
		margin: 0 0 1em 0;
		padding: 0;
		font-size: 1em;
		display: inline;
	}
	
table {
	border-collapse: collapse;
	margin: 0 0 1em 0;
	font-size: 1.1em;
	display: block;
	padding: 0;
	width: 402px;
}
	table.hover {
		cursor: pointer;
	}
	table caption {
		border-top: 1px solid #ccc;
		text-align: left;
		font-weight: bold;
		color: #666;
	}
		table.hover caption {
			background-color: #f3f6f7;
		}
	tr {
	}
		th {
			padding: 10px 5px 5px 0;
			background: url("/images/sitewide/bg-dot-grey.gif") repeat-x left top;
			font-weight: bold;
			vertical-align: top;
			color: #666;
		}
			tr.hover th {
				background-color: #fff;
			}
			table th.hover {
				color: #b3d0c1;
			}
		td {
			padding: 10px 5px 5px 0;
			background: url("/images/sitewide/bg-dot-grey.gif") repeat-x left top;
			vertical-align: top;
		}
			table.hover td {
				background-color: #b3d0c1;
			}
			tr.hover td {
				background-color: #fff;
			}
	thead {
	}
		thead tr {
		}
			thead tr td {
			}
			thead tr th {
			}
	tbody {
	}
		tbody tr {
		}
			tbody tr td {
			}
			tbody tr th {
			}
	tfooter {
	}
		tfooter tr {
		}
			tfooter tr td {
			}
			tfooter tr th {
			}

abbr, acronym {
	cursor: help;
	border-bottom: 1px dotted #000;
}

q {
	font-size: 1.5em;
	font-style: italic;
}
	q:before { content: no-open-quote; content: ""; }
	q:after { content: no-close-quote; content: ""; }
		
a {
	color: #81b197;
	text-decoration: none;
}
	a:hover {
		color: #666;
	}
	

	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ custom classes */

/* icon styles */
.icon-rss {
	background: url("/images/sitewide/icon-rss.gif") no-repeat left center;
	padding-left: 14px;
	color: #666;
}
	a.icon-rss {
		text-decoration: none;
	}
	a.icon-rss:hover {
		color: #81b197;
	}

a.callout-link {
	background: url("/images/sitewide/bg-a-cO.gif") no-repeat left -11px;
	padding-left: 8px;
	font-weight: bold;
}
	html[xmlns*=""] body:last-child a.callout-link {
		/*
		bg-a-cO-gn.gif
		bg-a-cO-wh.gif
		bg-a-cO-gy.gif
		*/
		background: url("/images/sitewide/bg-a-cO-wh.gif") no-repeat left 2px;
	}
	a.callout-link:hover {
		background-position: left -25px;
	}
		html[xmlns*=""] body:last-child a.callout-link:hover {
			background: url("/images/sitewide/bg-a-cO-gy.gif") no-repeat left 2px;	
		}

.hidden {
	visibility: hidden;
}
		
/* general alt styles */
span.list-larger h3 {
	color: #81b197 !important;
}
ul.list-larger, span.list-larger ul {
	font-size: 1.4em;
}
	ul.list-larger li, span.list-larger ul li {
		background: none;
		padding: 0;
		color: #666;
		margin: 0 0 0.25em 0;
	}
		ul.list-larger li a, span.list-larger ul a {
			color: #666;
		}
			ul.list-larger li a:hover, span.list-larger ul a:hover {
				color: #81b197;
			}
			
ul.articleList {
	font-size: 1em;
}
	ul.articleList li {
		background: none;
		padding: 0;
		font-size: 1em;
		clear: both;
		min-height: 67px;
		_height: 1%;
	}
		ul.articleList li h4 {
			color: #666;
			margin: 0 0 0.6em 0;
		}
			ul.articleList li h4.alt {
				color: #81b197;
			}			
		ul.articleList li h5 {
			color: #81b197;
			font-style: italic;
			font-weight: normal;
			margin: 0 0 0.5em 0;
		}
		ul.articleList li p {
			margin: 0 0 0.5em 0;
		}
		ul.articleList li a {
		}
			ul.articleList li a:hover {
			}
		ul.articleList li div.textHolder {
			display: inline;
			float: left;
			width: 320px;
		}
			
		ul.articleList li div.imgHolder {
			display: inline;
			float: left;
			width: 67px;
			height: 67px;
			margin: 0 15px 10px 0;
		}
			ul.articleList li div.imgHolder img {
				width: 67px;
				height: 67px;
				border: 0 none;
				margin: 0 !important;
			}
		ul.articleList li p em {
			font-style: italic;
		}
		
	/* variation on articleList */
	ul.resources {
	}
		ul.resources li {
			width: 290px;
		}	
		
		
ul.reservedRetreats {
	font-size: 1em;
}
	ul.reservedRetreats li {
		padding-left: 0;
		background-image: none;
		font-weight: normal;
		font-size: 1em;
		margin-top: 7px;
		margin-bottom: 20px;
	}
		ul.reservedRetreats li h4 {
			color: #666;
			margin: 0;
		}
		ul.reservedRetreats p {
			margin-bottom: 1.0em;
		}
		
		
div.paginator {
	background: url("/images/sitewide/bg-dot-grey.gif") repeat-x left top;
	padding: 12px 0 0 0;
	margin: 0;
}
	div.paginator p {
		text-align: left;
		margin: 0;
		padding: 3px 0 0 0;
	}
	div.paginator ul {
		display: inline;
		float: left;
		width: 45px;
		margin: 0 6px 0 0;
		padding: 0;
	}
		div.paginator ul li {
			display: inline;
			float: left;
			margin: 0;
			padding: 0;
			background: #fff;
		}
			div.paginator ul li.prev {
				width: 25px;
			}
			div.paginator ul li.next {
				width: 20px;
			}
			div.paginator ul li a {
				display: block;
				width: 20px;
				height: 20px;
				background-position: left 0;
				background-repeat: no-repeat;
				text-indent: -1000em;
			}
				div.paginator ul li a:hover {
					background-position: left -20px;
				}
			div.paginator ul li.prev a {
				background-image: url("/images/sitewide/bg-btn-left.gif");
			}
			div.paginator ul li.next a {
				background-image: url("/images/sitewide/bg-btn-right.gif");
			}
			
div.hr-dotted {
	background: url("/images/sitewide/bg-dot-grey.gif") repeat-x left top;
	height: 1px;
	margin: 0 0 1em 0;
	padding: 0;
	clear: both;
}
	div.hr-dotted hr {
		display: none;
	}
	
p.retreatReserve {
	background: #d9e7e0 url("/images/sitewide/bg-dot-grey.gif") repeat-x left top;
	padding: 8px 10px;
	margin: 0 0 10px 0;
}
	p.retreatReserve a {
	}
		p.retreatReserve a:hover {
		}
	p.retreatReserve strong {
		color: #900;
	}
div.retreatDescription {
}
	div.retreatDescription table {
	}
	div.retreatDescription table tr {
	}
	div.retreatDescription table tr th {
		background: none;
		color: #81b197;
	}
	div.retreatDescription table tr td {
		background: none;
	}
		div.retreatDescription table tr td ul {
			font-size: 1em;
		}
			div.retreatDescription table tr td ul li {
				background: none;
				padding: 0;
			}
	
fieldset.contactPage {
}
	fieldset.contactPage ol {
	}
		fieldset.contactPage ol li {
		}
			fieldset.contactPage ol li label {
				padding-bottom: 0.6em;
			}
			fieldset.contactPage ol li input {
			}


/* ~~~~~~~~~~~~~~~~~~~~~~~~ content block styles */
/* content block fixed sizes */
div.col1x1 {
	display: inline;
	width: 209px;
	height: 209px;
	float: left;
	overflow: hidden;
	position: relative;
	/* padding in box */
	width: 193px;
	height: 193px;
	padding: 7px 6px 9px 10px;
}
div.col2x1 {
	display: inline;
	width: 418px;
	height: 209px;
	float: left;
	overflow: hidden;
	position: relative;
	/* padding in box */
	width: 402px;
	height: 193px;
	padding: 7px 6px 9px 10px;
}
div.col2x2 {
	display: inline;
	width: 418px;
	height: 418px;
	float: left;
	overflow: hidden;
	position: relative;
	/* padding in box */
	width: 402px;
	height: 402px;
	padding: 7px 6px 9px 10px;
}
div.col2x3 {
	display: inline;
	width: 418px;
	height: 418px;
	float: left;
	overflow: hidden;
	position: relative;
	/* padding in box */
	width: 402px;
	height: 627px;
	padding: 7px 6px 9px 10px;
}
div.col1x2 {
	display: inline;
	width: 209px;
	height: 418px;
	float: left;
	overflow: hidden;
	position: relative;
	/* padding in box */
	width: 193px;
	height: 402px;
	padding: 7px 6px 9px 10px;
}
div.col1x3 {
	display: inline;
	width: 209px;
	height: 627px;
	float: left;
	overflow: hidden;
	position: relative;
	/* padding in box */
	width: 193px;
	height: 611px;
	padding: 7px 6px 9px 10px;
}
div.col3x1 {
	display: inline;
	width: 627px;
	height: 209px;
	float: left;
	overflow: hidden;
	position: relative;
	/* padding in box */
	width: 611px;
	height: 193px;
	padding: 7px 6px 9px 10px;
}
div.col3x2 {
	display: inline;
	width: 627px;
	height: 209px;
	float: left;
	overflow: hidden;
	position: relative;
	/* padding in box */
	width: 611px;
	height: 402px;
	padding: 7px 6px 9px 10px;
}
/* variable height? use these */
div.col1xX {
	display: inline;
	width: 209px;
	float: left;
	overflow: hidden;
	position: relative;
	/* padding in box */
	width: 193px;
	padding: 7px 6px 9px 10px;
}
	div#right div.col1xX  {
		/*padding: 7px 6px 10px 10px;*/
	}
	div.col1xX.alt {
		min-height: 402px;
		_height: 402px;
	}
div.col2xX {
	display: inline;
	width: 418px;
	float: left;
	overflow: hidden;
	position: relative;
	/* padding in box */
	width: 402px;
	padding: 7px 6px 9px 10px;
}
div.col3xX {
	display: inline;
	width: 627px;
	float: left;
	overflow: hidden;
	position: relative;
	/* padding in box */
	width: 611px;
	padding: 7px 6px 9px 10px;
}


/* bg colors */
div.bg-white {
	background-color: #fff;
}
	div.bg-white a.callout-link {
		background-position: left 3px;
	}
		html[xmlns*=""] body:last-child div.bg-white a.callout-link {
			/*
			bg-a-cO-gn.gif
			bg-a-cO-wh.gif
			bg-a-cO-gy.gif
			*/
			background: url("/images/sitewide/bg-a-cO-gn.gif") no-repeat left 2px;
		}
		div.bg-white a.callout-link:hover {
			background-position: left -25px;
		}
			html[xmlns*=""] body:last-child div.bg-white a.callout-link:hover {
				background: url("/images/sitewide/bg-a-cO-gy.gif") no-repeat left 2px;
			}
	div.bg-white h3 {
		color: #666;
	}
		div#right div.bg-white h3 {
			color: #666;
			background: url("/images/sitewide/bg-dot-grey.gif") repeat-x left bottom;
			height: 25px;	
			margin-bottom: 0.5em;
		}
	div.bg-white p, div.bg-white label {
		color: #666;
	}
	div.bg-white h4 {
		color: #81b197;
	}
	div.bg-white h5 {
		margin-top: -1em;
		font-weight: normal;
		font-style: italic;
		color: #81b197;
	}
	div.bg-white table {
		margin-top: -10px;
	}
	div.bg-white ul, div.bg-white blockquote p, div.bg-white table, div.bg-white ol {
		color: #81b197;
	}
		div.bg-white table td.col1, div.bg-white table th.col1 {
			width: 165px;
			width: 145px;
		}
		div.bg-white table td.col2 {
			width: 110px;
			width: 125px;
			padding-left: 5px;
		}
		div.bg-white table td.col3 {
			width: 105px;
		}
		div.bg-white table ul {
			width: 229px;
		}
			div.bg-white table ul li {
				display: inline;
				float: left;
				width: 115px;
			}
div.bg-grey {
	background-color: #2d2c2c;
}
	div.bg-grey a {
		color: #fff;
	}
		div.bg-grey a:hover {
			color: #666;
		}
	div.bg-grey p {
		color: #81b197;
	}
div.bg-green {
	background: #81b197;
	color: #fff;
}
	div.bg-green a {
		color: #666;
	}
		div.bg-green a:hover {
			color: #fff;
		}
		div.bg-green a.callout-link, div#right div.bg-green a {
			color: #fff;
		}
			div.bg-green a.callout-link:hover, div#right div.bg-green a:hover {
				color: #666;
			}
	div.bg-green ul li {
		background-image: url("/images/sitewide/bg-li-wh.gif");
	}
	div#right div.bg-green {
		background: #81b197 url("/images/sitewide/bg-panelGreen.gif") no-repeat left top;
		border-top: 1px solid #cfe3d8;
		margin-top: -1px;
	}
		div#right div.bg-green.last, div#right div.bg-green:last-child, body.homepage div#right div.bg-green {
			border-bottom: none;
		}
		div.lastGreenDiv {
			border-bottom: none;
			margin-bottom: 0;
		}
		div.firstGreenDiv {
			border-top: none !important;
			margin-top: 0 !important;
		}
	div#right div.bg-green h3 {
		background: url("/images/sitewide/bg-dot-green.gif") repeat-x left bottom;
		height: 25px;	
		margin-bottom: 0.5em;		
		text-indent: -1000em;
		background-position: -10px bottom;
	}
div.bg-green-white {
	background: #fff url("/images/sitewide/bg-green-209x209.gif") no-repeat left top;
}
div.bg-white-green {
	background: #81b197 url("/images/sitewide/bg-white-209x209.gif") no-repeat left top;
}
div.text-white p {
	color: #fff;
}

/* other modifiers */
div#content div.floatRight {
	float: right;
	text-align: left;
}
div#content div.clearLeft {
	clear: left;
}
div#content img {
	margin: -7px 0 10px -10px;
}
div#content p.moreLink {
	position: absolute;
	left: 10px;
	bottom: 6px;
}

/* specifics */

div.intro {
	padding-right: 218px;
	background: url("/images/sitewide/bg-intro-arrow.gif") no-repeat 10px 133px;
}
	div.intro h2 {
		text-indent: -1000em;
		background: url("/images/sitewide/bg-hp-h2-welcome.gif") no-repeat -5px top;
		width: 354px;
		height: 24px;
		display: block;
		overflow: hidden;
		margin: 0;
		padding: 0;
	}
	div.intro h3 {
		background: url("/images/sitewide/bg-hp-h3-weAre.gif") no-repeat left top;
		width: 354px;
		height: 92px;
		display: block;
		overflow: hidden;
		margin: 0;
		padding: 0 0 0 1000em;
	}

div.featuredIdea {
}
	div.featuredIdea p {
		font-size: 1.5em;
		color: #afd3bf;
	}
		div.featuredIdea p.moreLink {
			font-size: 1.1em;
		}
		
/* emcc */
div.emcc {
	background-image: url("/images/about-us/landing/emcc.gif");
	background-position: left bottom;
	background-repeat: no-repeat;		
}

/* mailing list */
div.mailingList {
	display: inline;
	clear: left;
	width: 209px;
	height: 418px;
	float: left;
	position: relative;
	overflow: hidden;
}
	div.mailingListSlider {
		position: absolute;
		height: 209px;
		width: 1000px;
		top: 209px;
		left: 0;
		background-color: #81b197;
	}
		div.mailingListPanel {
			display: inline;
			width: 209px;
			height: 209px;
			float: left;
		}
		
div.listFloatLeft {	
}
	div.listFloatLeft ul {
		display: inline;
		float: left;
		width: 201px;
		margin: 0;
		padding: 0;
	}
		div.listFloatLeft ul li {
			width: 191px;
			position: relative;
			left: -15px;
		}
			div.listFloatLeft ul>/**/li {
				position: static;
				left: 0;
			}
	
/* touts */

div.quote {
}

div.latestNews {

}
	div.latestNews h3 {
		background-position: left top;
		text-indent: -1000em;
		position: relative;
		left: -10px;
	}
	div.latestNews div.newsItems {
		height: 142px;
		overflow: hidden;
		width: 189px;
		display: block;
		position: relative;
	}
		div.latestNews div.newsItems ul {
			margin: -2px 0 0 0;
			padding: 0;
			font-size: 1em;
			position: absolute;
			top: 0;
		}
			div.latestNews div.newsItems ul li {
				margin: 0 0 8px 0;
				padding: 0 0 0px 0;
				background: url("/images/sitewide/bg-dot-grey.gif") repeat-x left bottom;
				height: 64px;
				font-size: 1em;
			}
				div.latestNews div.newsItems ul li h4 {
					color: #666;
					margin: 0;
					padding: 0;
					
					height: 13px;
					overflow: hidden;
					margin-bottom: -1px;
				}
				div.latestNews div.newsItems ul li h5 {
					font-weight: normal;
					font-style: italic;
					color: #666;
					margin: 0 0 0px 0;
					padding: 0;
				}
				div.latestNewsdiv.newsItems  ul li p {
					color: #666;
					margin: 0 0 0 0;
					padding: 0;
				}
				div.latestNews div.newsItems p.newsItemsMore {
					margin-top: -5px;
					_margin-top: 0;
				}
					html[xmlns*=""] body:last-child div.latestNews div.newsItems ul li p.newsItemsMore {
						margin-top: 0;
					} 
					div.latestNews div.newsItems ul li p em {
					}
			
	div.latestNews ul.scroller {
	}
		div.latestNews ul.scroller li {
			position: absolute;
			right: 10px;
			display: block;
			width: 20px;
			height: 20px;
			background: none;
		}
			div.latestNews ul.scroller li.up {
				top: 8px;
			}
			div.latestNews ul.scroller li.down {
				bottom: 0px;
			}
			div.latestNews ul.scroller li a {
				display: block;
				width: 20px;
				height: 20px;
				background-position: left 0;
				background-repeat: no-repeat;
				text-indent: -1000em;
			}
				div.latestNews ul.scroller li a:hover {
					background-position: left -20px;
				}
				div.latestNews ul.scroller li.up a {
					background-image: url("/images/sitewide/bg-btn-up.gif");
				}
				div.latestNews ul.scroller li.down a {
					background-image: url("/images/sitewide/bg-btn-down.gif");
				}

div.testimonials {
}
	div.testimonials q {
		border-left: 5px solid #b3d0c1;
		display: block;
		padding: 2px 0;
		
		background-color: #b3d0c1;
		padding: 2px 2px 4px 2px;
		width: 180px;
	}
		div.testimonials q span {
			border-left: 0px solid #b3d0c1;
			border-right: 0px solid #b3d0c1;
			margin: 0;
			padding: 0 0;
			display: inline;
			background-color: #b3d0c1;
			text-indent: 0;
		}
	div.testimonials cite {
		padding: 0.5em 0 0 0;
		background: none;
	}
	
div.navTertiary {
	position: relative;
	overflow: visible;
}
	div.navTertiary ul {
		padding: 0;
		margin: 0;
		font-size: 1.5em;
		position: absolute;
		left: -15px;
	}
		div.navTertiary ul li {
			background: none;
			padding: 0 0 0 24px;
			margin: 0 0 4px 0;		
		}
			div.navTertiary ul li.current {
				background: url("/images/sitewide/bg-navTertiary-current.gif") no-repeat left 3px;
			}
			div.navTertiary ul li a {
				color: #fff;
				display: block;
				width: 193px;
				height: 16px;
				background-position: left top;
				background-repeat: no-repeat;
			}
				div.navTertiary ul li a:hover, div.navTertiary ul li.current a {
					color: #666;
					background-position: left -90px;
				}
				
				/* our-services/coaching */
				div.navTertiary ul li a.nav-t-chair-and-ceo-partnership-coaching {
					background-image: url("/images/our-services/2008-2009-programme/nav-chair-and-ceo.gif");
					text-indent: -1000em;
					height: 36px;
				}
				div.navTertiary ul li a.nav-t-maternity-coaching {
					background-image: url("/images/our-services/2008-2009-programme/nav-maternity-coaching.gif");
					text-indent: -1000em;
				}
				div.navTertiary ul li a.nav-t-new-and-merging-teams {
					background-image: url("/images/our-services/2008-2009-programme/nav-new-and-merging.gif");
					text-indent: -1000em;
				}
				
				/* our-services/coaching */
				div.navTertiary ul li a.nav-t-coaching-programme {
					background-image: url("/images/our-services/coaching/nav-coachingProgramme.gif");
					text-indent: -1000em;
				}
				div.navTertiary ul li a.nav-t-how-we-help-our-clients {
					background-image: url("/images/our-services/coaching/nav-howWeHelp.gif");
					text-indent: -1000em;
				}
				div.navTertiary ul li a.nav-t-our-approach {
					background-image: url("/images/our-services/coaching/nav-ourApproach.gif");
					text-indent: -1000em;
				}
				div.navTertiary ul li a.nav-t-purpose-of-coaching {
					background-image: url("/images/our-services/coaching/nav-purposeOfCoaching.gif");
					text-indent: -1000em;
				}
				/* our-services/retreats */
				div.navTertiary ul li a.nav-t-parcevall-hall {
					background-image: url("/images/our-services/retreats/nav-parceval.gif");
					text-indent: -1000em;
				}
				/*div.navTertiary ul li a.nav-t- {
					background-image: url("/images/our-services/retreats/nav-retreats.gif");
					text-indent: -1000em;
				}*/
				div.navTertiary ul li a.nav-t-overview {
					background-image: url("/images/our-services/retreats/nav-overview.gif");
					text-indent: -1000em;
				}
				div.navTertiary ul li a.nav-t-team-retreats {
					background-image: url("/images/our-services/retreats/nav-teamRetreats.gif");
					text-indent: -1000em;
				}
				div.navTertiary ul li a.nav-t-the-group-retreats {
					background-image: url("/images/our-services/retreats/nav-theGroup.gif");
					text-indent: -1000em;
				}
				/* our-services/training */
				div.navTertiary ul li a.nav-t-six-golden-questions {
					background-image: url("/images/our-services/training/nav-6golden.gif");
					text-indent: -1000em;
				}
				div.navTertiary ul li a.nav-t-action-learning {
					background-image: url("/images/our-services/training/nav-actionLearning.gif");
					text-indent: -1000em;
				}
				div.navTertiary ul li a.nav-t-the-big-questions {
					background-image: url("/images/our-services/training/nav-bigQuestions.gif");
					text-indent: -1000em;
				}
				div.navTertiary ul li a.nav-t-ceos-and-chairs {
					background-image: url("/images/our-services/training/nav-ceos.gif");
					text-indent: -1000em;
				}
				div.navTertiary ul li a.nav-t-2008-2009-programme {
					background-image: url("/images/our-services/training/nav-2008-2009.gif");
					text-indent: -1000em;
				}
				div.navTertiary ul li a.nav-t-developing-coaching {
					background-image: url("/images/our-services/training/nav-developingCoaching.gif");
					text-indent: -1000em;
				}
				div.navTertiary ul li a.nav-t-the-four-intelligences {
					background-image: url("/images/our-services/training/nav-fourIntelligencies.gif");
					text-indent: -1000em;
				}
				/* our-services/psychological */
				div.navTertiary ul li a.nav-t-councelling-at-work {
					background-image: url("/images/our-services/psychological/nav-counselling.gif");
					text-indent: -1000em;
				}
				div.navTertiary ul li a.nav-t-managing-emotions {
					background-image: url("/images/our-services/psychological/nav-managingEmotions.gif");
					text-indent: -1000em;
				}
				div.navTertiary ul li a.nav-t-preparing-for-redundancy {
					background-image: url("/images/our-services/psychological/nav-preparing.gif");
					text-indent: -1000em;
					height: 36px;
				}
				/* our-services/group */
				div.navTertiary ul li a.nav-t-2007-retreats {
					background-image: url("/images/our-services/group/nav-2007retreats.gif");
					text-indent: -1000em;
				}
				div.navTertiary ul li a.nav-t-2008-retreats {
					background-image: url("/images/our-services/group/nav-2008retreats.gif");
					text-indent: -1000em;
				}
				div.navTertiary ul li a.nav-t-2009-retreats {
					background-image: url("/images/our-services/group/nav-2009retreats.gif");
					text-indent: -1000em;
				}
				div.navTertiary ul li a.nav-t-2010-retreats {
					background-image: url("/images/our-services/group/nav-2010retreats.gif");
					text-indent: -1000em;
				}
				div.navTertiary ul li a.nav-t-2011-retreats {
					background-image: url("/images/our-services/group/nav-2011retreats.gif");
					text-indent: -1000em;
				}
				div.navTertiary ul li a.nav-t-the-group {
					background-image: url("/images/our-services/group/nav-group.gif");
					text-indent: -1000em;
				}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ div specific styles */

div#navPrimary ul {
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 1em;
}
	div#navPrimary ul li {
		margin: 0 18px 0 0;
		padding: 0;
		background: none;
		display: inline;
		float: left;
		position: relative;
	}
		div#navPrimary ul li a {
			background-repeat: no-repeat;
			background-position: 0px -5px;
			height: 22px;
			text-indent: -1000em;
			display: block;
			margin: 0;
			padding: 0;
			border-top: 5px solid #fff;
		}
			div#navPrimary ul li a:hover {
				background-position: 0px -27px;
			}
			
		div#navPrimary ul li.current {			
		}
			div#navPrimary ul li.current a {
				background-position: 0px -27px;
				border-top: 5px solid #81b197;
			}
				div#navPrimary ul li.current a:hover {

				}
			div#navPrimary ul li.current ul {
				position: absolute;
				left: 0;
				top: 28px;
				width: 347px;				
				overflow: visible;
				margin: 0;
				padding: 0;
				background: url("/images/sitewide/bg-navSecodary-ul.gif") no-repeat left top;
			}
			
				/* TO DO */
				/* ie 6 menu hell - this is a hack, needs cleaning up */
				div#navPrimary ul li.current ul {
					_width: 425px !important;
					_background: none !important;
				}
		
				div#navPrimary ul li.current ul li {
					margin: 0;
					padding: 0;
					overflow: visible;
				}
					div#navPrimary ul li.current ul li a {
						background-position: 0px -5px;
						position: relative;
						left: -12px;
						border-top: 0 none;
						margin: 5px 6px 0 0;
					}
						div#navPrimary ul li.current ul li a:hover {
							background-position: 0px -27px;
						}
					div#navPrimary ul li.current ul li.current {
						
					}
						div#navPrimary ul li.current ul li.current a {
							background-position: 0px -49px;
						}						
						
		
		/* top level */
		div#navPrimary ul li.nav-home a {
			background-image: url("/images/navigation/bg-nav-home.gif");
			width: 34px;
		}	
		div#navPrimary ul li.nav-ourServices a {
			background-image: url("/images/navigation/bg-nav-ourServices.gif");
			width: 72px;
		}	
		div#navPrimary ul li.nav-aboutUs a {
			background-image: url("/images/navigation/bg-nav-aboutUs.gif");
			width: 54px;
		}
		div#navPrimary ul li.nav-news a {
			background-image: url("/images/navigation/bg-nav-news.gif");
			width: 32px;
		}	
		div#navPrimary ul li.nav-resources a {
			background-image: url("/images/navigation/bg-nav-resources.gif");
			width: 60px;
		}	
		div#navPrimary ul li.nav-contact a {
			background-image: url("/images/navigation/bg-nav-contact.gif");
			width: 112px;
		}	
		
		/* secondary level navs */
		/* about us */
		div#navPrimary ul li.nav-aboutUs.current ul {
			width: 375px;
			background-position: -392px top;
		}
		div#navPrimary ul li.nav-key-people a {
			background-image: url("/images/navigation/aboutUs/bg-nav-keyPeople.gif");
			width: 75px;
		}	
		div#navPrimary ul li.nav-clients a{
			background-image: url("/images/navigation/aboutUs/bg-nav-clients.gif");
			width: 50px;
		}
		div#navPrimary ul li.nav-testimonials a {
			background-image: url("/images/navigation/aboutUs/bg-nav-testimonials.gif");
			width: 80px;
		}
		div#navPrimary ul li.nav-vision-and-values a {
			background-image: url("/images/navigation/aboutUs/bg-nav-visionValues.gif");
			width: 98px;
		}
		div#navPrimary ul li.nav-csr a {
			background-image: url("/images/navigation/aboutUs/bg-nav-csr.gif");
			width: 38px;
		}
	
		
		/* secondary level navs */
		/* our services */
		div#navPrimary ul li.nav-ourServices.current ul {
			width: 425px;
				width: 568px;
					width: 658px;
			background-position: -344px top;
				background-position: -270px top;
					background-position: -190px top;
		}
		div#navPrimary ul li.nav-programme-2008-2009 a {
			background-image: url("/images/navigation/ourServices/bg-nav-2008-2009-programme.gif");
			width: 143px;
		}
		div#navPrimary ul li.nav-services_programme a {
			background-image: url("/images/navigation/ourServices/bg-nav-programme.gif");
			width: 77px;
		}		
		div#navPrimary ul li.nav-coaching a {
			background-image: url("/images/navigation/ourServices/bg-nav-coaching.gif");
			width: 65px;
		}
		div#navPrimary ul li.nav-retreats a {
			background-image: url("/images/navigation/ourServices/bg-nav-retreats.gif");
			width: 60px;
		}
		div#navPrimary ul li.nav-training a {
			background-image: url("/images/navigation/ourServices/bg-nav-training.gif");
			width: 55px;
		}
		div#navPrimary ul li.nav-psychological-services a {
			background-image: url("/images/navigation/ourServices/bg-nav-psychological.gif");
			width: 139px;
		}
		div#navPrimary ul li.nav-the-group a {
			background-image: url("/images/navigation/ourServices/bg-nav-theGroup.gif");
			width: 72px;
		}
		
		/* secondary level navs */
		/* resources */
		div#navPrimary ul li.nav-resources.current ul {
			width: 250px;
			background-position: -610px top;
		}
		div#navPrimary ul li.nav-ideas a {
			background-image: url("/images/navigation/resources/bg-nav-ideas.gif");
			width: 42px;
		}
		div#navPrimary ul li.nav-articles a {
			background-image: url("/images/navigation/resources/bg-nav-articles.gif");
			width: 52px;
		}
		div#navPrimary ul li.nav-tools a {
			background-image: url("/images/navigation/resources/bg-nav-tools.gif");
			width: 42px;
		}
		
		
#left fieldset {
	display: inline;
	float: left;
}
#left h3 {
	text-indent: -1000em;
	background-position: -9px -8px;
	background-repeat: no-repeat;
	height: 34px;
	margin: 0px 0 0 -2px;
}

#right input, #right select {
	border: 0 none;
	padding: 3px 2px;
}

#right input.submit {
	background: url("/images/sitewide/bg-a-cO.gif") no-repeat left -10px;
	color: #fff;
	font-size: 1em;
	padding: 0 0 0 6px;
}
	#right input.submit.hover {
		color: #666;
		background-position: left -24px;
	}
	
#right input.ff-yourName {
	background: #fff url("/images/sitewide/bg-ff-yourName.gif") no-repeat left top;
}
#right input.ff-yourEmail {
	background: #fff url("/images/sitewide/bg-ff-yourEmail.gif") no-repeat left top;
}
	#right input.noBg {
		background: #fff !important;
	}
	
#right ol li {
	margin: 0 0 1em 0;
	list-style-type: none;
}
												
div#footer p {
	position: absolute;
	left: 10px;
	top: 8px;
	color: #666;
}
	div#footer p#madeBy {
		top: 35px;
		background: url("/images/sitewide/bg-footer-madeBy.gif") no-repeat 0px 3px;
		padding-left: 12px;
	}
		div#footer p#madeBy a {
			color: #fff;
		}
			div#footer p#madeBy a:hover {
				color: #666;
			}
			
div#footer ul {
	position: absolute;
	right: 10px;
	top: 8px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
	div#footer ul li {
		display: inline;
		margin: 0 0 0 0;
		padding: 0 5px 0 8px;
		background: none;
		border-left: 1px solid #d1d1d1;
	}
		div#footer ul li.first {
			border: 0 none;
		}
		div#footer ul li a {
			color: #666;
		}
			div#footer ul li a:hover {
				color: #81b197;
			}
			
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ for the transition */

img#maskLoadingSpinner {
	width: 35px;
	height: 35px;
	position: absolute;
	left: 403px;
	top: 193px;
}

div#content.whiteBG {
	background: #fff;
}
div#content-2 {
	position: absolute;
	left: -3000px;
	top: 0;
}	

div.maskDiv {
	display: block;
	width: 209px;
	height: 209px;
	position: absolute;
	background-color: #fff;
	z-index: 100;
}
	div.maskDiv span {
		visibility: hidden;
	}	
	

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ page specific styles */
div.bg-white p.members-notice {
	padding: 1.4em;
	color: #fff;
	background-color: #81b197;
	text-align: center;
	margin: 0 0 2em 0;
}
	div.bg-white p.members-notice a {
		color: #666;
	}
		div.bg-white p.members-notice a:hover {
			color: #fff;
		}