/******************************************** GENERAL STYLES **********************************************/
/*
Colours:
light green:		#8BC125;
Blue:				#1A3E60;
Dark green:			#598959;
Grey:				#56565C;
*/

html {
	height:				100%;
}
body {
	width:				100%;
	height:				100%;
	margin:				24px 0 0 0;
	padding:			0 0 0 0;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			76%;
	background-color:	#FFFFFF;
	color:				#56565C;
	text-align:			center;
}
h1, h2, h3, h4 {
	margin:				0;
	font-size:			1em;
}
a:link, a:visited {
	color:				#8BC125;
	background-color:	#FFFFFF;
	text-decoration:	none;
}
a:hover, a:active {
	color:				#8CCA24;
	background-color:	#FFFFFF;
	text-decoration:	none;
}

a strong {
	color:				#1A3E60;
}


img {
	border:				0;
	margin:				0 0 0 0;
	padding:			0 0 0 0;	
}
div {
	margin:				0 0 0 0;
	padding:			0 0 0 0;
}
form {
	margin:				0 0 0 0;
	padding:			0 0 0 0;
}
p {
	text-align:			justify;
	line-height:		1.4em;
	font-size:			.9em;
	margin:				0 0 .9em 0;
	padding:			0 0 0 0;	
}
ul {
	margin-top:			0;
}
li {
	line-height:		1.4em;
	font-size:			.9em;
	margin:				0 0 .7em 0;
}
li li, p p {
	font-size:			1em;
}
strong {
	color:				#598959;
}
.left {	float:		left;	}
.right {float:		right;	}
.clear {clear:		both;	}



/* page layout ********************************************/
.page {
	width:				760px;
	margin:				0 auto 0 auto;
	text-align:			left;
}
.top {	
	width:				100%;
	height:				2em;
	clear:				both;
	background-color:	#8CCA24;
	color:				#FFFFFF;
}
.header {	
	width:				100%;
	height:				85px;
	clear:				both;
}
.middle {	
	width:				100%;
	clear:				both;
}
.bottom {	
	width:				100%;
	clear:				both;
	border-top:			2px solid #C0C0C0;
}
.top .left {
	width:				580px;
}
.top .right {
	width:				180px;
	text-align:			right;
}
.header .left {
	width:				443px;
	height:				100%;
}
.header .right {
	width:				317px;
	height:				100%;
	text-align:			right;
}
.middle .left {
	width:				189px;
}
.middle .right {
	width:				571px;
}
.bottom .left {
	width:				400px;
}
.bottom .right {
	width:				360px;
	text-align:			right;
}



/* general content ********************************************/
#menu {
	width:				100%;
	height:				100%;
}
#menu ul {
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	list-style:			none;
}
#menu ul li {
	height:				2em;
	line-height:		1.8em;
	float:				left;
	margin:				0 0 0 0;
	padding:			0 .7em 0 .7em;
	background:			transparent url(../images/bg_menu.gif) center left no-repeat;
}
#menu ul li#menu-1 {
	background:			transparent;
	padding-left:		.8em;
}
#menu ul li a {
	color:				#FFFFFF;
	background-color:	#8CCA24;	
}
#skip-navigation {
	height:				0;
}
#skip-navigation a span {
	display:			none;
}
#search, #library-search {
	width:				180px;
	height:				100%;
	font-size:			0.9em;
	text-align: right;
}
#library-search {
	width:				178px;
	height:				25px;
	background:			transparent url(../images/bg_library-search.gif) 0 0 no-repeat;
	text-align:			center;
}
#search .label, #library-search .label {
	float:				left;
	width:				54px;
	margin-top:			5px;
	padding-right:		2px;
}
#search .formfield, #library-search .formfield {
	float:				left;
	margin-top:			4px;
}
#search .formfield input, #library-search .formfield input {
	width:				90px;
	height:				1.5em;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	font-size:			0.9em;
	border:				none;
}
#search .button, #library-search .button {
	float:				left;
	width:				28px;
	margin-top:			4px;
	text-align:			center;
}
#search .button input, #library-search .button input {
	width:				22px;
	height:				16px;
	padding:			0;
	margin:				0;
	background-color:	#378227;
	border:				none;
	font-size:			.9em;
	color:				#ffffff;
}
#logo {
	width:				317px;
	height:				85px;
	background-color:	transparent;
	background-repeat:	no-repeat;
	background-position:top left;
	background-image:	url(../images/lep-logo.gif);
}
#logo h1 {
	width:				100%;
	height:				100%;
}
#logo a {
	width:				100%;
	height:				100%;
	display:			block;
	background-color:	transparent;
}
#logo span {
	display:			none;
}


