/*******************************************************************************
 General
*******************************************************************************/
body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	background-image: url("images/background.png");
	background-repeat: repeat-x;
	font-family: arial, sans-serif;
	font-size: 10pt;
	text-align: center;
}

table {
	font-size: 100%;
}

a {
	color: #e30c25;
	text-decoration: none;
}

a img {
	border: none;
}

h2 {
	color: #76b763;
}

h3 {
	color: #e30c25;
}


/*******************************************************************************
 Container
*******************************************************************************/
div#container {
	width: 990px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	overflow: hidden;
	background-image: url("images/container.png");
}


/*******************************************************************************
 Bulletpoints
*******************************************************************************/
div#bulletpoints {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url("images/bulletpoints/001.jpg");
	width: 595px;
	height: 449px;
	z-index: 1;
	overflow: hidden;
}

div#bulletpoints ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 600px;
}

div#bulletpoints ul li {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 600px;
	display: none;
	background-image: url("images/bulletpoint.png");
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 130%;
}

div#bulletpoints ul li a {
	display: block;
	padding: 5px 10px;
	color: #ffffff;
}

div#bulletpoints ul li a div.more {
	display: inline;
	font-size: 80%;
	text-transform: lowercase;
	padding: 0 0 0 19px;
	background-image: url("images/bulletpoint_line.png");
	background-repeat: no-repeat;
	background-position: 7px 50%;
}

div#bulletpoints ul li a div.more a {
	display: inline;
	padding: 0;
}

div#bulletpoints div.more {
	display: none;
}


/*******************************************************************************
 Header
*******************************************************************************/
div#header {
	position: relative;
	z-index: 2;
	height: 168px;
	background-image: url("images/header.png");
	background-repeat: no-repeat;
	background-position: top left;
	overflow: hidden;
}

div#header h1 {
	padding: 168px 0 0 0;
	margin: 0;
}


/*******************************************************************************
 Top menu
*******************************************************************************/
div#topmenu {
	position: absolute;
	z-index: 3;
	top: 0;
	right: 0;
	width: 430px;
	height: 59px;
	background-image: url("images/topmenu.png");
	background-repeat: no-repeat;
	background-position: top left;
	overflow: hidden;
}

div#topmenu ul {
	margin: 40px 5px 0 0;
	padding: 0;
	list-style: none;
	text-align: right;
	font-weight: bold;
	text-transform: uppercase;
}

div#topmenu ul li a{
	color: #ffffff;
}


/*******************************************************************************
 Menu
*******************************************************************************/
div#menu {
	position: absolute;
	z-index: 3;
	top: 59px;
	right: 0;
	width: 490px;
	height: 80px;
	overflow: hidden;
}

div#menu ul {
	margin: 15px 20px 0 0;
	padding: 0;
	list-style: none;
	text-align: right;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 90%;
	line-height: 18px;
}

div#menu ul li {
	display: inline;
}

div#menu ul li a {
	color: #47a22d;
	margin: 0 0 0 10px;
	white-space: nowrap;
}

div#menu ul li.current a {
	color: #e30c25;
}


/*******************************************************************************
 Content
*******************************************************************************/
div#content {
	float: left;
	width: 595px;
	margin: 280px 0 0 -3px;
	overflow: hidden;
}

div#content div.inner {
	margin: 10px;
}


/*******************************************************************************
 Content - News
*******************************************************************************/
div#content div.news {
	position: relative;
}

div#content div.news h2 {
	position: absolute;
	top: 10px;
	left: 180px;
	margin: 0;
	padding: 0;
	font-size: 130%;
	color: #76b763;
	text-transform: uppercase;
}

div#content div.news div.single {
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 2px solid #e30c25;
}

div#content div.news div.single div.image {
	float: left;
	width: 160px;
	overflow: hidden;
}

div#content div.news_single h2.news_title,
div#content div.news div.single h3 {
	margin: 10px 0 0 180px;
	padding: 0;
	font-size: 120%;
	color: #e30c25;
}

div#content div.news_single h2.news_title {
	margin: 0;
}

div#content div.news div.first h3 {
	margin: 40px 0 0 180px;
}

div#content div.news div.single div.text {
	margin: 0 0 0 180px;
}

div#content div.news div.single div.text p,
div#content div.news div.single div.text div.more {
	display: inline;
	margin: 0;
	padding: 0;
}

div#content div.news_single div.news_subtitle {
	font-size: 80%;
}

div#content div.news_single div.news_image {
	float: right;
	width: 170px;
	overflow: hidden;
}

div#content div.news_single div.news_image div.news-single-img {
	margin: 0 0 0 10px;
}

