/* CSS DISPLAY SCREEN THE PINK */

/* ---------- 1. 0 Misc ---------- */

*   {
	padding:0;
	margin:0;
	border:0;
	}
	
body {
	color:#000;
	font: 0.7em "Arial", Tahoma, Helvetica, Sans-Serif;
	background:#FECECA;
	padding-bottom:60px;
	}

.end {
	clear:both;
	list-style:none;
	height:0;
	font-size:0;
	}

#container3 {
	width:768px;
	margin:0 auto;
	position:relative;
	z-index:5;
	text-align:center;
	}
	
#container6 {
	padding:0 6px;
	width:756px;
	text-align:left;
	}

#header, .homeTab, .contactTab, object, img {
	display:none;
	}
	
/* ---------- 2.0 COL LEFT AND RIGHT ---------- */
#colLeft {
	width:243px;
	float:left;
	}

#colRight {
	width:513px;
	float:right;
	padding-top:20px;
	}



/* ---------- 3.0 LOGO ---------- */

h1 {
	font-size:3.8em;
	}

h2 {
	width:243px;
	font-size:2em;
	margin-bottom:2em;
	}

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


	/* ---------- 3.1 accessibility ---------- */
	
	#accessibility dl {
		position:absolute;
		top:0;
		right:2px;
		z-index:100;
		background:none;
		width:120px;
		height:17px;
		padding:3px 3px 0 6px;
		text-decoration:none;
		color:#000;
		text-align:center;
		font-weight:bold;
		}

	#accessibility dt, #accessibility dd {
		float:left;
		}

	#accessibility dt {
		margin:0 9px 0 0;
		}

	#accessibility a {
		display:block;
		padding:0px 3px;
		height:10px;
		width:5px;
		background:none;
		color:#000;
		border:1px solid #000;
		text-decoration:none;
		font-size:0.8em;
		font-weight:bold;
		margin:0 0 0 1px;
		}

	#accessibility a.decrease {
		display:block;
		margin:0 0 0 1px;
		}

	#accessibility a:hover {
		background:#000;
		color:#FFFC00;
		}

	#accessibility strong {
		margin:0 3px 0 5px;
		}

	/* ---------- 3.2 STYLE SWITCHER ---------- */
	
	#styleSwitcher dl {
		position:absolute;
		top:0;
		right:125px;
		z-index:100;
		background:none;
		width:137px;
		height:17px;
		padding:3px 3px 0 10px;
		text-decoration:none;
		color:#000;
		text-align:center;
		font-weight:bold;
		}

	#styleSwitcher dt, #styleSwitcher dd {
		float:left;
		}

	#styleSwitcher dt {
		margin:0 5px 0 0;
		}

	#styleSwitcher a {
		display:block;
		padding:1px 4px;
		height:10px;
		width:5px;
		background:#EFEADE;
		color:#6F5822;
		text-decoration:none;
		font-size:0.8em;
		font-weight:bold;
		margin:0 0 0 3px;
		}

	#styleSwitcher .style2 a {
		background:#000;
		color:#fff;
		}

	#styleSwitcher .style3 a {
		background:#fff;
		color:#E2007A;
		}


	#styleSwitcher a:hover {
		background:#E2007A;
		color:#fff;
		}
		
	/* ---------- 3.3 SKIP TO CONTENT---------- */	
	.skypContent {
		position:absolute;
		top:0;
		right:279px;
		z-index:100;
		background:none;
		width:84px;
		height:17px;
		padding:3px 3px 0 3px;
		text-decoration:none;
		color:#000;
		text-align:center;
		font-weight:bold;
		}
	
	.skypContent:hover {
		text-decoration:underline;
		}



	

/* ---------- 4.0 MENU ---------- */

#menu h3 {
	font-size:2.4em;
	line-height:0.6em;
	}

#menu ul {
	padding:5px 20px 30px 0;
	display:block;
	list-style:none;
	}
	
#menu li {
	display:block;
	}

#menu li a {
	color:#000;
	text-decoration:none;
	font-weight:bold;
	font-size:1.3em;
	padding:19px 0 3px 5px;
	display:block;
	width:170px;
	}

#menu li a.selected, #menu li a:hover {
	color:#000;
	border-bottom:dashed 1px #000;
	}

/* ---------- 5.0 CONTENT ---------- */
#content1 h3 {
	font-size:2.2em;
	padding:10px 25px 8px 25px;
	}

#content2 {
	padding:10px 25px 8px 25px;
	}

.blockWrapper {
	}

.blockLeft {
	float:left;
	}
	
.blockRight {
	float:right;
	}

