/*****************************************
Resets
******************************************/
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	color: #222020;
}

html { font-size: 100%; }

body {
	text-align: center;
	font-size: 82%;
	line-height: 140%;
	background-image: url(images/body-bg-red.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote { margin-left: 1em; }

/* Miscellaneous conveniences: */
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; }
a { color: #2a808c; text-decoration: none; }	
a:hover { color: #E28C1D; }	
h2 {
	font-weight: 400;
	text-transform: uppercase;
	color: #E28C1D;
}
h3 {
	font-size: 100%;
	font-weight: 600;
	color: #E28C1D;
}
img {
	border: 0;
}

.clear { height: 1%; clear: both; }


/* @group Alerts */

/**********************
Alerts
********************* */
.alert {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid;
}
.alert.failed, .alert.error {
	border-color: #c00;
	background: #fcc;
}
.alert.success {
	border-color: #090;
	background: #cf9;
}
.alert.warning {
	border-color: #f90;
	background: #fc6;
}
.alert.notice {
	border-color: #ff0;
	background: #ffc;
}

/* @end */


/* @group Layout */

body#home-page { background: url(images/body-bg-home.gif) repeat-x 0 0; }
body#foreword-page { background: url(images/body-bg.gif) repeat-x 0 0; }
body#download-page { background: url(images/body-bg.gif) repeat-x 0 0; }
body#tours-page { background: url(images/body-bg.gif) repeat-x 0 0; }
body#programme-page { background: url(images/body-bg.gif) repeat-x 0 0; }
body#speakers-page { background: url(images/body-bg.gif) repeat-x 0 0; }

/* @group Header */

body {  }

#header-generic {
	width: 900px;
	margin: 0 auto;	
	position: relative;
	text-align: left;
	height: 163px;
	background: url(images/banner_generic.jpg) no-repeat 0 41px;	
}

#header-ecoedge2 {
	width: 900px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	height: 163px;
	background: url(images/banner_ecoedge2.jpg) no-repeat 0 41px;
}

#header h1 { height: 90px; width: 250px; text-indent: -9999em; overflow: hidden; margin: 0;}
#header h1 a { display: block; height: 90px; }
#header h2 { text-indent: -9999em; overflow: hidden; margin: 0; }

/* @end */

/* @group Action Nav */
#actionNav {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 48px;
	min-width: 200px;
	background-image: url(images/actionnav-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#actionNav ul { background: url(images/actionnav-bg2.gif) no-repeat top right; height: 48px; margin: 0; padding: 0 0 0 10px; }
#actionNav li {
	display: inline;
	font-size: 9.5pt;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 3px;
	border-right: 1px dotted #ffffff;
}
#actionNav li.lastpost { border-right: none; 
						 padding-right: 10px; }
#actionNav li.firstpost { padding-left: 10px; }
#actionNav li.registernow { border: none; }
#actionNav a {
	color: #fff;
	font-weight: bold;
	/* Fix for IE7 */
	/* line-height: 50px; */
	line-height: 35px;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
#actionNav a:hover { color: #E28C1D; }
	
/* @end */

/* @group Primary Nav */
#primaryNav { position: absolute; top: 136px; left: 0; width: 100%; z-index: 40; }
body.ffmac #primaryNav { top: 136px; }
#primaryNav a { color: #E28C1D; }
#primaryNav a:hover { color: #E28C1D; }
#primaryNav ul, #primaryNav li { margin: 0; padding: 0; }
#primaryNav ul { text-align: center; margin: auto auto; width: 610px; padding-left: 0px; }
#primaryNav li { display: block; float: left; height: 28px; margin: 0 7px; padding: 0px 0; font-weight: bold; line-height: 25px;}
body#cityedge-page li#nav_home, body#media-page li#nav_media, body#contact-page li#nav_contact, body#pastevents-page li#nav_pastevents {
	background: #fff url(images/nav-bg-red.gif) no-repeat bottom left;
	padding: 0px 0 0px 22px;
	height: 28px;
	margin: 0;
}
body#cityedge-page li#nav_home a, body#media-page li#nav_media a, body#contact-page li#nav_contact a, body#pastevents-page li#nav_pastevents a{
	background: url(images/nav-bg2-red.gif) no-repeat bottom right;
	display: block;
	float: left;
	height: 28px;
	line-height: 25px;
	border: 0px solid red;
	color: #fff;
	padding: 0px 22px 0px 0;
	margin: 0;
}

