/* CSS Document */

body, h1, h2, h3, h4, h5, h6, p, ul, ol, form, input, table {
	margin: 0;
	padding: 0;
	}

body {
	margin: 0;
	padding: 0;
	background: #fff url(../images/body-bg.gif) 0 0 repeat-x;
	text-align: center;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 62.5%;
	color: #333;
	}
	
br.clear {
	clear: both;
	}
	
#container {
	width: 955px;
	margin: 10px auto 0 auto;
	text-align: left;
	background: #fff url(../images/container-bg.gif) 0 0 no-repeat;
	border: 1px solid #ccc;
	padding: 0 5px;
	}
	
#search {
	float: right;
	margin: 5px 0 0 0;
	}
	
#search input.btn {
	margin:0pt 0pt -3px;
	padding:0pt;
	}
	
#search input.search {
	color: #666;
	font-size: 10px;
	}
	
.r {
	font-size: .9em;
	color: #648a44;
	 }
	
#header {
	height: 90px;
	background: url(../images/energy-crossroads-logo.gif) 0 0 no-repeat;
	margin: 0;
	padding: 0;
	width: 500px;	
	}
	
#header h1, #header h2 {
	text-indent: -9999px;
	height: 40px;
	}
	 
/* begin styles for navigation 

#navigation {
	height: 30px;
	margin-bottom: 5px;
	background: url(../images/nav.gif) 0 0 no-repeat;
	} 

#navigation ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
    }

#navigation li {
	display: inline;
	margin: 0;
	padding: 0;
}

#navigation li a {
	float: left;
	height: 0pt;
	overflow: hidden;
	padding-top: 30px;
}

#navigation li a {
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	left: 0;
}

#navigation li#global a { width: 115px; background-position: 0px 0px; }
#navigation li#global a:hover { background-position: 0px -30px; }
#navigation li#global a.active { background-position: 0px -30px; }
   
#navigation li#denmark a { width: 150px; background-position: -115px 0pt; }
#navigation li#denmark a:hover { background-position: -115px -30px; }

#navigation li#singapore a { width: 150px; background-position: -265px 0pt; }
#navigation li#singapore a:hover { background-position: -265px -30px; }

#navigation li#stanford a { width: 150px; background-position: -415px 0pt; }
#navigation li#stanford a:hover { background-position: -415px -30px; }

#navigation li#copenhagen a { width: 150px; background-position: -565px 0pt; }
#navigation li#copenhagen a:hover { background-position: -565px -30px; }

#navigation li#involved a { width: 240px; background-position: -715px 0pt; }
#navigation li#involved a:hover { background-position: -715px -30px; }
*/
/* end navigation styles */


/* begin styles for navigation */

#navigation {
	height: 30px;
	margin-bottom: 5px;
	position: relative;
	top:0;
	left: 0;
	width: 955px;
	z-index: 100;
	} 

#navigation ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

#navigation li {
	display: inline;
	margin: 0;
	padding: 0;
	/* added for drops 
	position: relative;*/
}

#navigation li a {
	float: left;
	height: 0pt;
	overflow: hidden;
	padding-top: 30px;
}

#navigation li a {
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	left: 0;
}

#navigation li#about a { width: 159px; background-position: 0px 0px; }
#navigation li#about a:hover { background-position: 0px -30px; }
#navigation li#about a.active { background-position: 0px -30px; }
   
#navigation li#members a { width: 160px; background-position: -159px 0pt; }
#navigation li#members a:hover { background-position: -159px -30px; }

#navigation li#exchange a { width: 160px; background-position: -319px 0pt; }
#navigation li#exchange a:hover { background-position: -319px -30px; }

#navigation li#series a { width: 160px; background-position: -479px 0pt; }
#navigation li#series a:hover { background-position: -479px -30px; }

#navigation li#partners a { width: 157px; background-position: -639px 0pt; }
#navigation li#partners a:hover { background-position: -639px -30px; }

#navigation li#join a { width: 159px; background-position: -796px 0pt; }
#navigation li#join a:hover { background-position: -796px -30px; }


#navigation li ul {
	position: absolute;
	top: 30px;
	display: none;
	background-image: none;
	width: 160px;
	padding: 5px 0 0 0;
	}
	
#navigation li#about ul { left: 0; /* Set 1px less than menu width */ }
#navigation li#about ul a { width: 147px; }

#navigation li#members ul { left: 160px; /* Set 1px less than menu width */ }
#navigation li#members ul a { width: 148px; }

#navigation li#partners ul { left: 640px; /* Set 1px less than menu width */ }
#navigation li#partners ul a { width: 145px; }

#navigation li#join ul { left: 796px; /* Set 1px less than menu width */ }
#navigation li#join ul a { width: 147px; }
	
