/* Colors:

	Green		:	#8CC641
	Dark Blue	:	#2B5CAB
	Yellow		:	#FFCB1F
	Orange		:	#F8991D
	Light blue	:	#50BCE5
	Red			:	#EF4023
		
------------------------------------------------------------------*/

/* Reset
------------------------------------------------------------------*/
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
ol, ul, li { list-style:none }
strong { font-weight: bold }
em { font-style: italic }
a { text-decoration: none }
a img { border:none }

body {
	background: #8CC641 url(images/background.jpg) repeat-x;
	text-align: center;
	width: 100%;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
}


/* Page structure
------------------------------------------------------------------*/
#wrapper {
	background: #FFFFFF;
	width: 100%;
}
#header {
	height: 310px;
	text-align: left;
}

#content {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
}
#sidebar {
	margin-top: 20px;
	margin-bottom: 20px;
}

#footer-wrapper {
	background: #8CC641;
	border-top: 2px solid #83BA38;
	width: 100%;	
	clear: both;
}
#footer {
	height: 120px;
	text-align: left;
}


/* Header
------------------------------------------------------------------*/
#roots-banner {
	background: url(images/logo_roots-conference.png) no-repeat;
	width: 235px;
	height: 35px;
	margin-top: 7px;
	text-indent: -9999px;
}
#theme-banner {
	background: #FFFFFF url(images/header_theme.jpg) no-repeat;
	width: 748px;
	height: 180px;
	margin-top: 28px;
	position: relative;
}
#logo-2010 {
	background: url(images/logo_jigsaw_ball_words.png) no-repeat;
	width: 564px;
	height: 200px;
	position: absolute;
	top: -10px;
	left: -10px;
}
#box-tickets a {
	background: url(images/header_box_tickets.jpg) no-repeat;
	width: 142px;
	height: 55px;
	position: absolute;
	top: 20px;
	right: 20px;
	border: 5px solid #F4E30C;
	text-indent: -9999px;
}
#box-tickets a:hover {
	border: 5px solid #F8991D;
}
#box-accommodation a {
	background: url(images/header_box_accommodation.jpg) no-repeat;
	width: 142px;
	height: 55px;
	position: absolute;
	top: 95px;
	right: 20px;
	border: 5px solid #F4E30C;
	text-indent: -9999px;
}
#box-accommodation a:hover {
	border: 5px solid #F8991D;
}

/* Main Navigation
------------------------------------------------------------------*/

ul#main-nav 		{ background: url(images/main-nav.jpg) no-repeat; height: 40px;	margin-top: 20px; }
ul#main-nav li 		{ float: left; text-indent: -9999px; list-style-type: none; padding: 0; }
ul#main-nav li a 	{ background: url(images/main-nav.jpg) no-repeat; display: block; }

li#nav-home a 		{ width: 40px; height: 40px; }
li#nav-programme a 	{ width: 118px;	height: 40px; } 
li#nav-practical a 	{ width: 118px;	height: 40px; }
li#nav-resources a 	{ width: 118px;	height: 40px; }
li#nav-exhibition a { width: 118px;	height: 40px; } 
li#nav-news a 		{ width: 118px; height: 40px; }
li#nav-contact a 	{ width: 118px;	height: 40px; } 

li#nav-home a:link, li#nav-home a:visited 				{ background-position: 0px 0px; }
li#nav-home a:hover 									{ background-position: 0px -40px; }
li#nav-programme a:link, li#nav-programme a:visited 	{ background-position: -40px 0px; }
li#nav-programme a:hover 								{ background-position: -40px -40px; }
li#nav-practical a:link, li#nav-practical a:visited 	{ background-position: -158px 0px; }
li#nav-practical a:hover 								{ background-position: -158px -40px; }
li#nav-resources a:link, li#nav-resources a:visited 	{ background-position: -276px 0px;}
li#nav-resources a:hover 								{ background-position: -276px -40px;}
li#nav-exhibition a:link, li#nav-exhibition a:visited 	{ background-position: -394px 0px; }
li#nav-exhibition a:hover 								{ background-position: -394px -40px; }
li#nav-news a:link, li#nav-news a:visited 				{ background-position: -512px 0px; }
li#nav-news a:hover 									{ background-position: -512px -40px; }
li#nav-contact a:link, li#nav-contact a:visited 		{ background-position: -630px 0px; }
li#nav-contact a:hover 									{ background-position: -630px -40px; }
body#home ul#main-nav li#nav-home a 					{ background-position: 0 -80px; }
body#programme ul#main-nav li#nav-programme a 			{ background-position: -40px -80px; }
body#practical ul#main-nav li#nav-practical a 			{ background-position: -158px -80px; }
body#resources ul#main-nav li#nav-resources a 			{ background-position: -276px -80px; }
body#exhibition ul#main-nav li#nav-exhibition a 		{ background-position: -394px -80px; }
body#news ul#main-nav li#nav-news a 					{ background-position: -512px -80px; }
body#contact ul#main-nav li#nav-contact a 				{ background-position: -630px -80px; }