#page-title {
	width:				440px;
	height:				4.9em;
	background-color:	transparent;
	background-repeat:	no-repeat;
	background-position:189px 100%;
}
#page-title h2 {
	padding-top:		1.5em;
	padding-left:		189px;
}


#page-calendar-meeting #page-title, #page-news-article #page-title, #page-download #page-title {
	float:				left;
	width:				260px;
	background-position:9px 100%;
}
#page-calendar-meeting #page-title h2, #page-news-article #page-title h2, #page-download #page-title h2 {
	padding-left:		9px;
}

#back {
	float:				left;
	width:				180px;
	margin-top:			1.5em;
	background:			transparent url(../images/btn_back.gif) 5px 50% no-repeat;
}
#back a {
	width:				100%;
	background-color:	transparent;
}
#back a span {
	padding-left:		2.4em;
	font-weight:		bold;
	font-size:			1.2em;
	color:				#56565C;
}


a.file-link:link, a.file-link:visited, a.file-link:hover, a.file-link:active {
	color:				#1A3E60;
	font-weight:		bold;
}
a.file-link span {
	font-weight:		normal;
	font-size:			.9em;
}


#location {
	width:				440px;
	height:				2em;
}
#location ul {
	width:				440px;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	list-style:			none;
}
#location ul li {
	height:				2em;
	line-height:		1.8em;
	float:				left;
	margin:				0 0 0 0;
	padding:			0 .7em 0 .7em;
	background:			transparent url(../images/bg_location.gif) center left no-repeat;
}
#location ul li.first {
	background:			transparent;
	padding-left:		.8em;
}
#location ul li a {
	color:				#56565C;
}


.header .left {
	background-color:	transparent;
	background-repeat:	no-repeat;
	background-position:0 40px;
}



#whats-new-button {
	width:				123px;
	height:				34px;
	margin:				0 0 40px 10px;
	background:			transparent url(../images/btn_whats-new.gif) top left no-repeat;
}
#join-button {
	width:				123px;
	height:				34px;
	margin:				0 0 10px 10px;
	background:			transparent url(../images/btn_join.gif) top left no-repeat;
}
#whats-new-button a, #join-button a {
	width:				100%;
	height:				100%;
	display:			block;
	background:			transparent;
}
#whats-new-button span, #join-button span {
	display:			none;
}



#body {
	width:				492px;
	margin-bottom:		1em;
}

#summary {
	width:				492px;
}