#content2 h4 {
	font-size:2.2em;
	margin-bottom:10px;
	}
	
#content2 h5 {
	font-size:1.2em;
	}

#content2 p {
	line-height:1.8em;
	margin-bottom:1.5em;
	font-size:1.3em;
	}

#content2 ul {
	margin:0 0 35px 15px;
	display:block;
	}

#content2 ul ul {
	margin:8px 0 35px 15px;
	display:block;
	}

#content2 li {
	font-size:1.3em;
	margin-bottom:12px;
	}

#content2 li li {
	font-size:1.0em;
	}

#content2 li span {
	}

#content2 .pdfFile {
	background: url(images/pdf-ico.gif) 100% 0 no-repeat;
	padding:0 23px 3px 0;
	margin-right:9px;
	}

#content2 a {
	font-weight:bold;
	text-decoration:none;
	color:#000;
	border-bottom:1px dashed #000;
	}

#content2 a.top {
	color:#000;
	width:auto;
	padding:20px 0 0 0;
	text-decoration:none;
	}

#content2 a.back {
	display:block;
	width:160px;
	font-size:1.2em;
	padding:3px 15px 11px 0;
	margin:15px 0 0 0;
	}

#content2 a.viewMore {
	padding-left:22px;
	font-size:1.2em;
	position:relative;
	display:block;
	top:-5px;
	}