body#home-page li#nav_home, body#foreword-page li#nav_foreword, body#speakers-page li#nav_speakers, body#tours-page li#nav_tours, body#rationale-page li#nav_rationale, body#download-page li#nav_download, body#programme-page li#nav_programme {
	background: #fff url(images/nav-bg.gif) no-repeat bottom left;
	padding: 0px 0 0px 22px;
	height: 28px;
	margin: 0;
}
body#home-page li#nav_home a, body#foreword-page li#nav_foreword a, body#speakers-page li#nav_speakers a, body#tours-page li#nav_tours a, body#rationale-page li#nav_rationale a, body#download-page li#nav_download a, body#programme-page li#nav_programme a {
	background: url(images/nav-bg2.gif) no-repeat bottom right;
	display: block;
	float: left;
	height: 28px;
	line-height: 25px;
	border: 0px solid red;
	color: #fff;
	padding: 0px 22px 0px 0;
	margin: 0;
}

/* @end */

/* @group Promo Banner */

body #promoBanner { background: url(images/promo-color-bg-red.gif);  }
body #promoBanner .wrapper {
/*	position: relative;
	width: 900px;
	margin: 0px auto;
	padding: 54px 0 24px 0;
	color: #fff;
	text-align: left;*/
	position: relative;
	width: 899px; 
	margin: 0px auto 28px;
	background: black; 
	padding: 54px 0 24px 0px;
	background: url(images/generic-banner-bg2-red.gif) top left no-repeat;
	color: #fff;	
	 text-align: left;	

}

/* body #promoBanner .wrapper2 {
	position: relative;
	width: 899px;
	margin: 0px auto 28px;
	color: #fff;
	text-align: left;
}

body #promoBanner .wrapper3 {
	position: relative;
	width: 899px;
	margin: 0px auto 28px;
	color: #fff;
	text-align: left;
	padding-top: 94px;
}*/

body #promoBanner h2 {
	position: relative;
	padding-top: 0px;
	margin: 0px 20px 0px 44px;
	line-height: 20px;
}
body #promoBanner p {
	width: 506px;
	font-size: 100%;
	padding: 0; 
	margin: 13px 0 0 44px; 
	line-height: 160%;
}

/* @end */

/* @group Promo Banner2 */

body #promoBanner2 { background: url(images/promo-color-bg.gif);  }
body #promoBanner2 .wrapper, body #promoBanner2 .wrapper-sale { 
	position: relative;
	width: 899px; 
	margin: 0px auto 28px;
	background: black; 
	padding: 54px 0 24px 0px;
	background: url(images/generic-banner-bg2.gif) top left no-repeat;
	color: #fff;	
	 text-align: left;	
}

body #promoBanner2 h2{
	position: relative;
	padding-top: 0px;
	margin: 0px 20px 0px 44px;
	line-height: 20px;
}
body #promoBanner2 p{
	width: 506px;
	font-size: 100%;
	padding: 0; 
	margin: 13px 0 0 44px; 
	line-height: 160%;
}

/* @end */

/* @group Content */

#content {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
#column1 { width: 845px; margin-left: 44px; }

/* @group Column 2 */

#column2 { width: 340px; float: right; margin-left: 10px; display: inline; }	
#column2 #col2container{
	background: #614128 url(images/column2-bg-green.gif) no-repeat;
	color: #333333;
	padding-top: 10px !important;
	width: 339px;
	margin-left: 20px;
	}
#cityedge-page #column2 #col2container{
	background: #614128 url(images/column2-bg-red.gif) no-repeat;
	color: #333333;
	padding-top: 10px !important;
	width: 339px;
	margin-left: 20px;
	}
#column2 h2, #column2 h3, #column2 p, #column2 img, #column2 blockquote{
	padding-left: 25px;
	padding-right: 25px;
	}
	
#column2 p.blockquote{
	text-align: left;
	font-size: 90%;
	margin: 1em 0;
	}

#column2 p.special{
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	margin: 1em 0;
	margin-left: 25px;
	margin-right: 25px;
	}
	
#column2 p.quotee{
	font-size: 120%;
	font-weight: 600;
	text-align: right;
	margin-top: -.5em;
	padding-bottom: .5em;
	border-bottom: 1px dotted #fff;
	}
	
#column2 p.quotee span{
	font-size: 70%;
}
#column2 h3{ color: #E28C1D; }
#column2 p.note{ 
	margin-bottom: .5em;
	font-weight: bold;
	font-size: 11px;
	color: #222020;
}

/* @end */

/* @group Faux Second Column */

/* Faux seond column for related elements to 1st column */

div.related {
	width: 320px;
	float: right;
	position: absolute;
	right: 8px;
	top: 0;
	color: #806a59;		
}
div.related blockquote{
	font-style: italic;
	margin: 1em 0;
	line-height: 140%;
}
div.related p.quotee{
	text-align: right;
	font-size: 90%;
}

/* Bottom of second column on homepage */
#registrationCTA div#registernow{
	background: url(images/column2-bg2-green.gif) no-repeat bottom; min-height: 1em; }