#sub-nav {
	width:				178px;
	margin:				0 0 35px 0;
	background:			#8CC425 url(../images/bg_sub-nav-bot.gif) 0 100% no-repeat;
	color:				#ffffff;
}
#sub-nav ul {
	margin:				0 0 0 0;
	padding:			0 0 3em .9em;
	list-style:			none;
	background:			transparent url(../images/bg_sub-nav-top.gif) 0 0 no-repeat;
}
#sub-nav .title h4 span {
	padding-left:		.9em;
	line-height:		3em;
}
#sub-nav ul li {
	width:				155px;
	margin:				0 0 0 0;
	padding-top:		.7em;
	padding-bottom:		.7em;
	background:			transparent url(../images/blt_sub-nav.gif) 0 0 repeat-x;
}
#sub-nav ul li#sub-menu-1, #sub-nav ul li.item-1 {
	background:			transparent;
}
#sub-nav ul li#sub-menu-1 {
	padding-top: 1.6em;
}
#page-calendar #sub-nav ul li#sub-menu-1, #page-calendar-meeting #sub-nav ul li#sub-menu-1 {
	background:			transparent url(../images/blt_sub-nav.gif) 0 0 repeat-x;
}
#page-calendar #sub-nav ul, #page-calendar-meeting #sub-nav ul {
	background:			transparent;
}
#sub-nav .title {
	min-height:			8px;
	background:			transparent url(../images/bg_sub-nav-top.gif) 0 0 no-repeat;
	color:				#186221;
}
/* library has different background colour at top */
#sub-nav.library ul {
	background:			transparent url(../images/bg_sub-nav-top_library.gif) 0 0 no-repeat;
}
#sub-nav ul li a {
	display:			block;
	width:				100%;
	color:				#FFFFFF;
	background-color:	transparent;
}
#sub-nav ul li.on a {
	color:				#186221;
	background-color:	transparent;
}
#sub-nav ul ul {
	display:			none;
}


#sub-nav ul li.open ul, #sub-nav ul li.on ul {
	display:			block;
	padding:			0 0 0 0;
	list-style:			none;
	background:			transparent;
}
#sub-nav ul li.open ul li, #sub-nav ul li.on ul li {
	width:				auto;
	padding:			0;
	padding-left:		22px;
	background:			transparent url(../images/blt_sub-nav-child.gif) 10px 0 no-repeat;
}
#sub-nav ul li.open ul li.on {
	background:			transparent url(../images/blt_sub-nav-child_on.gif) 10px 0 no-repeat;
}
#sub-nav ul li.open a {
/*	margin:				.7em 0 0 0;*/
}
#sub-nav ul li.open ul li a, #sub-nav ul li.on ul li a {
	margin:				.1em 0 .1em 0;
	color:				#ffffff;
}
#sub-nav ul li.open ul li.on a {
	color:				#186221;
}


#document-list {
	width:				490px;
	margin:				1.5em 0 1.5em 0;
	padding:			0 0 0 0;
}
#document-list .title {
	margin:				0 0 .5em 0;
	padding:			0 0 0 0;
	font-size:			.9em;
	color:				#598959;
}
#document-list ul {
	border-top:		1px #409748 solid;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	list-style:			none;
}
#document-list ul li {
	margin:				.2em 0 0 0;
	padding:			0 0 0 0;
}



#partner-list {
	width:				100%;
	margin:				.5em 0 1.5em 0;
	padding:			0 0 0 0;
}
#partner-list .item {
	width:				100%;
	height:				50px;
	margin:				0;
	padding:			0;
}
#partner-list .item .left {
	width:				354px;
	height:				100%;
	background:			transparent url(../images/blt_list.gif) bottom left repeat-x;
}
#partner-list .item .right {
	width:				201px;
	height:				100%;
}
#partner-list h3 {
	margin-top:			1em;
}
#partner-list h3 a {
	color:				#1A3E60;
}
#partner-list a {
	font-size:			.9em;
}





#footer-links {
	width:				100%;
	height:				2em;
	margin:				.5em 0 0 0;
}
#footer-links ul {
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	list-style:			none;
}
#footer-links ul li {
	height:				2em;
	line-height:		1.8em;
	float:				left;
	margin:				0 0 0 0;
	padding:			0 .7em 0 .7em;
	background:			transparent url(../images/bg_location.gif) center left no-repeat;
}
#footer-links ul li.first {
	background:			transparent;
	padding-left:		.8em;
}
#footer-links ul li a {
	color:				#56565C;
}