/* Text
------------------------------------------------------------------*/
h1 { 				font-size: 20px;
					color: #2B5CAB; 
					margin: 0 0 10px 0;
					border-bottom: 1px solid #CCCCCC;
					padding: 0 0 3px 0;
					text-transform: uppercase; 
					}
h2 {				font-size: 20px;
					font-family: Georgia, "Times New Roman", Times, serif;
					font-weight: normal;
					margin: 8px 0 6px 0 
					}
h3 {				font-size: 18px;
					font-family: Georgia, "Times New Roman", Times, serif;
					font-weight: normal;
					color: #333333;
					margin: 16px 0 4px 0;
					padding: 0 0 3px 0;
					border-bottom: 1px dotted #505067;
					}
h4 {				font-size: 14px;
					font-weight: bold;
					text-transform: uppercase;
					color: #666666;
					margin: 16px 0 4px 0;
					padding: 0 0 3px 0;
					}
h5 {				font-size: 13px;
					color: #6A6A6A;
					margin: 0 0 4px 0;
					
					}
p {					font: 13px/17px normal Arial, Helvetica, sans-serif;
					color: #505067;
					margin: 0 0 6px 0;
					}
p a {				color: #2B5CAB;
					font-weight: bold;
					}
p a:hover {			color: #F8991D;
					}
p.small {			font-size: 10px;
					line-height: 12px;
					}
				
li {				font-size: 13px;
					color: #505067;
					list-style-type: disc;
					list-style-position: inside;
					padding: 0 0 0 15px;
					text-indent: -12px;
					margin: 0 0 4px 0;
					}
ul#list {			margin: 0 0 6px 0;
					}			
ul#list li {		font-size: 13px;
					color: #505067;
					padding: 0 0 0 15px;
					text-indent: -12px;
					list-style-type: disc;
					list-style-position: inside;
					margin: 0 0 4px 0;
					}
ul#list li span { 	font-size: 10px; display: block; margin-left: 12px;}			
			
ol#num {			margin: 0 0 6px 0;
			} 
ol#num li {			font-size: 13px;
					color: #505067;
					padding: 0 0 0 20px;
					text-indent: -20px;
					list-style-position: inside;
					list-style-type: decimal;
					margin: 0 0 4px 0;
					}

blockquote {		margin: 20px 20px 15px 20px;
					padding-top: 5px;  
					border-top: 1px solid #CCCCCC;
					padding-bottom: 5px;  
					border-bottom: 1px solid #CCCCCC;
}
blockquote p { 		font-family: Georgia, "Times New Roman", Times, serif;
					font-weight: normal;
					color: #8CC641;
					}
blockquote p.author { 	margin: 5px 0 0 0;
						text-align: right;
						}	
td.top {			font-size: 14px;
					color: #FFFFFF;
					text-transform: uppercase;
					border-bottom: 1px solid #CCCCCC;
					padding: 2px 0 2px 3px;
					background: #8CC641;
					}
td.row1, td.row2 {	font-size: 13px;
					color: #505067;
					padding: 5px 0 3px 3px;
					}
td.row1 {			background: #EEEEEE;
				}
td.row2 {			background: #DDDDDD;
				}		
				
.inline {			display: inline;
					}		 

/* Home page
------------------------------------------------------------------*/
#home-theme { 					background: url(images/background_home-theme.jpg) repeat-y; margin-top: 5px;
								}
* html #home-theme {			margin-right: 5px;
  								}

#home-theme h2 { 				background: url(images/title_home-theme.jpg) no-repeat;
								width: 278px;
								height: 41px;
								margin: 10px 0 0 -5px;
								text-indent: -9999px; 
								}
#home-theme p {					padding: 0 10px 4px 10px; 
								color: #FFFFFF;
								font-weight: bold;
								}

/* News
------------------------------------------------------------------*/
#latest-news {					margin-top: -2px;
								}

#latest-news h2 { 				background: url(images/title_latest-news.jpg) no-repeat;
								width: 268px;
								height: 33px;
								text-indent: -9999px;
								}					
.all-news a {					background: #CCCCCC;
								display: block;
								color: #FFFFFF;
								padding-left: 2px;
								}
.all-news a:hover {				background: #F8991D;
								color: #FFFFFF;
								}
.all-news p {					font-size: 10px;
								text-transform: uppercase;
								}
.news h3 {						border: none;
								padding: 0px;
								margin: 0 0 6px 0;
								}
.news h3 a {					font: 20px/22px Arial, Helvetica, sans-serif;
								color: #2B5CAB;
								}
.news h3 a:hover {				color: #F8991D;
								}
.datebox p {					font-size: 10px;
								font-weight: bold;
								text-transform: uppercase;
								color: #999999;
								margin: 0 0 4px 0;
								padding: 0 0 2px 0;
								border-bottom: 1px dashed #CCCCCC;
								}
.news {							border-bottom: 2px solid #F8991D;
								margin: 0 0 10px 0;
								padding: 0 0 4px 0;
								}



/* Sidebar
------------------------------------------------------------------*/
.link-box a {					background: none;
								width: 162px;
								height: 110px;
								border: 5px solid #F4E30C;
								float: left;
								margin: 0 0 10px 0;
								}