/* @end */

/* @end */

/* @group Footer */

#footer {
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
	font-size: 90%;
	line-height: 180%;
	color: #fff;
	margin-top: 50px;
	position: relative;
}
#footer #topLink {
	width: 65px;
	height: 30px;
	position: absolute;
	right: 130px;
	top: -25px;
	background: #ffffff url(images/nav-top.gif) bottom no-repeat;
	line-height: 30px;
	background-color: #999999;
	}
	
#footer #topLinkRed {
	width: 65px;
	height: 30px;
	position: absolute;
	right: 130px;
	top: -25px;
	background: #ffffff url(images/nav-top-red.gif) bottom no-repeat;
	line-height: 30px;
	background-color: #999999;
	}
	
#topLink a { color: #fff; font-weight: bold; }
	
#footer p { margin: 0; padding: 10px; }
#footerNavred a { color: #fff; font-weight: bold; padding: 2px 10px 2px 0px; border-right: 1px dotted #ffffff; }
#footerNav a { color: #fff; font-weight: bold; padding: 2px 10px 2px 0px; border-right: 1px dotted #ffffff; }
#footer a:hover { color: #E28C1D; }
#footerNavred {
	border-top: 4px solid #999999;
	margin: 0;
	padding: 10px 0;
	background-color: #7A4B3B;
}
#footerNav {
	border-top: 4px solid #999999;
	margin: 0;
	padding: 10px 0;
	background-color: #666666;
}
#footerNavred li { display: inline; }
#footerNavred li.last a { border-right: none !important; }
#footerNav li { display: inline; }
#footerNav li.last a { border-right: none !important; }


#copyrightred {
	border-top: 3px solid #999999;
	padding-bottom: 10px;
	position: relative;
	background-color: #660000;
}
#copyright {
	border-top: 3px solid #999999;
	padding-bottom: 10px;
	position: relative;
	background-color: #333333;
}
#copyright a { color: #fff; font-weight: bold; }
#copyright a:hover { color: #AA4117; }

#copyright ul { width: 45em; margin: 0 auto }
#copyright li {  padding: 10px 5px; text-indent: -9999em; float: left; list-style: none; }

/* @end */

/* @end */

/* @group Page - Home */

body#home-page #column1 {
	width: 550px;
	float: left;
	margin: 90px 0 0 0;
	display: inline;
}
body#home-page #promoBanner2 .wrapper {	height: 188px; padding: 0; position: relative; left: -40px;	}
		
body#home-page #promoBanner2 h2 { background: none; text-indent: -9999em; overflow: hidden; }
body#home-page #promoBanner2 p { text-indent: -9999em; overflow: hidden; }

#home-page #column2 { position: relative !important; top: -245px;  margin-bottom: -255px; right: 0; }

#home-page #column2 #col2container{
	margin-top: 25px;
	background: url(images/column2-bg-green.gif) top no-repeat;
	color: #222020;
	margin-left: 0;
	}
	
body#cityedge-page #column1 { width: 550px; float: left; margin: 30px 0 0 0; display: inline; }
body#cityedge-page #promoBanner .wrapper { height: 176px; padding: 0; position: relative; left: -40px;	}

body#cityedge-page #promoBanner h2 { background: none; text-indent: -9999em; overflow: hidden; }
body#cityedge-page #promoBanner p { text-indent: -9999em; overflow: hidden; }

#cityedge-page #column2 { position: relative !important; top: -233px;  margin-bottom: -255px; right: 0; }
#cityedge-page #column2 #col2container{
	margin-top: 25px;
	background: url(images/column2-bg-red.gif) top no-repeat;
	color: #222020;
	margin-left: 0;
	}
	
#speakers { margin-bottom: 3em;	}	
.speaker { border-bottom: 1px dashed #d3d2d2;}
.tours { border-bottom: 1px dashed #d3d2d2;}
	
#speakers ul, #speakers li { margin: 0; padding: 0; list-style: none; }	

#speakers li { display: inline; width: 233px; height: 6.4em; float: left; margin-right: 10px; margin-bottom: 10px; background: #f4f4f4; border: 1px solid #e9e9e9; padding: 15px; }
	
#speakers li img { margin-right: 20px; padding: 1px; background: #fff; border: 1px solid #ccc; width: 80px; float: left; }
	
#speakers .speakerId { line-height: 100%; margin: 0; color: #666; font-size: 100%; }
#speakers .speakerId a { color: #E16219; font-weight: bold; }
#speakers .speakerId span { position: relative; top: 2px; font-size: 85%; }	
#speakers .speakerId span a { color: #2a808c; font-weight: normal; }
#speakers ul li p { color: #666; font-size: 90%; line-height: 1.3; }
#speakers ul li p.withdrawn {
	color: #666;
	font-size: 85%;
	font-weight: bold;
	line-height: 1;
}
	
#registrationCTA{
	padding-top: 10px;
	}
	