#link-london {
	float:				left;
	height:				25px;
	width:				90px;
	margin:				.6em 0 0 0;
	background:			transparent url(../images/logo_london.gif) top right no-repeat;
}
#link-lda {
	float:				left;
	height:				25px;
	width:				63px;
	margin:				.6em 0 0 0;
	background:			transparent url(../images/logo_lda.gif) top right no-repeat;
}
#link-est {
	float:				left;
	height:				35px;
	width:				90px;
	margin:				.3em 0 0 0;
	background:			transparent url(../images/logo_est.gif) top right no-repeat;
}
#link-argent {
	float:				left;
	height:				35px;
	width:				90px;
	margin:				.3em 0 0 0;
	background:			transparent url(../images/logo_argent.gif) top right no-repeat;
}

#link-adobe {
	width:				88px;
	height:				31px;
	margin-bottom:		1em;
	background:			transparent url(../images/adobe.gif) top right no-repeat;
} 
#link-adobe a span {
	display:			none;
}
#link-adobe a {
	display:			block;
	width:				100%;
	height:				100%;
	background-color:	transparent;
}


#sponsors span {
	display:			none;
}
#sponsors a {
	display:			block;
	width:				100%;
	height:				100%;
	background-color:	transparent;
}





/* page/template specific ********************************************/
body.standard #page-title span, body.about #page-title span, body.home #page-title span, #page-project #page-title span {	
	display: none; 
}


body.about .header, body.project .header {
	height:				170px;
}
body.home .header {
	height:				190px;
}
body.about .header .left, body.home .header .left, body.project .header .left {
	height:				164px;
}
body.about #logo, body.home #logo {
	height:				164px;
}
body.about #page-title, body.home #page-title, body.project #page-title {
	height:				11.2em;
}

#page-about-us .header .left {	background-image:	url(../images/photo_about-us.jpg);	}
#page-energy .header .left {	background-image:	url(../images/photo_energy.jpg);	}
body.project .header .left {	background-image:	url(../images/photo_projects.jpg);	}


#page-home #logo			{	background-image:	url(../images/lep-logo_home.jpg);	}
#page-home #page-title		{	background:	transparent url(../images/title_home.gif) top center no-repeat;	}
#page-home .header .left	{	background:	transparent url(../images/photo_home.jpg) bottom left no-repeat; }
#page-home .middle .left {
	width:				425px;
	height:				240px;
	margin:				4px 0 0 0;
	background:			transparent url(../images/bg_home.gif) top left no-repeat;	
}
#page-home .middle .right {
	width:				335px;
}
#page-home #body {
	width:				290px;
}
#page-home #whats-new {
	height:				150px;
	margin:				18px 0 0 28px;
}
#page-home #whats-new .title {
	width:				100%;
	height:				24px;
}
#page-home #whats-new .title a {
	width:				100%;
	height:				100%;
	display:			block;
	background-color:	transparent;	
}
#page-home #whats-new .title span { display: none; }
#page-home #whats-new .description {
	width:				222px;
	float:				left;
}
#page-home #whats-new .description a {
	color:				#ffffff;
	background-color:	transparent;
}
#page-home #whats-new .photo {
	width:				122px;
	height:				98px;
	float:				left;
	margin:				0 0 0 10px;
}
#page-home #join {
	height:				90px;
	margin:				0 0 0 188px;
	color:				#ffffff;
}
#page-home #join .title {
	width:				100%;
	height:				18px;
}
#page-home #join .title a {
	width:				100%;
	height:				100%;
	display:			block;
	background-color:	transparent;	
}
#page-home #join .title span { display: none; }
#page-home #join .description {
	width:				140px;
}
#page-home #join .description p {
	text-align:			left;
}
#page-home #join .description a {
	color:				#ffffff;
	background-color:	transparent;
}


#sub-title h3 {
	color:				#598959;
}



