* {
	margin: 0;
	padding: 0;
}

body {
	font: 90% Arial, Helvetica, Verdana, sans-serif;
	line-height: 155%;
	background-color: #f7f6f5;
}
html>body {font-size: 12px;}

a {
	color: #33037D;
	text-decoration: underline;
	border: none;
}
img {
	border-style: none;	
}
h1 {
	color: #056839;
	font-size: 170%;
	letter-spacing: 1px;
	font-weight: normal;
	padding-bottom: 5px;
	line-height: 120%
}
h1.replace {
width: 247px; height: 47px;
background: url(images/h1-text.png);
text-indent: -9999px;
}
h1.about {
	width: 247px; height: 47px;
	background: url(images/about-us.png);
	text-indent: -9999px;
}
h1.centre {
	width: 247px; height: 47px;
	background: url(images/the-centre-faculty.png);
	text-indent: -9999px;
}
h1.training {
	width: 347px; height: 77px;
	background: url(images/training-systemic-family-constellations.png);
	text-indent: -9999px;
}
h1.workshops {
	width: 347px; height: 47px;
	background: url(images/family-constellation-workshops.png);
	text-indent: -9999px;
}
h1.contact {
	width: 347px; height: 47px;
	background: url(images/contact.png);
	text-indent: -9999px;
}
h1.history {
	width: 347px; height: 47px;
	background: url(images/a-little-history.png);
	text-indent: -9999px;
}
h1.ongoing {
	width: 347px; height: 47px;
	background: url(images/ongoing-groups.png);
	text-indent: -9999px;
}



h2 {
	margin: 0px;
	color: #1F308D;
	font-size: 115%;
	padding-top: 15px;
	padding-bottom: 0px;
	font-weight: normal;
}
h2 a {
	color: #056839;
}

h2.training {
	width: 365px; height: 35px;
	background: url(images/professional-course.png);
	text-indent: -9999px;
	padding:0px;
}
.skip {
       position: absolute;
       left: -999em;
       width: 990em;
}
a.skip:active,  a.skip:focus {
        left: 8.5em;
        color: #000000;
}
a.skip:hover,  a.skip:focus {
        left: 8.5em;
        color: #000000;
}
#pagewrapper {
	width: 906px;
	margin: 0px auto;
}
#header {
	height: 161px;
}

#content {
	background: url(images/middle.png) repeat-y;
	min-height: 540px;
	position: relative;
}
#content p {
	padding-top: 10px;
}


/* ===== MAIN ===== */

#content div.main {
	padding-top: 70px;
	padding-left: 152px;
	padding-bottom: 20px;
	float: left;
	width: 500px;
}
#content div.main p {
	color: #000000;
	padding-right: 50px;
}
#content div.main ul {
	padding-left: 12px;
	padding-right: 30px;
}

#foundation, #training, #supervision {
	float: left;
}
#foundation, #training, #supervision p {
	padding-top: 15px;
	line-height: 130%;
}

/* ===== SIDEBAR ===== */

#content div.sidebar {
	float: left;
	width: 225px;
	padding-top: 110px;
	padding-right: 5px;
}
#content div.sidebar p {
	font-size: 120%;
	line-height: 150%;
	text-align: right;
	color: #cce5fe;
	padding-left: 70px;
}

#content div.sidebar .spiral {
	position: absolute;
	width: 137px;
	height: 102px;
	right: 10px;
	bottom: 0px;
	padding: 0px;
	margin: 0px;
	background: url(images/sidebar-spiral.png) no-repeat;
}




/* ===== Menu ===== */

#menu {
	width: 906px;
	height: 39px;
	background: url(images/menu-back.png) no-repeat;
}
#menu ul {
	height: 39px;
	padding-left: 152px;
}
#menu li {
	float: left;
	list-style: none;
	padding-right: 38px;
}
#menu li a {
	display: block;
	padding-top: 7px;
	text-align: center;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}
#menu li a.current {
	color: #ffcc33;
	padding-bottom: 3px;
}
#menu li a:hover {
	color: #ffff00;
	padding-bottom: 3px;
}	


/* ===== Footer ===== */

#footer {
	background: url(images/footer.png) no-repeat;
	height: 37px;
}
#copyright {
	font: 80% Helvetica, Arial, Verdana, sans-serif;
	color: #999999;
	text-align: right;
	padding-right: 10px;
	padding-bottom: 30px;
	}

.clear {
	clear: both;
}