/* -----------------------------------------------
   Top level / common elements 
------------------------------------------------*/

*	{
	margin: 0;
	padding: 0;
	border: 0;
}

body	{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: .7em;
	background: url(../img/siteBackgroundGradient.gif) repeat-x;
	background-color: white;
}

p	{
	margin-bottom: 12px;
}

h1	{
	font-size: 2em;
	color: #316A48;
	margin-bottom: 21px;
	background-color: white;
}

h2	{
	font-size: 1.2em;
	color: #316A48;
	margin-bottom: 5px;
	background-color: white;
}

h3	{
	font-size: 1.1em;
	color: #316A48;
	margin: 6px 0 6px 0;
}

A	{
	text-decoration: none;
	color: red;
}

img{
	border: 0;
}

.break	{
	padding: 0;
	margin: 0;
	clear: both;
}

.hide {
	display: none;
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute; 	
}



/* -----------------------------------------------
   Generic page layout
------------------------------------------------*/

.genContentPara	{
	margin-top: 10px;
}

#mainGraphic	{
		background: url(../img/header_mainImage.jpg) no-repeat top left;
		height: 119px;
}

#GreenEnergyTrust	{
	width: 784px;
	margin: 0;
	padding: 0;
	margin: auto;
	background-color: #FFFFFF;
}



#contentPaddingForm	{
	padding-left: 20px;
	padding-right: 20px;
	background: url(../img/contentBackgroundGradient.gif) repeat-x bottom left;
}

#contentPadding	{
	padding: 20px;
	background: url(../img/contentBackgroundGradient.gif) repeat-x bottom left;
}

/* -----------------------------------------------
   Home page
------------------------------------------------*/

#homeContentHolder	{
	width: 784px;
	margin: 0;
	padding: 0;
	background: url(../img/home_Background2.jpg) no-repeat top left;
}

#homeAboveThreePuffGap	{
	height: 11px;
}


#homeThreePuffHolder	{
	width: 769px;
	height: 272px;
	margin-left: 7px;
}


#homePuff1	{
	width: 251px;
	background-color: #A3BB16;
	float: left;
	height: 272px;
}

#homePuff2	{
	width: 251px;
	background-color: #8DAE38;
	float: left;
	height: 272px;
}

#homePuff3	{
	width: 251px;
	background-color: #BFCD00;
	float: left;
	height: 272px;
}

.homePuffSpace	{
	width: 8px;
	float: left;
}

#homeBelowThreePuffGap	{
	height: 15px;
}

#homeSemiTransPanel	{
	width: 511px;
	height: 307px;
	margin-left: 7px;
}

#homeBelowSemiTransPanelGap	{
	height: 80px;
}

.homePuffPad	{
	padding: 3px 0 0 3px;
	color: #5A00AD;
	font-family: Verdana, sans-serif;
}
	.homePuffTitle	{
		height: 23px;
		background-color: #2C6747;
		color: white;
		font-size: 1.2em;
		font-weight: bold;
		width: 245px;
	}
	.homePuffPad B, .homePuffPad STRONG	{
		font-weight: bold;
		color: white;
	}

	.puffLinkHolder	{
	}

	.puffLinkHolder ul	{
		list-style: none;
		margin: -5px 0 0 -4px;
		padding: 0;
		float: left;
	}

	.puffLinkHolder li	{
		float: left;
		background: url(../img/footer_weeArrow.gif) no-repeat 5px 5px;
		padding-left: 14px;
		margin-right: 9px;
	}

	.puffLinkHolder li a	{
		color: white;
		text-decoration: underline;
		font-weight: bold;
	}
	.puffLinkHolder li a:hover	{
		text-decoration: none;
	}

	.transText	{
		color: white;
		font-weight: bold;
		height: 80px;
	}

	#homeApplyForFunding	{
		background: url(../img/home_bg_applyForFunding.gif) no-repeat top left;
		width: 444px;
		height: 147px;
		margin-left: -8px;
		color: white;
	}

	.threePuffImage	{
		margin: 0;
		padding: 0;
		border: 0;
	}

#applyForFundingText	{
	padding: 48px 140px 0 20px;
	height: 64px;
}

/* -----------------------------------------------
   Case studies
------------------------------------------------*/