div#content div.news_single div.news_image div.news-single-img img {
	margin: 0 0 10px 0;
}


/*******************************************************************************
 Content - People
*******************************************************************************/
div#content div.people ol li {
	clear: right;
	margin-bottom: 10px;
}

div#content div.people ol li h3,
div#content div.people ol li p {
	margin: 0;
	padding: 0;
}

div#content div.people ol li div.image {
	float: right;
	margin:0 0 0 10px;
}


/*******************************************************************************
 Sidebar
*******************************************************************************/
div#sidebar {
	float: right;
	width: 392px;
	margin: -26px 0 0 0;
	overflow: hidden;
}

div#sidebar h2,
div#sidebar h2 a {
	margin: 0;
	padding: 0;
	color: #76b763;
	text-transform: uppercase;
	text-align: right;
}

div#sidebar h2 {
	font-size: 130%;
}

div#sidebar h2 span.alt,
div#sidebar h2 a span.alt {
	color: #e30c25;
}


/*******************************************************************************
 Column
*******************************************************************************/
div#sidebar div.column {
	height: 155px;
	background-color: #ececed;
	overflow: hidden;
}

div#sidebar div.column div.inner {
	padding: 10px 20px;
	text-align: right;
}

div#content div.column h3.title,
div#sidebar div.column h2.title,
div#sidebar div.column h3.author {
	display: inline;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 130%;
	color: #76b763;
}

div#content div.column h3.title a {
	color: #76b763;
}

div#content div.column h3.title {
	display: block;
}

div#content div.column h3.title a span.alt,
div#content div.column h3.title span.alt,
div#sidebar div.column h3.author {
	color: #e30c25;
}

div#content div.column h3.title p,
div#sidebar div.column h3.author p {
	margin: 0;
	padding: 0;
	display: inline;
}

div#sidebar div.column div.text {
	text-align: left;
	margin: 1em 0 0 0;
	font-size: 110%;
}

div#sidebar div.column div.text p {
	margin: 0;
	padding: 0;
}

div#sidebar div.column div.more {
	text-align: left;
	font-size: 110%;
}

div#content div.column div.more {
	margin: 0 0 1em 0;
}

/*******************************************************************************
 People
*******************************************************************************/
div#sidebar div.people {
	position: relative;
	float: left;
	width: 195px;
	height: 152px;
	overflow: hidden;
}

div#sidebar div.people h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 195px;
	margin: 0;
	padding: 5px 0;
	background-image: url("images/people.png");
	text-align: center;
	text-transform: uppercase;
	font-size: 130%;
}

div#sidebar div.people h2 a {
	color: #ffffff;
}


/*******************************************************************************
 Follow
*******************************************************************************/
div#sidebar div.follow {
	position: relative;
	margin: 0 0 0 197px;
	height: 152px;
	background-color: #d3d1dc;
	overflow: hidden;
	text-align: center;
}

div#sidebar div.follow h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 195px;
	margin: 0;
	padding: 5px 0;
	background-image: url("images/follow.png");
	text-align: center;
	text-transform: uppercase;
	font-size: 130%;
}

div#sidebar div.follow h2 a {
	color: #ffffff;
}

div#sidebar div.follow p {
	margin: 10px 0 0 0;
	padding: 0;
}


/*******************************************************************************
 Sidebar - Video
*******************************************************************************/
div#sidebar div.video {
	margin: 20px 10px 0 10px;
	padding: 0 0 10px 0;
	border-bottom: 2px solid #76b763;
}

div#sidebar div.video h2 {
	margin: 10px 0 0 0;
}

div#sidebar div.video div.text p,
div#sidebar div.video div.text div.more {
	display: inline;
	margin: 0;
	padding: 0;
}


/*******************************************************************************
 Content/Sidebar - Agenda
*******************************************************************************/
div#content div.agenda,
div#sidebar div.agenda {
	margin: 0 0 10px 0;
	padding: 10px;
	border-bottom: 2px solid #76b763;
}

div#content div.agenda div.single,
div#sidebar div.agenda div.single {
	margin: 0 0 1em 0;
}

div#content div.agenda div.single h3,
div#sidebar div.agenda div.single h3 {
	font-size: 100%;
	margin: 0;
	padding: 0;
}

div#content div.agenda div.single p,
div#sidebar div.agenda div.single p {
	display: inline;
	margin: 0;
	padding: 0;
}

div#content div.agenda div.single div.attending,
div#sidebar div.agenda div.single div.attending {
	color: #666769;
}

div#content div.agenda div.single div.location,
div#sidebar div.agenda div.single div.location {
	font-weight: bold;
}

