/*
css styles for gbevents




.__                                                                    
|  |   ____ _____ ___  __ ____     _____ ___.__.   ____   ______ ______
|  | _/ __ \\__  \\  \/ // __ \   /     <   |  | _/ ___\ /  ___//  ___/
|  |_\  ___/ / __ \\   /\  ___/  |  Y Y  \___  | \  \___ \___ \ \___ \ 
|____/\___  >____  /\_/  \___  > |__|_|  / ____|  \___  >____  >____  >
          \/     \/          \/        \/\/           \/     \/     \/ 
       .__                      ._.
_____  |  |   ____   ____   ____| |
\__  \ |  |  /  _ \ /    \_/ __ \ |
 / __ \|  |_(  <_> )   |  \  ___/\|
(____  /____/\____/|___|  /\___  >_
     \/                 \/     \/\/
 
 */


@import "nav.css";
@import "extras.css";
@import "slideshow.css";


 /* basic styles */

body, td, th {
font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;}
 
body {
background-color: #333;
font-size: 0.85em;
color: #333;
line-height: 150%;
margin: 0;
padding: 0;
margin-top: 40px;
background-image: url(bg.png);
background-repeat: no-repeat;
}
a:link {
text-decoration: none;
color: #000066;
}

a:visited { 
text-decoration: none;
color: #000066;
}

a:hover { 
text-decoration: none;
color: #cc0000; 
}

a:active { }

h1 {
color: #000000;
font-weight:bold;
font-size: 200%;
font-weight: normal;
margin-bottom: 15px;
margin-top: 35px;
}

h2 {
color: #000000;
font-size: 120%;
font-weight: normal;
}


h3 {
color: #666666;
font-size: 100%;
font-weight: normal;
}

h4 {
color: #666666;
font-size: 100%;
}

img {
border: 0
}

#centreing{
text-align: center;
}

#content{
width: 940px;
margin: 0px auto;
text-align: left;
background-color: #666;
padding:10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
min-height:780px;
}


#header {
display:block; 
height: 153px;
background-image:url(greenstrategy.jpg);
background-repeat: no-repeat;
background-position:0px 0px;
width: 940px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;}


#iesix {display:none; float: left;}
#engines{display:none; float: left;}


#logo {

background-image: url(gbe.jpg);
background-repeat: no-repeat;
width: 153px;
height: 153px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
float: left;
}

#strap {
width: 605px;
height: 133px;
float: left;

}


.location {color: #ffffff;
font-size: 80%;
width: 220px;
line-height: 120%;}


#mainleft {
width: 787px;
border-left: 153px solid #666;
margin-top: 10px;

}

#mainright {
width: 470px;
border-right: 307px solid #666;
margin-left: 10px;
}



#left {
width: 153px;
background: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
padding-top: 8px;
}

#right {
width: 288px;

}

#left {float:left; position:relative; margin-left:-153px; 
overflow:visible;}

#right {float: right; position:relative; margin-right:-297px;
overflow:visible;}

.right {
width: 288px;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
padding: 5px;
background: #fff;
margin-bottom: 10px;}

#main {background-color: #fff;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
padding: 5px;

}

#mainwide {background-color: #fff;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
padding: 30px;
width: 880px;
margin-top: 10px;
text-align: center;

}


#footer {
margin-top: 10px;
font-size: 90%;
text-align: left; 
width: 928px;



display:block; background:#999; color:#000000; padding: 5px; 

	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
padding: 5px;
}



.speaker {
width: 100px;
height: 200px;
margin-left: 6px;
margin-right: 6px;
font-size: 80%;
line-height: 100%;
display: inline-block;
vertical-align: top;
overflow:hidden;
}

.speaker img {display: block; margin-bottom: 2px;clear:right;}

.sponsor {
display: inline;}