.caseHighlightTitle	{
	font-size: 1.8em;
	color: #FFEB00;
	margin-bottom: 8px;
	font-weight: bolder;
}

#caseStudyMainImage	{
	border-bottom: 2px solid #94AD2E;
	width: 580px;
}

#belowImageGap	{
	height: 12px;
	border-bottom: 1px solid #94AD2E;
	width: 580px;
}

.firstPara	{
	color: #316A48;
	font-weight: bold;
}

.casePad, .casePadWithTop	{
	padding: 0 20px 20px 20px;
}
.casePadWithTop	{
	padding-top: 20px;
}

#caseCol_1	{
	width: 580px;
	float: left;
}

#caseCol_2	{
	width: 9px;
	float: left;
	height: 100px;
}

#caseCol_3	{
	width: 195px;
	float: left;
}

#col3_title_pad	{
	padding: 11px;
	color: white;
}

.caseStudyPuff	{
	border-top: 2px solid white;
	background-color: #0094E6;
	float: left;
	width: 195px;
}

#caseStudyPuffArchive	{
	border-top: 2px solid white;
	float: left;
	width: 195px;
}

.caseStudyPuffAboveTitleGap	{
	height: 8px;
}

#caseHighlightedContent	{
	color: white;
}

#caseHighlightedContent .firstPara	{
	font-weight: bold;
	color: white;
}

.caseStudyPuffArchiveTitle {
	padding: 4px 6px 4px 8px;
}

.caseStudyPuffTitle {
	background: url(../img/title_caseStudyPuff.gif) no-repeat top left;
	padding: 4px 6px 6px 20px;
	color: white;
}

.caseStudyPuffTitle A	{
	color: white;
	text-decoration: none;
}
.caseStudyPuffTitle A:hover	{
	text-decoration: underline;
}

.caseStudyPuffAbstract {
	padding: 0 6px 6px 10px;
	color: white;
}

#caseMainContent	{
	background-color: white;
}

#caseMainContentSplash	{
	background-color: white;
	padding: 8px 20px 20px 20px;
}

#caseColSplash	{
	width: 580px;
	float: left;
}

#contentCase	{
	background: url(../img/repeat_caseStudy3Col.gif) repeat-y;
	width: 784px; 
}

#contentCaseSplash	{
	background: url(../img/repeat_caseStudy_1col.gif) repeat-y;
	width: 784px; 
}

#archiveList ul	{
	list-style: none;
	margin: 0;
	padding: 0;
}

#archiveList li	{
	list-style: none;
	background: url(../img/footer_weeArrow.gif) no-repeat 4px 4px;
	padding-left: 14px;
	padding-bottom: 2px;
	margin-right: 10px;
}

#archiveList li a	{
	color: white;
	text-decoration: underline;
}
#archiveList li a:hover	{
	text-decoration: none;
}

/* -----------------------------------------------
   Section titles
------------------------------------------------*/

/* the generic bits of the section title */
#sectionTitle_1_aboutTheGreen, #sectionTitle_2_caseStudy, #sectionTitle_3_howToApply, #sectionTitle_4_applicationForm, #sectionTitle_5_contactUs, #sectionTitle_tandC, #sectionTitle_Privacy	{
	height: 65px;
	border-bottom: 1px solid #94AD2E;
}

#sectionTitle_1_aboutTheGreen	{
	background: url(../img/sectionTitle_1_aboutTheGreen.gif) no-repeat top left;
}

#sectionTitle_2_caseStudy	{
	background: url(../img/sectionTitle_2_caseStudies.gif) no-repeat top left;
}

#sectionTitle_3_howToApply	{
	background: url(../img/sectionTitle_3_howToApply.gif) no-repeat top left;
}

#sectionTitle_4_applicationForm	{
	background: url(../img/sectionTitle_4_application.gif) no-repeat top left;
}

#sectionTitle_5_contactUs	{
	background: url(../img/sectionTitle_5_contactUs.gif) no-repeat top left;
}

#sectionTitle_tandC	{
	background: url(../img/sectionTitle_TandC.gif) no-repeat top left;
}

#sectionTitle_Privacy	{
	background: url(../img/sectionTitle_Privacy.gif) no-repeat top left;
}


/* -----------------------------------------------
   Admin
------------------------------------------------*/