.link-box a:hover {				border: 5px solid #F8991D;
								}



/* Footer
------------------------------------------------------------------*/
ul#footer-nav {					margin-top: 20px;
								}
#footer-nav li {				font-size: 9px;
								line-height: 13px;
								margin-bottom: 2px;
								list-style:none;
								}
#footer-nav li a {				color: #FFFFFF;
								text-transform: uppercase;
								}
#footer-nav li a:hover {		color: #333333;
								
								}
#footer-roots {					margin-top: 20px;
								background: #A3D167;
								
								}
#footer-roots p {				margin: 10px 10px 10px 10px;
								color: #FFFFFF;
								}
#footer-roots p a {				color: #FFFFFF;
								border-bottom: 1px dashed #FFFFFF;
								padding-bottom: 2px;
								}
#footer-roots p a:hover {		color: #333333;
								}
#footer-roots p span {			font-size: 11px;
								line-height: 13px;
								}
#footer-vision {				background: url(images/logo_roots_red.png) no-repeat 50% 0;
								text-align: center;
								margin-top: 20px;
								
								}
#footer-vision p {				padding-top: 30px;
								color: #ffffff;
								}

#website-design a {				margin: 20px 10px 10px 0;
								float: right;
								background: url(images/logo_snapdesigns.gif) no-repeat;
								width: 216px;
								height: 19px;
								text-indent: -9999px;
}
#website-design a:hover {		background: url(images/logo_snapdesigns_hover.gif) no-repeat;
}



/* Pictures
------------------------------------------------------------------*/
.bio-pic, .venue {				float: left;
								margin-top: 5px;
								margin-right: 10px;
								border: 2px solid #CCCCCC;
								background: #FFFFFF;
								padding: 5px; 
								}

.venue {						margin-bottom: 10px;
								}

/* Contact
------------------------------------------------------------------*/
p.address {						margin: 0;
								}

/* Forms
------------------------------------------------------------------*/
.box {							background: #EEF7E3;
								padding: 10px 10px 6px 10px;
								margin: 0 0 4px 0; 
								}
.box h4 {						font-size: 16px;
								margin: 0 0 4px 0;
								color: #8CC641;
								}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 768px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_16 .grid_1 {
	width:28px;
}

.container_16 .grid_2 {
	width:76px;
}

.container_16 .grid_3 {
	width:124px;
}

.container_16 .grid_4 {
	width:172px;
}

.container_16 .grid_5 {
	width:220px;
}

.container_16 .grid_6 {
	width:268px;
}

.container_16 .grid_7 {
	width:316px;
}

.container_16 .grid_8 {
	width:364px;
}

.container_16 .grid_9 {
	width:412px;
}

.container_16 .grid_10 {
	width:460px;
}

.container_16 .grid_11 {
	width:508px;
}

.container_16 .grid_12 {
	width:556px;
}

.container_16 .grid_13 {
	width:604px;
}

.container_16 .grid_14 {
	width:652px;
}

.container_16 .grid_15 {
	width:700px;
}

.container_16 .grid_16 {
	width:748px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_16 .prefix_1 {
	padding-left:48px;
}

.container_16 .prefix_2 {
	padding-left:96px;
}

.container_16 .prefix_3 {
	padding-left:144px;
}

.container_16 .prefix_4 {
	padding-left:192px;
}

.container_16 .prefix_5 {
	padding-left:240px;
}

.container_16 .prefix_6 {
	padding-left:288px;
}

.container_16 .prefix_7 {
	padding-left:336px;
}

.container_16 .prefix_8 {
	padding-left:384px;
}

.container_16 .prefix_9 {
	padding-left:432px;
}

.container_16 .prefix_10 {
	padding-left:480px;
}

.container_16 .prefix_11 {
	padding-left:528px;
}

.container_16 .prefix_12 {
	padding-left:576px;
}

.container_16 .prefix_13 {
	padding-left:624px;
}

.container_16 .prefix_14 {
	padding-left:672px;
}

.container_16 .prefix_15 {
	padding-left:720px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_16 .suffix_1 {
	padding-right:48px;
}

.container_16 .suffix_2 {
	padding-right:96px;
}

.container_16 .suffix_3 {
	padding-right:144px;
}

.container_16 .suffix_4 {
	padding-right:192px;
}

.container_16 .suffix_5 {
	padding-right:240px;
}

.container_16 .suffix_6 {
	padding-right:288px;
}

.container_16 .suffix_7 {
	padding-right:336px;
}

.container_16 .suffix_8 {
	padding-right:384px;
}

.container_16 .suffix_9 {
	padding-right:432px;
}

.container_16 .suffix_10 {
	padding-right:480px;
}

.container_16 .suffix_11 {
	padding-right:528px;
}

.container_16 .suffix_12 {
	padding-right:576px;
}

.container_16 .suffix_13 {
	padding-right:624px;
}

.container_16 .suffix_14 {
	padding-right:672px;
}

.container_16 .suffix_15 {
	padding-right:720px;
}



/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}