#form {
	margin-bottom:		2em;
}
#form div.row {
	position:			relative;
	display:			block;
	margin-bottom:		1em;
}
#form div.label {
	width:				100px;
	float:				left;
	display:			block;
	font-size:			.9em;
	text-align:			right;
	padding:			0 4px 0 0;
}
#form div.comment {
	font-size:			.9em;
	padding:			0 0 4px 0;
}
#form div.field {
	display:			block;
	padding:			0 0 0 0;
}
#form div.field input {
	width:				200px;
	border:				1px solid #598959;
	color:				#294b81;
	background-color:	#ffffff;
}
#form div.field textarea {
	width:				370px;
	font-family:		verdana, arial, helvetica, sans-serif;
	font-weight:		normal;
	font-size:			.9em;
	border:				1px solid #598959;
	color:				#294b81;
	background-color:	#ffffff;
}
#form div.button input {
	width:				51px;
	height:				21px;
	border:				none;
	margin:				0;
	padding:			0;
	color:				#ffffff;
	font-weight:		bold;
	font-size:			.9em;
	background:			transparent url(../images/bg_button.gif) top left no-repeat;	
}





#calendar {
	width:				495px;
	margin:				0 0 1.8em 0;
	padding:			0 0 0 2px;
}
#calendar .title {
	width:				100%;
	height:				2.2em;
}
#calendar .menu {
	width:				100%;
	height:				16px;
	background-color:	#8CCA24;
	color:				#FFFFFF;	
}
#calendar .menu ul {
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	list-style:			none;
}
#calendar .menu ul li {
	height:				16px;
	line-height:		16px;
	float:				left;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
}
#calendar .menu ul li.first {
	background:			transparent;
	padding-left:		10px;
}
#calendar .menu ul li a {
	color:				#FFFFFF;
	background-color:	#8CCA24;
	font-size:			.9em;
	padding:			0 6px 0 6px;
	display:			block;
}
#calendar .menu ul li a.on {
	color:				#FFFFFF;
	background-color:	#409748;
}
#calendar table {
	width:				100%;
	font-size:			1em;
	border-collapse:	collapse;
}
#calendar th {
	width:				60px;
	background-color:	#ffffff;
	color:				#56565C;
	font-weight:		normal;
	font-size:			.9em;
	text-align:			right;
	padding:			.4em;
	vertical-align:		top;
	border-bottom:		1px solid #cccccc;
}
#calendar td {
	font-size:			.9em;
	border-bottom:		1px solid #cccccc;
	background-color:	#E2E3E7;
}
#calendar td div {
/*	width:				100%; */
/*	height:				1.8em; */
padding:			0 .4em 0 .4em;
}
#calendar td div span {
	line-height:		1.8em;
}
#calendar td div a {
	width:				100%;
	height:				100%;
	display:			block;
	background-color:	transparent;
}
#calendar .internal {
	background-color:	#598959;
}
#calendar .internal a, #calendar .external a {
	color:				#ffffff;
}

#calendar .external {
	background-color:	#56565C;
}







/* meeting */
#meeting {
	margin-bottom:		1.8em;
}
#meeting table {
	font-size:			1em;
}
#meeting th {
	width:				110px;
	background-color:	#8CC425;
	color:				#ffffff;
	font-weight:		normal;
	font-size:			.9em;
	text-align:			left;
	padding:			.4em 0 .4em 0;
	vertical-align:		top;
}
#meeting tr.first th {
	background:			#8CC425 url(../images/bg_table-head_top.gif) 0 0 no-repeat;
	padding-top:		1.1em;
}
#meeting tr.first td {
	padding-top:		1.1em;
	font-weight:		bold;
}
#meeting tr.last th {
	background:			#8CC425 url(../images/bg_table-head_bot.gif) 100% 100% no-repeat;
	padding-bottom:		1.1em;
}
#meeting tr.last td {
	padding-bottom:		1.1em;
}
#meeting th span {
	padding:			0 .4em 0 .4em;
}
#meeting td {
	font-size:			.9em;
	background-color:	#ffffff;
	padding:			.4em .4em .4em 1em;
}
#meeting .item h3 {
	margin-bottom:		.8em;
}
#meeting .item a {
	color:				#1A3E60;
}
#meeting .item .info {
	font-weight:		normal;
}