#folderHeadings	a	{ color: white;	}

.adminTitle	{
	border: 1px solid black;
	background-color: blue;
	color: white;
	padding: 3px;
}
.adminSubTitle	{
	border: 1px solid black;
	background-color: #09ABFF;
	color: black;
	padding: 3px;
}

/* -----------------------------------------------
   Forms
------------------------------------------------*/

#roundedMessage	{
	background: url(../img/roundedCorners_top.gif) no-repeat top left;
	margin-bottom: 18px;
	margin-left: 4px;
}

.formFinished	{
	border: 2px solid black;
	background-color: #FFC0C0;
	padding: 5px;
}

.aspValOK	{
	border-width: 2px;
	border-color: #09FF3D;
}

.aspValError	{
	border-width: 2px;
	border-color: red;
}

input	{
	border: 1px solid black;
	padding: 2px;
	width: 200px;
}

select	{
	border: 1px solid black;
}

textarea	{
	border: 1px solid black;
	padding: 2px;
	width: 200px;
	height: 100px;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 1em;
}

fieldset	{
	margin-top: 10px;
	padding: 10px;
}

legend	{	
	color: #535350;
	font-weight: bold;
}

.elementSpace	{
	padding-bottom: 2px;
	padding-top: 2px;
}

.formCap	{
	float: left;
	width: 190px;
	text-align: right;
	margin-right: 20px;
}

.formField	{
	float: left;
	width: 510px;
	height: 24px;
	text-align: left;
}

.formFieldArea	{
	float: left;
	width: 510px;
	height: 110px;
	text-align: left;
}

.formFieldAdmin	{
	float: left;
	width: 510px;
	text-align: left;
}

/* print */
.printMargin	{
	padding: 10px;
}

.printTitle, .printTitleMain	{
	border: 1px solid black;
	padding: 4px;
	margin-bottom: 10px;
	margin-top: 10px;
	background-color: white;
}
.printTitleMain	{	border: 3px double black;	font-weight: bold;	}


.elementSpacePrint	{
	margin: 5px;
	width: 580px;
}
.formPrintDisplay	{
	float: right;
	width: 41%;
	margin-left: 8px;
}
.formCapPrint	{
	margin-right: 8px;
	float: left;
	width: 55%;
	font-weight: bold;
}

.formError	{
	color: #4D00A7;
	font-weight: bold;
}

.errorMessage	{
	color: red;
}
.okMessage	{
	color: #09FF3D;
}

.check	{
	width:16px;
	border: 0;
}

/* Admin */

.adminItemHolder	{
	margin-bottom: 4px;
}

.adminIcon	{
	float: left;
	width: 18px;
	padding-left: 6px;
}
.adminName	{
	float: left;
}
.adminDate	{
	float: right;
}
.adminDate a	{
	color: #4F4227;
}




/* -----------------------------------------------
   Help popup
------------------------------------------------*/

#helpTitle	{
	background: url(../img/help_titleBg.gif) no-repeat top left;
	height: 31px;
	color: white;
	font-weight: bold;
	padding: 7px 0 0 10px;
}

#helpText	{

}

/* -----------------------------------------------
   Login
------------------------------------------------*/

.formSectionHolderLogin	{
	padding: 25px 20px 10px 30px;
}

#signIn	{
	width: 330px;
	float: left;
}

#signIn_newMembersGap	{
	width: 30px;
	height: 250px;
	float: left;
	background: url(../img/login_divide.gif) repeat-y top left;
}

#newMembers	{
	width: 330px;
	float: left;
}

.loginExtraPad	{
	padding: 0 30px 0 30px;
	font-weight: bold;
	color: #339900;
}

.loginExtraPad p	{
	font-weight: normal;
	color: black;
}

/* -----------------------------------------------
   Form Accordion
------------------------------------------------*/


.formSectionTitle	{
	padding: 7px 6px 0px 14px !important;
}
.formSectionHolder	{
	padding: 25px 10px 10px 10px;
}



dt.stretchtoggleGeneric, dt.stretchtoggle, dt.stretchtogglebad, dt.stretchStatic	{
	font-size: 1.2em;
	margin: 0px !important;
	border: none !important;
	color: white;
	width: 750px;
	height: 31px;
	cursor: pointer;
	font-weight:bold;
	font-family: Verdana;
}

