* { border: none; outline: none; text-decoration: none }
a { color: #000 }
a img { border: 1px solid #ccc; padding: 3px }
abbr, acronym { font-variant: small-caps }
address, cite, dfn, em, i, var { font-style: italic }
b, optgroup, strong, th { font-weight: bolder }
code, pre, samp { font-family: 'Lucida Console', 'Lucida Typewriter', monospace }
h1 { margin: 0; padding: 0 }
h2 { font-size: 2em; margin: 0; padding: 0 }
html { background: #333; color: #fff; font: normal small/1.4 Georgia, Times, serif; margin: 0; overflow-y: scroll; padding: 4em }
p { margin: 0; padding: 0; text-indent: 2em }
p:first-child { text-indent: 0 }
pre { overflow: auto; white-space: pre }
small, sub, sup { font-size: smaller }
.gallery { list-style: none; margin: 0 -.5em; padding: 0 }
.gallery li { display: block; float: left; list-style: none; margin: .5em; padding: 0 }
.gallery li a img { width: 60px }
.section { clear: both; padding: 1em 2em }

body {
	border-color: #000;
	border-style: solid;
	border-width: 1px 1px 4px 1px;
	color: #333;
	margin: 0 auto;
	max-width: 96em;
	min-width: 48em;
}

h1 {
	font-size: 60px;
	font-weight: normal;
	letter-spacing: -.1em;
	line-height: 1
}

#wrap {
	border: 36px solid #fff
}

#header {
	background: #ccc/* url('20050820_head.png') no-repeat center*/;
	color: #fff;
	text-align: center
}

#the4ps {
	background: #000;
	font-family: 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', Verdana, sans-serif;
	height: 128px;
	list-style: none;
	margin: 0;
/*	opacity: .5;*/
	padding: 0
}

#the4ps li {
	background: #000;
	display: block;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 25%
}

#the4ps li a {
	color: #fff;
	display: block;
	height: 28px;
	letter-spacing: .2em;
	padding: 100px 0 0 2em;
	text-align: left
}

/*#the4ps #people a:active { background: #f0c url('20050819_the4ps_p1.png') no-repeat top center !important }*/
#the4ps #people a:hover, .people #people a { background: #f0c }
/*#the4ps #partners a:active { background: #fc0 url('20050819_the4ps_p2.png') no-repeat top center !important }*/
#the4ps #partners a:hover, .partners #partners a { background: #fc0 }
/*#the4ps #programme_types a:active { background: #cf0 url('20050819_the4ps_p3.png') no-repeat top center !important }*/
#the4ps #programme_types a:hover, .programme_types #programme_types a { background: #cf0 }
/*#the4ps #prices a:active { background: #0cf url('20050819_the4ps_p4.png') no-repeat top center !important }*/
#the4ps #prices a:hover, .prices #prices a { background: #0cf }


#header { position: relative }
#header dl { display: none }
	#logo { font-variant: small-caps }

#body { background: #fff; clear: both }

.people			a:hover img { border-color: #f0c }
.people			#title { background: #f0c; clear: both; color: #fff; width: 50%; float: left; text-align: right }
.people			#abstract { background: #f0c url('img_32.png') repeat; clear: left; color: #000; float: left; font-weight: bolder; text-align: center; width: 25% }
.people			#menu { background: #f0c; clear: right; float: left; width: 25% }
.people			#content { background: #fff; float: right; width: 50% }

.people #menu { position: fixed; top: 363px; left: 310px; width: 215px }
.people #content :target { background: transparent url('img_32.png') repeat }

.partners		a:hover img { border-color: #fc0 }
.partners		#title { background: #fc0; clear: both; color: #fff; width: 50%; float: left; text-align: right }
.partners		#abstract { background: #fc0; clear: left; color: #000; float: left; font-weight: bolder; text-align: center; width: 25% }
.partners		#menu { background: #fc0; clear: right; float: left; width: 25% }
.partners		#content { background: #fff; float: right; width: 50% }

.programme_types	a:hover img { border-color: #cf0 }
.programme_types	#title { background: #cf0; clear: both; color: #fff; width: 50%; float: right; text-align: left }
.programme_types	#abstract { background: #cf0; clear: right; color: #000; float: right; font-weight: bolder; text-align: center; width: 25% }
.programme_types	#menu { background: #cf0; clear: left; float: right; width: 25% }
.programme_types	#content { background: #fff; float: left; width: 50% }

.prices			a:hover img { border-color: #0cf }
.prices			#title { background: #0cf; clear: both; color: #fff; width: 50%; float: right; text-align: left }
.prices			#abstract { background: #0cf; clear: right; color: #000; float: right; font-weight: bolder; text-align: center; width: 25% }
.prices			#menu { background: #0cf; clear: left; float: right; width: 25% }
.prices			#content { background: #fff; float: left; width: 50% }


#footer { clear: both; padding: 0 2em }
#footer dl * { display: inline; margin: 0; padding: 0 }