#registrationCTA div {
	border-top: 1px dashed #cccccc;
	margin: 0px 14px 0;
	padding: 15px 0 20px 10px;
	background: #f1f1f1 16px 13px no-repeat;
}
#registrationCTA div#special {
	border-top: 1px dashed #cccccc;
	margin: 0px 14px 0;
	padding: 15px 0 20px 10px;
	background: #F1F1F1 16px 13px no-repeat;
}
#registrationCTA h5 {
	padding: 0 25px 10px 25px !important;
	overflow: hidden;
	margin: 0 0 0 0;
	color: #E16219;
	font-size: 90%;
}
#registrationCTA div#special h5 {
	padding: 0 25px 10px 25px !important;
	overflow: hidden;
	margin: 0 0 0 0;
	color: #E16219;
	font-size: 110%;
}

#registrationCTA div h3 { font-weight: bold; font-size: 110%; margin: 0 0 12px 0; }
#registrationCTA div#special h3 {
	font-weight: bold;
	font-size: 180%;
	margin: 0 0 12px 0;
	text-align: center;
	color: #CC3300;
}
#registrationCTA div p.note { margin-bottom: 0; margin-top: -10px; }
#supportCTA p.note { margin-top: -15px; }
#registrationCTA div p { margin: 0 0 5px 0;	}

body#home-page #registrationCTA div#registernow {
	margin: 0;
	border: 0;
	text-align: center;
	padding: 15px 0 0 0;
	}
	
body#home-page #registrationCTA div#registernow a {
	display: block;
	text-align: center;
	}

body#cityedge-page #registrationCTA div#registernow {
	margin: 0;
	border: 0;
	text-align: center;
	padding: 15px 0 0 0;
	}
	
body#cityedge-page #registrationCTA div#registernow a {
	display: block;
	text-align: center;
	}

body#home-page #partners { color: #333; margin: 20px 10px 0 30px; margin-right: 200px; }	
body#home-page #partners h2 {
	margin: 0;
	padding: 0 0 10px 0;
}	

body#home-page #partners div { border-bottom: 0px dashed #ccc; padding-bottom: 10px; }	
body#home-page #partners div a:hover { color: #bbe3e3; }	
body#home-page #partners div h3 { text-transform: uppercase; font-weight: bold; color: #2a808c; padding-left: 0 !important; border-bottom: 1px dashed #ccc; }
body#home-page #partners div img.partner, body#home-page #partners div p { padding: 0 0 10px 0; display: block; }
body#home-page #partners div img.partner { float: left; margin-bottom: 10px }
body#home-page #partners div { }

/* @end */



/* @group Page - Speakers */

#speakers-page #promoBanner2 .wrapper { padding-top: 28px; padding-bottom: 28px; }
#speakers-page #promoBanner2 h2 {
	height: 20px;
	text-indent: -9999em;
	overflow: hidden;
	margin-top: 26px;
	background: url(images/h_speakers.gif) no-repeat;
}
#speakers-page #promoBanner2 p { width: 326px; }
#speakers-page #promoBanner2 #speakerNav {
	width: 600px;
	display: block;
	margin: 0px 8px 0 0;
	padding: 0;
	list-style: none;
	float: right;
}
	
#speakers-page #promoBanner2 #speakerNav li{
	display: block;
	margin: 0;
	padding: 0;
	width: 120px;
	float: left;
}
#speakers-page #promoBanner2 #speakerNav li a {
	display: block;
	line-height: 30px;
	background: #666666;
	color: #fff;
	margin: 1px 0px 1px 2px;
	padding: 0 0px;
	font-size: 8pt;
	text-align: center;
}
#speakers-page #promoBanner2 #speakerNav li a:hover { background: #333333; }

div.speakers div {
	float: left;
	width: 100%;
	clear: both;
	padding-bottom: 10px;
	}
	
div.speakers div div{
	float: none;
	width: auto;
	clear: none;
}
body#speakers-page div.speaker{
	
}
body#speakers-page div.speaker h3{
	font-size: 140%;
	line-height: 1.2em;
	padding: 20px 0 10px 0;
	margin: 0;
	color: #50b4c3;
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: left 12px;
}
body#speakers-page div.speaker h3 span.withdrawn{
	font-size: 140%;
	line-height: 1.2em;
	padding: 20px 0 10px 0;
	margin: 0;
	color: #E28C1D;
	padding-left: 40px;
}
body#speakers-page div.speaker p {
	margin: 5px;
	font-size: 94%;
}
body#speakers-page div.speaker p.abstitle {
	margin: 5px;
	font-size: 100%;
	color: #E28C1D;
}
body#speakers-page div.speaker li {
	margin: 20px;
	font-size: 94%;
}
body#speakers-page div.speaker p.withdrawn {
	margin: 5px;
	font-size: 94%;
	color: #E28C1D;
	font-weight: bold;
}