/* LIBRARY */
div.library {
	margin-bottom:		1em;
}
div.library div.title {
	width:				100%;
	height:				16px;
}
#featured-documents {
	width:				500px;
}
#featured-documents h2 {
	color:				#598959;
	margin-bottom:		1em;
}
#featured-documents .item {
	margin-bottom:		1em;
}
#featured-documents .item .location {
	font-size:			.8em;
}
#featured-documents .item .title h3 {
	margin-bottom:		.2em;
}
#featured-documents .item .title a {
	color:				#1A3E60;
	font-size:			.9em;
}
#featured-documents .item .info {
	font-weight:		normal;
	font-size:			.9em;
}

#sub-folders {
	width:				500px;
	margin-top:			.8em;
}
#sub-folders .item {
	margin-bottom:		1em;
}
#sub-folders .item .title h3 {
	margin-bottom:		.2em;
}
#sub-folders .item .title a {
	color:				#598959;
	font-size:			.9em;
}
#sub-folders .item .info {
	font-weight:		normal;
}




/* NEWS */
#news-list {
	width:				490px;
}
#news-list .item {
	width:				100%;
	margin-bottom:		1.4em;
	background:			transparent url(../images/blt_list.gif) bottom left repeat-x;
}

#news-list .item h4 {
	color:				#8BC125;
	font-size:			.8em;
	font-weight:		normal;
}
#news-list .item h3 a {
	color:				#56565C;
	font-size:			1em;
	font-weight:		bold;
}
#news-list .item .summary {
	color:				#56565C;
	margin-bottom:		1em;
}
#news-list .item .summary a {
	color:				#598959;
}
#news-date h4 {
	color:				#8BC125;
	font-size:			.8em;
	font-weight:		normal;
}
#headline {
	color:				#56565C;
	font-size:			1.2em;
	font-weight:		bold;
	margin-bottom:		1em;
}





#page-about-us #logo		{	background-image:	url(../images/lep-logo_about.jpg);	}
#page-about-us #page-title	{	background-image:	url(../images/title_about.gif);		}

#page-energy #logo			{	background-image:	url(../images/lep-logo_about.jpg);	}
#page-energy #page-title	{	background-image:	url(../images/title_energy.gif);	}

#page-project #page-title	{	background-image:	url(../images/title_projects.gif);	}

#page-calendar #page-title	{	background-image:	url(../images/title_calendar.gif);	}
#page-calendar-meeting #page-title	{	background-image:	url(../images/title_calendar.gif);	}

#page-library #page-title	{	background-image:	url(../images/title_library.gif);	}
#page-download #page-title	{	background-image:	url(../images/title_library.gif);	}

#page-partners #page-title	{	background-image:	url(../images/title_partners.gif);	}
#page-news #page-title		{	background-image:	url(../images/title_news.gif);	}
#page-news-article #page-title		{	background-image:	url(../images/title_news.gif);	}
#page-contact-us #page-title	{	background-image:	url(../images/title_contact-us.gif);	}
#page-training #page-title	{	background-image:	url(../images/title_training.gif);	}
#page-accessibility #page-title	{	background-image:	url(../images/title_accessibility.gif);	}
#page-site-map #page-title	{	background-image:	url(../images/title_site-map.gif);	}
#page-terms-conditions #page-title	{	background-image:	url(../images/title_terms-conditions.gif);	}
#page-join #page-title span { display:	inline; }
#page-file #page-title span { display:	inline; }


#page-project-topic #page-title h2 {
	padding-top:		0;
	margin-top:			98px;
	font-size:			1.2em;
	color:				#598959;
}


#form div.validate {
	display: none;
}