#content2 a:hover {
	color:#000;
	}
	
	/* ---------- 5.2 SIX STAGE PROCESS---------- */
	
	.sixStage .blockRight {
		width:300px;
		}
	
	.sixStage .blockLeft {
		width:120px;
		}

	#content2 ul#stage {
		margin:6px 0 0 0;
		}

	#content2 #stage li {
		font-size:1.3em;
		display:block;
		text-decoration:none;
		width:137px;
		margin:0 0 2.8em 0;
		}

	#content2 #stage span {
		display:block;
		color:#000;
		border:1px solid #000;
		}

	#content2 #stage strong {
		padding:12px 10px 30px 10px;
		text-align:center;
		display:block;
		}





	/* ---------- 5.2 SUBMENU ---------- */
	
	#submenu {
		padding:0 25px 10px 25px;
		font-size:1.1em;
		}

	#submenu h4 {
		float:left;
		color:#000;
		font-size:1.0em;
		margin:0 3px 3px 0;
		}

	#submenu h4 span {
		display:block;
		}

	#submenu h4 strong {
		padding:5px 18px 5px 10px;
		display:block;
		}


	#submenu li {
		list-style:none;
		display:inline;
		float:left;
		margin:0 3px 3px 0;
		position:relative;
		z-index:5;
		}

	#submenu li a {
		float:left;
		background:none;
		color:#000;
		background:#FECECA;
		font-size:1.0em;
		display:block;
		border:1px solid #000;
		text-decoration:none;
		}

	#submenu ul.submenu {
		visibility:hidden;
		position:absolute;
		padding:2px;
		display:block;
		width:204px;
		background:none;
		top:25px;
		left:0;
		z-index:10;
		}

	#submenu ul.submenu li {
		display:block !important;
		margin:0;
		}

	#submenu ul.submenu li a {
		display:block;
		padding:5px 10px;
		width:184px;
		font-weight:bold;
		}

	#submenu li a span {
		display:block;
		}

	#submenu li a strong {
		padding:5px 10px 5px 10px;
		display:block;
		}

	#submenu li a:hover, #submenu li a.selected {
		color:#000;
		}

	/* ---------- 5.3 CALENDAR ---------- */
	#calendar {
		background:#000;
		}

	#calendar ul {
		display:block;
		margin:2px 0;
		padding:0;
		}
	
	#calendar ul li{
		display:inline;
		float:left;
		margin:0;
		background:none;
		}
	
	#calendar a.calendarNext, #calendar a.calendarPrev, #calendar a.viewAll {
		background:#FECECA;
		color:#000;
		padding:6px 6px;
		height:19px;
		text-decoration:none;
		width:25px;
		float:left;
		display:block;
		}

	#calendar a.calendarNext {
		text-align:right;
		}

	#calendar a.viewAll {
		text-align:center;
		width:230px;
		background:#FECECA;
		font-size:1.2em;
		color:#000;
		font-weight:bold;
		}

	#calendar a.calendarNext:hover, #calendar a.calendarPrev:hover, #calendar a.viewAll:hover {
		text-decoration:underline;
		}

	#calendar a.viewAll:hover {
		text-decoration:underline;
		}
		
	#calendar span.month {
		background:#FECECA;
		color:#000;
		padding:6px 6px;
		text-decoration:none;
		width:157px;
		height:19px;
		text-align:center;
		font-size:1.1em;
		float:left;
		display:block;
		font-weight:bold;
		}

	#calendar table {
		background:#000;
		display:block;
		position:relative;
		z-index:10;
		}

	#calendar col.lastCol {
		width:20%;
		}

		
	#calendar td {
		}
		
	#calendar td span {
		background:#FECECA;
		border:2px solid #FECECA;
		padding:5px 9px 5px 8px;
		display:block;
		color:#000;
		}


	#calendar td span a {
		display:none;
		position:absolute;
		padding:6px 10px;
		background:#000;
		color:#fff;
		text-decoration:none;
		width:220px;
		z-index:200;
		top:-30px;
		left:0;
		}

	#calendar td span.event {
		background:#000;
		color:#fff;
		border:2px solid #000;
		cursor:pointer;
		}

	#calendar td span.today {
		border:2px solid #000;
		}


	/* ---------- 5.4 ACCOUNT & CONTACT FORM---------- */
	
	#contactus form {
		width:465px;
		}
	
	#contactus p {
		margin-top:10px;
		position:relative;
		display:block;
		width:100%;
		top:0;
		left:0;
		z-index:10;
		}

	#contactus dd.radio {
		margin-bottom:12px;
		position:relative;
		}
	
	#contactus label {
		padding-right:210px;
		font-size:1.0em;
		display:block;
		}
	
	#contactus input, #form select {
		border:1px solid #000;
		width:200px;
		position:absolute;
		/*display:block;*/
		background:#FECECA;
		color:#000;
		right:0;
		top:0;
		height:1.3em;
		font-size:1.0em;
		z-index:200;
		}
	
	#contactus select {
		width:202px;
		background:#000;
		color:#FECECA;
		font-weight:bold;
		height:1.2em;
		}
		
	#contactus .checkBox label {
		padding:0 0 0 20px;
		}

	#contactus .checkBox input {
		border:0;
		height:16px;
		width:16px;
		left:0;
		top:0;
		z-index:200;
		}
	
	#contactus .radio input {
		border:0;
		margin-right:236px;
		height:16px;
		width:16px;
		}
		
	#contactus .radio2 input {
		border:0;
		margin-right:5px;
		height:16px;
		width:16px;
		}
	
	#contactus #last input {
		border:0;
		margin-right:234px;
		height:16px;
		width:16px;
		}
	
	#contactus select option {
		color:#FECECA;
		background:#000;
		padding:3px 9px;
		border-bottom:1px solid #000;
		font-size:1.0em;
		font-weight:normal;
		}
	
	#contactus textarea {
		border:1px solid #000;
		width:462px;
		height:160px;
		margin-top:8px;
		font-size:1.2em;
		color:#000;
		background:#FECECA;
		}
	
	#contactus .button input {
		background:#000;
		color:#FECECA;
		font-weight:bold;
		font-size:1.1em;
		cursor:pointer;
		width:160px;
		height:1.6em;
		position:static;
		padding:0 0 3px 0;
		margin:0 0 10px 0px;
		}
	
	
	#contactus a.button { 
		display:block; 
		text-align:center;
		text-decoration:none;
		height:1.6em;
		padding:5px 0 0 0;
		}
	
/* ---------- 6.0 SERVICE BOXES ---------- */
#services1 {
	clear:both;
	width:756px;
	}

#services1 .threeServices {
	border-bottom:3px solid #000;
	}

#home #services1 .threeServices {
	height:250px;
	}
	
#services1 .serviceBox {
	float:left;
	width:243px;
	position:relative;
	left:0;
	top:0;
	z-index:20;
	height:180px;
	}


#services1 #systemsBox, #services1 #supportBox, #services1 #newsletterBox {
	width:256px;
	}

#services1 #resourcesBox, #services1 #trainingBox,  #services1 #clientsBox {
	width:257px;
	}

#services1 .serviceBox h3 {
	display:block;
	background:#FECECA;
	color:#000;
	font-size:1.3em;
	padding:9px 10px;
	border:1px solid #000;
	}


#services1 .serviceBox h3 a {
	font-weight: bold;
	font-size: 0.9em;
	position:absolute;
	width:104px;
	padding:5px 0 0 8px;
	z-index:21;
	right:8px;
	top:9px;
	color:#FECECA;
	background:#000;
	text-decoration:none;
	}

#services1 .serviceBox .content {
	font-size: 1.0em;
	padding:5px 10px 10px 15px;
	display:block;
	}