div.speakers div.speakerCard{
	width: 200px;
	margin: 0 10px 10px 20px;
	float: right;
	clear: right;
	display: block;
}
div.speakers div.speakerPresent{
	width: 200px;
	margin: 0 10px 10px 20px;
	float: right;
	clear: right;
	display: block;
}
div.speakerCard img{
	padding: 6px;
	background: #efefef;
	border: 1px solid #ccc;
	float: left;
	width: 70px;
	margin: 0 10px 30px 0;	
}

body#speakers-page div.speakerCard p.signature { 
	margin: 0 12px 0;
	color: #2a808c;
	font-family: "Brush Script MT", "Monotype Corsiva", script;
	font-style: italic;
	font-size: 130%;
	line-height: 120%;
	text-align: left; 
}
	
body#speakers-page .speakerId, { text-align: left; }


/* @end */
/* @group Page - Tours */

#tours-page #promoBanner2 .wrapper { padding-top: 28px; padding-bottom: 28px; }
#tours-page #promoBanner2 h2 {
	height: 20px;
	text-indent: -9999em;
	overflow: hidden;
	margin-top: 26px;
	background: url(images/h_tours.gif) no-repeat;
}
#tours-page #promoBanner2 p { width: 326px; }
#tours-page #promoBanner2 #toursNav {
	width: 240px;
	display: block;
	float: right;
	margin: 0px 200px 0 0;
	padding: 0;
	list-style: none;
}
	
#tours-page #promoBanner2 #toursNav li{
	display: block;
	margin: 0;
	padding: 0;
	width: 240px;
	float: left;
}
#tours-page #promoBanner2 #toursNav li a {
	display: block;
	line-height: 30px;
	background: #666666;
	color: #fff;
	margin: 1px 0px 1px 2px;
	padding: 0 0px;
	font-size: 8pt;
	text-align: center;
}
#tours-page #promoBanner2 #toursNav li a:hover { background: #333333; }
#tours-page #promoBanner2 #toursNav li.full a {
	display: block;
	line-height: 30px;
	background: #E28C1D;
	color: #fff;
	margin: 1px 0px 1px 2px;
	padding: 0 0px;
	font-size: 8pt;
	text-align: center;
}
#tours-page #promoBanner2 #toursNav li.full a:hover { background: #E28C1D; }

div.tours div {
	float: left;
	width: 100%;
	clear: both;
	padding-bottom: 10px;
	}
	
div.tours div div{
	float: none;
	width: auto;
	clear: none;
}
body#tours-page div.tours{
	
}
body#tours-page div.tours h3, div.workshops h3{
	font-size: 140%;
	line-height: 1.2em;
	padding: 20px 0 10px 0;
	margin: 0;
	color: #50b4c3;
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: left 12px;
}
body#tours-page div.tours p {
	margin: 5px;
	font-size: 94%;
	padding-left: 60px;
}

div.tours div.toursCard{
	width: 320px;
	margin: 0 10px 50px 20px;
	float: right;
	clear: right;
	display: block;
}
div.tours ol{
	margin-left: 100px;
	font-size: 94%;
}
div.toursCard img{
	padding: 6px;
	background: #efefef;
	border: 1px solid #ccc;
	float: right;
	margin: 0 10px 30px 0;
}

body#tours-page div.tours p.host {
	margin: 0 5px 0 0px;
	color: #2a808c;
	font-family: "Brush Script MT", "Monotype Corsiva", script;
	font-style: italic;
	font-size: 130%;
	line-height: 120%;
	text-align: left;
}
body#tours-page div.tours p.full {
	margin: 0 5px 0 0px;
	color: #E16219;
	font-style: bold;
	font-size: 130%;
	line-height: 120%;
	text-align: left;
}
	
body#tours-page div.tours p.toursId{
	text-align: left;
	margin: 0 5px 0 0px;
}


/* @end */
/* @group Page - Download */

#download-page #promoBanner2 .wrapper { padding-top: 28px; padding-bottom: 28px; }
#download-page #promoBanner2 h2 { background: url(images/h_download.gif) no-repeat; height: 20px; text-indent: -9999em; overflow: hidden; }

#download-page #promoBanner2 p { width: 326px; }
#download-page #promoBanner2 #downloadNav {
	width: 600px;
	display: block;
	float: right;
	margin: 0px 8px 0 0;
	padding: 0;
	list-style: none;	
}
	
