#content {
	width:  940px;
	margin: 0 auto;
}

/* ----------- Introduction area ----------- */

#intro {
	background: #eee;
	margin: 20px 0 0 0;
	width: 100%;
}

#intro_text {
	float: left;
	width: 310px;
	background: #eee;
	padding-top: 20px;
}

#intro_text h1 {
	padding: 0 20px 10px 20px;
	font-size: 2em;
}

#intro_text p {
	padding: 0 20px 20px 20px;
	margin: 0;
	font-size: 1.3em;
	line-height: 1.4em;
	color: #333;
}

#intro_text p strong {
	font-size: 1.1em;
	color: #000;
}

#pic {
	float: left;
	width: 630px;
	height: 275px;
}

#pic img {
	margin: 0;
	padding: 0;	
}


/* ----------- News, meeting etc etc ----------- */

#sections {
	margin: 20px 0 20px 0;
	width: 100%;
}

#sections h2 {
	background: #eee url(../../../../../images/h2_bg.png) repeat-x left bottom;
	border-bottom: 2px solid #DC068C;
	font-size: 1.4em;
	font-weight: bold;
	padding: 7px 10px;
	margin: 0 0 20px 0;
}

#sections h3 {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.1em;
	padding: 0 10px 4px 10px;
	color: #000;
}

#sections p {
	font-size: 1.2em;
	color: #333;
	padding: 0 10px 20px 10px;
	line-height: 1.4em;
}

#sections p.date {
	color: #F68121;
	padding-bottom: 2px;
}

#news, #meetings, #documents {
	width:  300px;
	float: left;
}

#meetings {
	margin: 0 20px;
}

#documents h2 {
	margin-bottom: 20px;
}

div.doc {
	border-bottom: 1px solid #ccc;
	margin: 10px;
	padding-bottom: 10px;
}

#sections div.doc h3 {
	padding: 0 0 4px 0px;
}

#sections div.doc p {
	padding: 0px;
}

#sections p.more {
	background: #eee url(../../../../../images/h2_bg.png) repeat-x left top;
	padding: 5px 10px;
	margin: 0 0 20px 0;
}