/* Create to Relate Stylesheet */

/* General Styles */
body {
	background: #940F66 url(../_images/bg.gif) top repeat-x;
	font: 0.7em arial, sans-serif;
	color: #fff;
	line-height: 150%;
	text-align: left;
	padding: 0;
	margin: 0;
	height: 100%;
}

p {
	margin: 0 0 1em 0;
}

a {
	text-decoration: none;
	color: #8C8C8C;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}

li {
	padding: 0;
	margin: 0;

}

h1, h2, h3, h4, h5, h6 {
	color: #474747;
	letter-spacing: -1px;
	margin: 1em 0 .4em 0;
	font-family: verdana, sans-serif;
	font-weight: bold;
}


.sIFR-hasFlash h1 {
    visibility: hidden;
    /* other CSS properties go here */
	font: 2.0em arial, sans-serif;
	color: #EE3F24;
}

h2 {
	font-size: 1.3em;
	letter-spacing: normal;
	color: #9A4D9E;
}
h3 {
	font-size: 1.3em;
	letter-spacing: normal;
	color: #9A4D9E;
}

h4 {
	font-size: 1.3em;
	letter-spacing: normal;
	color: #9A4D9E;
}

/* Global Layout Elements
----------------------------------------------- */

#wrapper {
	width: 1094px;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	clear: both;
	position: relative;	
}

#topBar{
	background: url(../_images/top_header.gif) top left no-repeat;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 1094px;
	height: 80px;
}

#mainBoxout {
	margin: 0 0 0 0;
	width: 1094px;
	height: 279px;
	clear: both;
	background: url(../_images/logo_header.jpg) top left no-repeat;
}

#mainContent {
	clear: both;
	margin: 0 0 0 0;
}

/* Top Nav
----------------------------------------------- */

#topNavContainer{
	background: url(../_images/top_nav.gif) top left no-repeat;
	padding: 0 0 0 125px;
	margin: -11px 0 0 0;
	width: 1094px;
	height: 34px;
}

#topNavContainer a{
	color: #fff;
}

#topNav li{
   float: left;
   padding: 0 16px 0 16px;
   margin: 10px 0 0 0;
   border-left: 1px solid white;
   line-height: 1;
   list-style-type: none;
}

#topNav .creative_therapies{
   border: 0;
}

#topNavActive a {
	text-decoration: underline;
}


/* Site Navigation - Left Hand Column
----------------------------------------------- */

#navContainer {
	background: url(../_images/middle_nav.jpg) top left no-repeat;
	padding: 0 0 0 153px;
	width: 1094px;
	height: 142px;
	}

#navContainer ul {
	margin: 0;
	padding: 0;
	line-height: 1.0;
	width: 800px;
	float: left;
}

#navContainer li { 
	float: left;
	list-style: none;
	margin: 0;
}

#navContainer a {
	width: 131px;
	display: block;
	height: 45px;
	line-height: 16px;
	text-align: center;
	padding: 10px 0 0 0;
	color: #fff;
	position: relative;
}

#workshop_training {
	width: 131px;
	background: url(../_images/training_btn.gif) top left no-repeat;
}

#creative_therapies{
	width: 131px;
	background: url(../_images/tablet_btn.gif) top left no-repeat;
}

#behavioural_management_skills {
	width: 131px;
	background: url(../_images/tablet_btn.gif) top left no-repeat;
}

#work_in_schools{
	width: 131px;
	background: url(../_images/work_in_schools_btn.gif) top left no-repeat;
}

/* Columns
----------------------------------------------- */

#middleCol{
	color: #7E0046;
	background: url(../_images/content.gif) top left repeat-y;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 1094px;
	float: left;
}

/* for Internet Explorer */
/*\*/
* html #middleCol {
	height: 100px;
}
/**/

#contentTop{
	background: url(../_images/header_content.jpg) top left no-repeat;
	width: 1094px;
	height: 87px;
	margin: 0 0 0 0;
}

#outerMiddleColLeft {
	width: 540px;
	margin: -60px 0 0 0;
	padding: 0 0 0 150px;
	float: left;
	clear: both;
}

#middleColLeft {
	width: 540px;
	float: right;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: left;
}


#outerMiddleColRight {
	width: 282px;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	float: left;
}

#middleColRight {
	width: 260px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float: right;
}

#middleColLeft ul.imgs {
	clear:both;
	overflow:hidden;
	margin:0 0 18px;
	padding:0;
}
* html #middleColLeft ul.imgs {height:1%;}
#middleColLeft ul.imgs li {
	float:left;
	padding:6px 32px;
	list-style:none;
}
#middleColLeft ul.imgs li img {
	display:block;
	margin:0;
	border:none;
}

.leftCol{
	float:right;
	clear:both;
	width:120px;
	padding:0px 0px 5px 5px;
}

.leftCol img{
	border:1px solid black;
}

/* Form Elements */

fieldset {
	border: none;
	padding: 0 !important;
	margin: 0 0;
}




	
/* Footer
----------------------------------------------- */

#contentBottom{
	
	margin: 0 0 0 -150px;
	height: 194px;
	width: 1094px;
	background: #940F66 url(../_images/content_bottom.jpg) top center no-repeat;
}


#footerWrapper {
	background: #940F66 url(../_images/footer.gif) top center no-repeat;
	height: 139px;
	width: 1094px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	clear: both;
}
#contact_details{
	float: left;
	padding: 10px 0 0 120px;
}
#site_details{
	color: #fff;
	float: right;
	margin: 0 0 0 0;
	padding: 28px 120px 0 0;
}

#footer p {
	padding: 0;
	margin: 0;
}

a.link{
	color: #fff;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* Access */
#access {
	position: absolute;
	left: -1000px;
	width: 990px;
	font-size:1px; 
	line-height: 1px;
}
.hideme, label.hideme {
	display: none;
}