#download-page #promoBanner2 #downloadNav li{
	display: block;
	margin: 0;
	padding: 0;
	width: 120px;
	float: left;
}
#download-page #promoBanner2 #downloadNav li a {
	display: block;
	line-height: 30px;
	background: #666666;
	color: #fff;
	margin: 1px 0px 1px 2px;
	padding: 0 0px;
	font-size: 8pt;
	text-align: center;
}
#download-page #promoBanner2 #downloadNav li a:hover { background: #333333; }

div.download div {
	float: left;
	width: 100%;
	clear: both;
	padding-bottom: 10px;
	}
	
div.download div div{
	float: none;
	width: auto;
	clear: none;
}
body#download-page div.download{
	
}
body#download-page div.download h3{
	font-size: 140%;
	line-height: 1.2em;
	padding: 20px 0 10px 0;
	margin: 0;
	color: #50b4c3;
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: left 12px;
}
body#download-page div.download p { margin: 5px; font-size: 94%; }

div.download div.downloadCard{
	width: 200px;
	margin: 0 10px 10px 20px;
	float: left;
	clear: right;
	display: block;
	padding-left: 80px;
}
div.downloadCard img{
	padding: 6px;
	background: #efefef;
	border: 1px solid #ccc;
	float: left;
	width: 70px;
	margin: 0 10px 0 0;	
}

body#download-page div.downloadCard p.signature { 
	margin: 0 12px 0;
	color: #2a808c;
	font-family: "Brush Script MT", "Monotype Corsiva", script;
	font-style: italic;
	font-size: 130%;
	line-height: 120%;
	text-align: left; 
}
	
body#download-page .downloadId{ text-align: left; }

/* @end */
/* @group Page - Media */

#media-page #promoBanner .wrapper { padding-top: 28px; padding-bottom: 28px; }
#media-page #promoBanner h2 {
	background: url(images/h_media.gif) no-repeat;
	height: 20px;
	text-indent: -9999em;
	overflow: hidden;
}

#media-page #promoBanner p { width: 326px; }
#media-page #promoBanner #mediaNav {
	width: 600px;
	display: block;
	float: right;
	margin: 0px 8px 0 0;
	padding: 0;
	list-style: none;	
}
	
#media-page #promoBanner #mediaNav li{
	display: block;
	margin: 0;
	padding: 0;
	width: 120px;
	float: left;
}
#media-page #promoBanner #mediaNav li a {
	display: block;
	line-height: 30px;
	background: #666666;
	color: #fff;
	margin: 1px 0px 1px 2px;
	padding: 0 0px;
	font-size: 8pt;
	text-align: center;
}
#media-page #promoBanner #mediaNav li a:hover { background: #333333; }

div.media div {
	float: left;
	width: 100%;
	clear: both;
	padding-bottom: 10px;
	}
	
div.media div div{
	float: none;
	width: auto;
	clear: none;
}
body#media-page div.media{
	
}
body#media-page div.media h3{
	font-size: 140%;
	line-height: 1.2em;
	padding: 20px 0 10px 0;
	margin: 0;
	color: #50b4c3;
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: left 12px;
}
body#media-page div.media p { margin: 5px; font-size: 94%; }

div.media div.mediaCard{
	width: 200px;
	margin: 0 10px 10px 20px;
	float: left;
	clear: right;
	display: block;
	padding-left: 80px;
}
div.mediaCard img{
	padding: 6px;
	background: #efefef;
	border: 1px solid #ccc;
	float: left;
	width: 70px;
	margin: 0 10px 0 0;	
}

body#media-page div.mediaCard p.signature { 
	margin: 0 12px 0;
	color: #2a808c;
	font-family: "Brush Script MT", "Monotype Corsiva", script;
	font-style: italic;
	font-size: 130%;
	line-height: 120%;
	text-align: left; 
}
	
body#media-page .mediaId{ text-align: left; }

/* @end */
/* @group Page - Past Events */

body#pastevents-page #column1 { width: 506px; }
#pastevents-page #promoBanner h2 { background: url(images/h_pastevents.gif) no-repeat; height: 20px; text-indent: -9999em; overflow: hidden; }

#pastevents-page #promoBanner #pasteventsNav {
	width: 360px;
	display: block;
	float: right;
	margin: 0px 8px 0 0;
	padding: 0;
	list-style: none;
}
	
#pastevents-page #promoBanner #pasteventsNav li{
	display: block;
	margin: 0;
	padding: 0;
	width: 120px;
	float: left;
}
#pastevents-page #promoBanner #pasteventsNav li a {
	display: block;
	line-height: 30px;
	background: #333333;
	color: #fff;
	margin: 1px 0px 1px 2px;
	padding: 0 0px;
	font-size: 8pt;
	text-align: center;
}
#pastevents-page #promoBanner #pasteventsNav li a:hover {
}