dt.stretchStatic {
	background: url(../img/accordion_static.gif) no-repeat top left;
}

dt.stretchtoggle {
	background: url(../img/accordion_toggle.gif) no-repeat top left;
}
dt.stretchtogglebad {
	background: url(../img/accordion_toggle.gif) no-repeat top left;
}

dt.stretchtoggle p {
	display: inline;
	margin: 0px;
	padding: 0px;
}
dd.stretcher {
	margin: 0 0 5px 0 !important;
	/* padding: 0px 0px 0px 8px !important; */
	overflow: visible;
	background-color: #F2F2F2;
	background-image: url(../img/formContentShadedTop.gif);
	background-repeat: no-repeat;
	border-bottom: 5px solid #C0DD1A;
}

dd.stretcher {
	width: 750px;
	/* padding: 10px; */
}

dt.stretchtoggle H2 {
	color: white;
	font-weight:bold;
	margin:0;
}


/* -----------------------------------------------
   File Upload - for form
------------------------------------------------*/


.fileIconHolder	{
	float: left;
	width: 20px;
}

.fileNameHolder	{
	float: left;
	width: 280px;
	text-align: left;
}

.fileRemoveHolder	{
	float: left;
	width: 50px;
	text-align: left;
}


/* -----------------------------------------------
   CSS popup help bubbles
------------------------------------------------*/


#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 5px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
	/*
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
	*/
}


/* -----------------------------------------------
   Footer 
------------------------------------------------*/

#footer	{
	width: 784px;
}

#footerUpper	{
	background-color: white;
}

#footerLinkHolder	{
	float: left;
	background: url(../img/footer_roundedPageBottom.gif) no-repeat top left;
	height: 26px;
	width: 784px;
}

#footerLinkHolder ul	{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

#footerLinkHolder li	{
	float: left;
	background: url(../img/footer_weeArrow.gif) no-repeat 5px 5px;
	padding-left: 14px;
	margin-right: 9px;
}

#footerLinkHolder li a	{
	color: #A6A3A3;
}
#footerLinkHolder li a:hover	{
	color: white;
}

#footerPad	{
	padding: 4px 0 0 350px;
}

#footerCopywrite	{
	color: #A6A3A3;
	padding-left: 20px;
}


/* -----------------------------------------------
   Header 
------------------------------------------------*/


#header	{
	width: 784px; 
	height: 150px;
}



/* -----------------------------------------------
   Main nav
------------------------------------------------*/


#mainNavHolder	{
	background: url(../img/mainNav_fullmenuBackground.gif) no-repeat top left;
	height: 30px;
}


#mainNav #AboutGreenEnergy a {
	width: 190px;	
	background-image: url(../img/mainNav_1_aboutTheGreen.gif);
}
#mainNav #AboutGreenEnergy a:hover, a.selected {
	background-position: -190px 0px;
}

#mainNav #CaseStudies a {
	width: 89px;	
	background-image: url(../img/mainNav_2_caseStudys.gif);
}
#mainNav #CaseStudies a:hover, a.selected {
	background-position: -89px 0px;
}

#mainNav #HowToApply a {
	width: 97px;	
	background-image: url(../img/mainNav_3_howToApply.gif);
}
#mainNav #HowToApply a:hover, a.selected {
	background-position: -97px 0px;
}

#mainNav #ApplicationForm a {
	width: 117px;	
	background-image: url(../img/mainNav_4_applicationForm.gif);
}
#mainNav #ApplicationForm a:hover, a.selected {
	background-position: -117px 0px;
}

#mainNav #ContactUs a {
	width: 89px;	
	background-image: url(../img/mainNav_5_contactUs.gif);
}
#mainNav #ContactUs a:hover, a.selected {
	background-position: -89px 0px;
}

#mainNav
{
	margin: 0;
	padding: 0;
	float: right;
	font-weight: bold;
	font-size: 90%;
}

#mainNav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#mainNav li
{
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	width: auto;
}

#mainNav li a
{
	display: block;
	height: 32px;
	background-repeat: no-repeat;
}


/* -----------------------------------------------
   Debug 
------------------------------------------------*/


.toDo	{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	color: blue;
	font-weight: bold;
}