@charset "UTF-8";
/* CSS Document */

body {background: #470 ;
		font-family: Arial, Helvetica, sans-serif;	
		padding:0;
		margin:0;
}

#grey {
	/*	z-index: 100;
		position:relative;*/
		background: #333 url(../images/green/clouds.png) top center repeat-x;
		width:100%;
		padding:0 0 50px 0;
		margin:0;
		float:left;
}


ul {
	list-style-image:url(/images/green/pullet.png)
	}

.totheleft {float:left;}
.totheright {float:right;}
.tothefront {text-align:center;}
.building {float:right;}

.right{text-align:right;}

img{border:0;}

h1 {margin:0;padding:0;color:#9c3}

p{margin-top:0;padding-top:0;}

a {
	color:#9c3;
	text-decoration: none;
	font-weight: bold;
	}
	
a:hover {
	color:#260;
	text-decoration: underline;
}

#container{
		width: 960px;
		padding: 0;
		margin: 40px auto -50px auto;
}

#art{

		width: 960px;
		padding: 0;
		margin: 0 auto;
}

/*#container div{		-moz-border-radius:2ex;
		-webkit-border-radius:2ex;
}*/

#trees {
	/*	z-index: 1;
		position:relative;*/
width:100%;
	margin: 0 0 0 0;
	background: #333 url(../images/green/trees_new.png) repeat-x top center;
	height:500px;
	float:left;
	}

#content {
		float:left;
		width: 410px;
		padding:20px;
		margin: 10px;
		min-height: 150px;
		overflow: hidden;
		
}

#intro {
		float:left;
		width: 460px;
		color: #FFF;
		margin: 10px;
}


#header {
		width:940px;
		float:left;
		padding:0;
		margin: 10px;
		}

.big {font-size: 1.2em;	font-weight: bold;
}
.bigger {font-size: 1.5em;	font-weight: bold;
}
.small {font-size: 0.9em;	font-weight: bold;
}
.smaller {font-size: 0.8em;	font-weight: bold;
}

.button {text-align:left;float: left;width:180px;padding:20px 20px;height:60px;font-size:26px;margin: 10px;cursor:pointer;}
.minibutton {text-align:left;float:left;width:120px;padding:10px;height:44px;font-size:18px;margin: 10px;cursor:pointer;background:url(/images/green/b_mini.gif)}

.button:hover, .minibutton:hover {text-decoration:underline;color:#FFF;font-weight:bold;}


#left {
		float:left;
		width:480px;
		padding:0;
		margin:0;
		
}

#right {
		float:left;
		width:480px;
		padding:0;
		margin: 0 0 10px 0;	
}

#wide {
	
		float:left;
		width:900px;
		padding:0;
		margin:0;
	
}

#footer {
		color:white;	
		width:720px;
		float:left;
		padding: 30px 0 0 20px;
}

#logos {
		width:900px;
		float:left;
}


#advert{
width:420px;
padding:10px;
margin: 0 0 20px 0;
float: left;
-moz-border-radius:1ex;
-webkit-border-radius:1ex;
font-size: 1.1em;
}

.link
{
	text-align:center;
float: left;
margin: 0 0 20px 10px;
-moz-border-radius:1ex;
-webkit-border-radius:1ex;
}

#ning,#latest {
	width:440px;
	padding:0;
	margin: 0 0 20px 0;
	float: left;
	}

#news {
	width:210px;
	padding:0;
	margin: 0 0 20px 0;
	float: left;
	}
	
#events {
	width:210px;
	padding:0;
	margin: 0 0 20px 0;
	float: right;
	}	

.darkest {background-color: #150; color:white;}
.dark {background-color: #160; color:white;}
.green {background-color: #260; color:white;}
.light {background-color: #370; color:white;}
.lightest {background-color: #9c3; color:white;}
.white{background-color:#FFF; border: #692 5px solid;
}


.button a, .minibutton a{color: white;}


.header {float:left;
-moz-border-radius-topleft:1ex;
-webkit-border-top-left-radius:1ex;
-moz-border-radius-topright:1ex;
-webkit-border-top-right-radius:1ex;
font-size: 1.2em;
font-weight: bold;
}


.partner{
	width:286px;
	padding:0;
	margin: 0 21px 20px 0;
	float: left;
	}
	
.partner3{
	width:286px;
	padding:0;
	margin: 0 0 0 0;
	float: left;
	}	

.stack {width: 266px;padding:10px;}
.wide {width: 880px;padding:10px;}
.full {width: 420px;padding:10px;}
.half {width:190px;padding:10px;}
.third {width:120px;padding:10px;}
.third.plain {width:140px;padding:0;}

.image {float:left;-moz-border-radius-bottomleft:1ex;-webkit-border-bottom-left-radius:1ex;-moz-border-radius-bottomright:1ex;-webkit-border-bottom-right-radius:1ex;border:1px solid #0b9;text-align:center}
.text {float:left;-moz-border-radius-bottomleft:1ex;-webkit-border-bottom-left-radius:1ex;-moz-border-radius-bottomright:1ex;-webkit-border-bottom-right-radius:1ex;border:1px solid #0b9;}
.text.wide, .image.wide {width: 878px;}
.text.full, .image.full {width: 418px;}
.text.half, .image.half {width:188px;}
.text.stack, .image.stack {width:264px;}



hr {padding: 0; 
	margin: 0 0 10px 0;
	height: 3px;
	background-color: #692;
	color: #692;
	border: none;
	}
	
	#esf {float:right;text-align:center;padding-top:0;padding-bottom:0}

.clear {clear:both;height:10px;background:#333;}




#vidcont {
			background: none;
			float: right;
			width:800px;
			margin: 0;
			padding: 0;
}
#video {
			background: #692;
			float: left;
			width:780px;
			height:480px;
			margin: 10px;
			padding: 0;
			text-align: center;
	}
	
#vidinfo {
		float:left;
		width: 110px;
		padding:10px;
		margin: 10px;
			}
			
.speaker {
			background: #692;
			float: left;
			width:60px;
			height:85px;
			margin: 0 10px;
			text-align: center;
			font-size: 12px;
			color: #FFF;
			padding: 0;	
			}
			
.speaker img {margin-bottom:3px;}			
			
.sectiom {
			color: #692;
			float: left;
			width:300px;
			margin: 0 10px;
			text-align: right;
			font-weight: bold;
			padding: 0;	
			}
			
.section {
			color: #692;
			float: left;
			width:220px;
			margin: 0 10px;
			text-align: center;
			font-weight: bold;
			padding: 0;	
			}			
			
.questions {
			background: #692;
			float: right;
			width:214px;
			margin: 10px;
			text-align: center;
			font-size: 13px;
			color: #FFF;
			padding: 3px;	
			}			

.questions:hover, .speaker:hover {cursor: pointer; background: #470; }

#vidinfo h2 {color:#692;}
#vidinfo h2, #vidinfo h3 {margin:0;}