#pastevents-page .event h3.cityedge1 { background: url(images/pastevent_heading_c1.gif) no-repeat; margin: 0; height: 25px; text-indent: -9999em; }
#pastevents-page .event h3.cityedge2 { background: url(images/pastevent_heading_c2.gif) no-repeat; margin: 0; height: 25px; text-indent: -9999em; }
#pastevents-page .event h3.cityedge3{ background: url(images/pastevent_heading_c3.gif) no-repeat; margin: 0; height: 25px; text-indent: -9999em; }
#pastevents-page .event h3.cityedge4 { background: url(images/pastevent_heading_c4.gif) no-repeat; margin: 0; height: 25px; text-indent: -9999em; }
#pastevents-page .event h3.ecoedge1 { background: url(images/pastevent_heading_e1.gif) no-repeat; margin: 0; height: 25px; text-indent: -9999em; }
#pastevents-page .event h3.ecoedge2 { background: url(images/pastevent_heading_e2.gif) no-repeat; margin: 0; height: 25px; text-indent: -9999em; }
div.event {
	width: 506px;
	float: left;
	display: inline;
	clear: both;
	margin-bottom: 30px;
	padding: 0 0 20px 0;
	background: url(images/events-bg.gif) bottom no-repeat;
}

div.event img {
	padding: 2px;
	background: #fff;
	border: 1px solid #ccc;
	margin: 10px 0 10px 12px !important;
	
	}
	
body#pastevents-page ul.eventspeakers{
	border-top: 1px dotted #ccc;
	padding: 20px 0 20px 14px;
	list-style-type: none;
	margin: 0 0 0 0px;
}
body#pastevents-page ul.eventspeakers li{
	display: inline;
	width: 486px;
	float: left;
	display: inline;
	margin: 0 0 10px 0;
	padding: 0;	
}
body#pastevents-page ul.eventspeakers p { text-align: left;	line-height: 120%; margin: 0; }
body#pastevents-page ul.eventspeakers p.title {
	margin: 0 0px;
	color: #2a808c;
	font-style: italic;
	font-size: 150%;
	line-height: 120%;
	text-align: left;
}
body#pastevents-page ul.eventspeakers p.confId { font-size: 90%; font-weight: normal; margin-top: 5px; color: #333333;}

body#pastevents-page div.related {
	width: 300px;
	float: right;
	position: absolute;
	right: 0;
	color: #cc3300;
	top: auto !important;
	font-size: 150%;
}

body#pastevents-page div.related p.blockquote {
	font-size: 60%;
	font-weight: normal;
	margin-top: 5px;
	color: #333333;
	line-height: 120%;
	margin-left: 20px;
	margin-right: 20px;
}

/* @end */

/* @group Page - Rationale */

body#rationale-page #promoBanner2 .wrapper { margin-bottom: 22px; }
body#rationale-page #promoBanner2 h2 { background: url(images/h_rationale.gif) no-repeat; height: 20px; text-indent: -9999em; overflow: hidden; }

div.rationale { clear: both; }
div.rationale h3{
	font-size: 140%;
	font-weight: 400;
	text-transform: uppercase;
	padding-left: 45px;
	padding-top: 5px;
	margin-left: -45px;
	margin-top: 0;
	color: #E28C1D;
}

div.para {
	width: 506px;
	float: left;
	display: inline;
	clear: both;
	margin-bottom: 10px;
}

div.rationale h3 span{ font-size: 80%; }
div.rationale ul{
	float: left;
	margin-bottom: 20px;
	border-top: 1px dotted #ccc;
	padding-top: 10px;
}
div.rationale li{ padding: 5px 30px 5px 0; }
div.text{
	margin-right: 3px;
	width: 506px;
	float: left;
	clear: left;
	font-weight: normal;
}

body#rationale-page div.related {
	width: 300px;
	float: right;
	position: absolute;
	right: 0;
	color: #cc3300;
	top: auto !important;
	font-size: 150%;
}

body#rationale-page div.related p.blockquote {
	font-size: 60%;
	font-weight: normal;
	margin-top: 5px;
	color: #806a59;
	line-height: 120%;
	margin-left: 20px;
	margin-right: 20px;
	font-style: italic;
}

/* @end */

/* @group Page - Contact */

body#contact-page #column1 { width: 506px; }
body#contact-page #promoBanner .wrapper { margin-bottom: 22px; }
#contact-page #promoBanner h2 { background: url(images/h_contacts.gif) no-repeat; height: 20px; text-indent: -9999em; overflow: hidden; }