#navigation li ul a:link, #navigation li ul a:visited {
	margin: 0;
	padding: 6px 5px 2px 5px;
	height: 20px;
	background-image: none;
	background-color: #fff;
	color: #555;
	border: 1px solid #d5d5d5;
	border-top: none;
	text-decoration: none;
	font-size: 11px;
}

#navigation li ul a:hover {
	background-color: #d5d5d5;
}

/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#navigation li:hover ul,
#navigation li.over ul { display: block;} /* The magic */

/* end navigation styles */




#flash {
	position: relative;
	}

#news {
	position: absolute;
	right: 0;
	top: 10px;
	width: 230px;
	padding: 0 5px;
	}

#news h1 {
	font-size: 1.2em;
	color: #fff;
	margin: 0 0 5px 0;
	}
	
#news p {
	color: #ffffff;
	font-size: 1.1em;
	margin: 0 0 3px 0;
	}

#news a:link, #news a:visited {
	color: #89bd5d
	}


/* begin structure for content styles */

#col1 {
	margin-top: 10px;
	padding: 0 10px 0 0;
	width: 150px;
	float: left;
	}
	
#col1 ul {
	margin: 0 0 10px 5px;
	list-style-type: none;
	}

#col1 li {
	border-bottom: 1px dotted #ccc;
	font-size: 1.1em;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	}
	
#col1 a:link, #col1 a:visited {
	color: #648a44;
	text-decoration: none;
	}

#col1 a:hover {
	color: #89bd5d;
	}

#col2 {
	margin: 10px 0 5px 0;
	padding: 0;
	width: 240px;
	float: right;
	background: url(../images/col2-top.gif) 0 0 repeat-x;
	/*border: 1px solid #45718a;*/
	}
	
#col2 h3 {
	padding-left: 5px;
	background: url(../images/col2-bg.gif) 0 0 repeat-x;
	background-color: #45718a;
	color: #fff;
	line-height: 20px;
	}
	
#sponsors {
	padding: 3px 5px;
	background-color: #f5f5f5;
	border: 1px solid #eee; 
	}

#sponsors p {
	padding: 5px 0;
	line-height: 1.5em;
	}
	
#sponsors h2 {
	padding: 3px 0;
	line-height: 1em;
		}
	
#col2 a:link, #col2 a:visited {
	color: #648a44;
	text-decoration: none;
	}
	
#col2 a:hover {
	color: #333;
	}

#content {
	margin: 10px 250px 0 160px;
	padding: 0 10px;
	border-left: 1px dotted #ccc;
	min-height: 350px;
	}
	
#content h1 {
	font-size: 1.6em;
	line-height: 1em;
	color: #648a44;
	padding: 0 0 .4em 0;
	}

#content h1.release {	
	color: #3c6380;
}
	
#content h2 {
	font-size: 1.4em;
	line-height: 1em;
	color: #648a44;
	padding: .5em 0 .2em 0;
	}
	
#content h3 {
	font-size: 1.2em;
	line-height: 1em;
	color: #648a44;
	padding: .2em 0 0 0;
	}
	
	
#content h1.title {
	padding: 0;
	margin: 0 0 3px 0;
	}
	
#content h3.subtitle {
	margin: 0 0 10px 0;
	}
	
#content p {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 1.2em;
	line-height: 1.4em;
	}
	
#content p.status {
	margin: 3px 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1em;
	}
	
#content p.contact {
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.4em;
	}
	
#content p.date {
	color: #666;
	font-weight: bold;
	}
	
#content ul {
	margin: 0 0 10px 15px;
	font-size: 1.2em;
	}
	
#content a:link, #content a:visited {
	color: #648a44;
	text-decoration: none;
	}
	
#content a:hover {
	color: #89bd5d;
	text-decoration: underline;
	}
	
#content .bio {
	padding: 5px 0 0 0;
	border-bottom: 1px dotted #ddd;
	clear: right;
	min-height: 160px;
}
	
#content .bio img {
	float: right;
	margin: 0 0 5px 5px;
	padding: 3px;
	border: 1px solid #ddd;
	}
	
/* classes for 2007 conference */

.schedule_header, .speaker_name {
	color: #648a44;
	font-size: 1.3em;
	font-weight: bold;
	}
	
.speaker_photo img {
	margin-right: 5px;
	padding:3px;
	border: 1px solid #ccc;
	}	
	
.event_header {
	color: #648a44;
	font-size: 1.1em;
	}
	
hr {
	border: none;
	background-color: #ccc;
	height: 1px;
}

.logo {
	text-align: left;
	width: 160px;
	margin-left: 0px;
}
	
#footer {
	width: 965px;
	margin: 5px auto;
	text-align: left;
	}
	
#footer a:link, #footer a:visited {
	color: #999;
	text-decoration: none;
	}
	
#footer a:hover {
	color: #666;
	}