#services1 #clientsLogo a {
	display:block;
	width:257px;
	height:140px;
	color:#000;
	font-size:2.4em;
	text-align:center;
	background:none !important;
	position:relative;
	top:40%;
	}

#services1 .serviceBox p {
	margin-bottom:10px;
	}

#services1 .serviceBox ul {
	margin:0 0 10px 20px;
	display:block;
	}

#services1 .serviceBox li {
	color:#000;
	margin-bottom:8px;
	}

#services1 #quickLinksBox li {
	color:#000;
	margin:11px 0;
	font-size:1.1em;
	}

#services1 .serviceBox li span {
	color:#000;
	}

#services1 .serviceBox h4 {
	text-decoration:none;
	font-size:1.05em;
	color:#000;
	margin-bottom:0.2em;
	}

#services1 .serviceBox a {
	font-weight:normal;
	text-decoration:none;
	color:#000;
	}

#services1 .content a.viewMore {
	color:#000;
	font-weight:normal;
	display:block;
	border-top:1px dashed #000;
	padding-top:6px;
	margin-top:6px;
	position:relative;
	z-index:100;
	}

#services1 .content a.viewMore strong {
	color:#000;
	font-size:1.5em;
	position:relative;
	top:1px;
	}

#services1 .serviceBox .content a:hover {
	color:#000;
	}


	/* ---------- 6.1 NEWSLETTER ---------- */

	
	#mailinglist {
		padding:8px 13px 2px 13px;
		display:block;
		position:relative;
		}
		
	#mailinglist dt {
		font-size:1.1em;
		font-weight:bold;
		float:left;
		position:absolute;
		}
		
	#mailinglist dd {
		margin-bottom:9px;
		position:relative;
		top:0;
		left:0;
		z-index:40;
		width:228px;
		}
	
	#mailinglist label {
		font-weight:normal !important;
		}
	
	#mailinglist .checkBox label {
		display:inline;
		}
	
	#mailinglist input {
		width:110px;
		background:#FECECA;
		border:1px solid #000;
		height:1.3em;
		font-size:1.1em;
		position:absolute;
		right:0;
		z-index:50;
		color:#000;
		}

	#mailinglist .checkBox input {
		border:0;
		width:14px;
		background:none;
		height:auto;
		font-size:1.1em;
		font-weight:bold;
		position:static;
		}
	
	#mailinglist .button {
		background:#000;
		color:#FECECA;
		font-weight:bold;
		font-size:1.1em;
		cursor:pointer;
		width:110px;
		height:1.5em;
		position:static;
		padding:0 0 3px 0;
		margin:0;
		}



/* ---------- 7.0 ACCREDIATIONS ---------- */
#accreditation1 {
	padding:0 6px;
	}

#accreditation2 {
	border-top:2px solid #000;
	background:#FECECA;
	padding:12px 10px;
	}
	
#accreditation1 li {
	display:inline;
	list-style:none;
	float:left;
	padding:5px;
	background:#000;
	margin:0 11px 0 10px;
	}

#accreditation1 li img{
	display:block;
	}





/* ---------- 8.0 FOOTER ---------- */
#footer1 {
	color:#000;
	font-size:1.4em;
	clear:left;
	font-weight:bold;
	}

#footer2 {
	}

#footer3 {
	padding:20px 15px 25px 15px;
	text-align:center;
	}

#footer1 li {
	display:inline;
	list-style:none;
	float:left;
	}

#footer1 li.copyright {
	margin-left:20px;
	float:right;
	}

#footer1 li.powered {
	margin-left:20px;
	float:right;
	}

#footer1 p {
	display:inline;
	margin:0;
	padding:0;
	}

#footer1 a {
	color:#000;
	text-decoration:none;
	font-weight:normal;
	margin:0 5px;
	}

#footer1 a:hover {
	color:#000;
	text-decoration:none;
	border-bottom:2px dotted #000;
	}


/* ---------- 9.0 NOTIFICATION ---------- */
#notification {
	background:#FECECA;
	width:200px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-50px 0 0 -50px;
	color:#000;
	z-index:1000;
	display:none;
	padding:10px 10px;
	text-align:left;
	border:2px solid #000;
	}

#notification h3 {
	font-size:1.7em;
	}

#notification p {
	background:#FECECA;
	display:block;
	padding:9px 10px;
	margin-bottom:10px;
	color:#000;
	}

#notification a {
	border:#000 solid 2px;
	background:#000;
	color:#FECECA;
	font-weight:bold;
	cursor:pointer;
	width:150px;
	height:1.8em;
	position:static;
	padding:2px 10px;
	margin:0 0 10px 0px;
	text-decoration:none;
	}