#contact-page #promoBanner #contactNav {
	width: 240px;
	display: block;
	float: right;
	margin: 0px 8px 0 0;
	padding: 0;
	list-style: none;	
}
	
#contact-page #promoBanner #contactNav li{
	display: block;
	margin: 0;
	padding: 0;
	width: 120px;
	float: left;
}
#contact-page #promoBanner #contactNav li a {
	display: block;
	line-height: 30px;
	background: #666666;
	color: #fff;
	margin: 1px 0px 1px 2px;
	padding: 0 0px;
	font-size: 8pt;
	text-align: center;
}
#contact-page #promoBanner #contactNav li a:hover { background: #333333; }

#contact-page .contact h3.contact { background: url(images/contact_heading.gif) no-repeat; margin: 0; height: 25px; text-indent: -9999em; }

div.contact {
	width: 506px;
	float: left;
	display: inline;
	clear: both;
	margin-bottom: 30px;
	padding: 0 0 20px 0;
	background: url(images/events-bg.gif) bottom no-repeat;
}

div.contact img {
	padding: 2px;
	background: #fff;
	border: 1px solid #ccc;
	margin: 10px 0 10px 12px !important;
	
	}
	
body#contact-page ul.people{
	border-top: 1px dotted #ccc;
	padding: 20px 0 20px 14px;
	list-style-type: none;
	margin: 0 0 0 0px;
}
body#contact-page ul.people li{
	display: inline;
	width: 486px;
	float: left;
	display: inline;
	margin: 0 0 10px 0;
	padding: 0;	
}
body#contact-page ul.people p { text-align: left;	line-height: 120%; margin: 0; }
body#contact-page ul.people p.title {
	margin: 0 0px;
	color: #2a808c;
	font-style: normal;
	font-size: 150%;
	line-height: 120%;
	text-align: left;
}
body#contact-page ul.people p.contId { font-size: 100%; font-weight: normal; margin-top: 5px; color: #333333;}

/* @end */

/* @group Page - Programme */
body#programme-page #promoBanner2 .wrapper { margin-bottom: 22px; }
body#programme-page #promoBanner2 h2 { background: url(images/h_programme.gif) no-repeat; height: 20px; text-indent: -9999em; overflow: hidden; }

div.programme { clear: both; }
div.programme h3{
	font-size: 140%;
	font-weight: 400;
	text-transform: uppercase;
	padding-left: 45px;
	margin-left: -45px;
	margin-top: 0;
}
div.programme h3 span{ font-size: 80%; }
div.programme ul, div.programme li{ margin: 0; padding: 0; list-style: none; }
div.programme ul{
	width: 890px;
	float: left;
	margin-bottom: 20px;
	border-top: 1px dotted #ccc;
	padding-top: 10px;
}
div.programme li{ padding: 5px 30px 5px 0; }
div.programme .dtstart, div.programme .dtend{ }
div.times{
	margin-right: 3px;
	width: 100px;
	float: left;
	clear: left;
	font-weight: bold;
}

div.programme#programme-day1 h3 {
	background: url(../images/01-green.gif) top left no-repeat;
	color: #6ccad8;
}
div.programme#programme-day2 h3{
	background: url(../images/02-red.png) top left no-repeat;
	color: #CA4E2C;
}
div.programme#programme-day3 h3{
	background: url(../images/03-purple.png) top left no-repeat;
	color: #A55184;
}
div.programme .summary{
	width: 500px;
	display: block;
	clear: right;
	margin-left: 103px;
}
/* @end */

/* @group Page - Foreword */
body#foreword-page #promoBanner2 .wrapper { margin-bottom: 22px; }
body#foreword-page #promoBanner2 h2 {
	height: 20px;
	text-indent: -9999em;
	overflow: hidden;
	background-image: url(images/h_foreword.gif);
	background-repeat: no-repeat;
}

div.foreword { clear: both; }
div.foreword h3{
	font-size: 140%;
	font-weight: 400;
	text-transform: uppercase;
	padding-left: 45px;
	padding-top: 5px;
	margin-left: -45px;
	margin-top: 0;
}
div.foreword h3 span{ font-size: 80%; }
div.foreword ul, div.foreword li{ margin: 0; padding: 0; list-style: none; }
div.foreword ul{
	width: 890px;
	float: left;
	margin-bottom: 20px;
	padding-top: 10px;
}
div.foreword li{ padding: 5px 30px 5px 0; }
div.foreword .dtstart, div.foreword .dtend{ }
div.pic{
	margin-right: 3px;
	width: 150px;
	float: left;
	clear: left;
	font-weight: bold;
}

div.foreword .welcome{
	width: 500px;
	display: block;
	clear: right;
	margin-left: 160px;
}
/* @end */