/* -- Stylesheet for GSHPA.org.uk --------------------------------------------------- */
/* -- Developed by MoonSpace - www.moonspace.co.uk - (c)2008 ------------------------ */

/* -- Wordpress styles ----------------------- */
	img.alignright{
		float: right;
		margin: 0px 0px 20px 20px;
		}
	img.alignleft{
		float: left;
		margin: 0px 20px 20px 0px;
		}
	p.aligncenter{
		text-align: center;
		}
	img.alignright, img.aligncenter, img.alignleft{
		border: 1px solid #cccccc;
		padding: 3px;
		background: #e0e0e0;	
		}
	img.noBackground{
		border: none;
		background: none;
		padding: 0px;
		}
/* ------------------------------------------- */

/* -- Preview pane --------------------------- */
	div.preview{
		border: 1px solid #c5c5c5;
		border-radius: 8px;
		width: 300px;
		box-shadow: 0px 2px 4px #e0e0e0;
		padding: 20px;
		margin: 20px;
		clear: both;
		} 
	div.preview a{
		background: url(/images/icons/leftArrowBlue.jpg) left no-repeat;
		padding: 3px 0px 3px 25px;
		text-decoration: none;
		font-size: 1.4em;
		color: #000000;
		}
	div.preview a:hover{
		color: #ff9900;
		}
	div.preview input[type="submit"]{
		background: url(/images/icons/loading.gif) left no-repeat;
		padding: 5px 5px 5px 30px;
		border: 1px solid #c5c5c5;
		border-radius: 2px;
		cursor: pointer;
		font-weight: bold;
		}
	div.preview input[type="submit"]:hover{
		color: #ff9900;
		}
	div.preview h2{
		padding: 0px;
		margin: 0px;
		}
/* ------------------------------------------- */

/* -- Generic -------------------------------- */
	body{
		font-family: Arial, Helvetica, sans-serif;
		padding: 0px; 
		margin: 0px;
		font-size: 80%;
		background: url(/images/layout/mainBG.jpg) 0px 0px repeat-x;
		}
	p{
		/*text-align: justify;*/
		}
	.gButton{
		border: 1px solid #d1d1d1;
		font-size: 100%;
		padding: 0px;
		margin: 0px;
		background: none;
		cursor: pointer;
		display: inline;
		}
	.gButton:hover{
		background: #f0f0f0;
		}
/* ------------------------------------------- */

/* -- Membership Structure ------------------- */
#membershipStructure{
	width: 95%;
	padding: 0px;
	margin: 0px;
	}
#membershipStructure th{
	padding: 3px;
	text-align: left;
	border: none;
	border-collapse: collapse;
	}
#membershipStructure th.company{
	padding: 3px;
	text-align: left;
	border: none;
	background: #e0e0e0;
	border-collapse: collapse;
	}
#membershipStructure td{
	padding: 3px;
	border: 1px solid #e1e1e1;
	border-collapse: collapse;
	}
/* ------------------------------------------- */

/* -- FAQs ----------------------------------- */
		p.faqs{
			background: url(/images/icons/questionBlue.jpg) no-repeat top left;
			text-indent: 30px;
			padding: 2px 0px 10px 0px;
			}
		p.faqs a{
			text-decoration: none;
			color: #000000;
			font-size: 110%;
			cursor: help;
			}
		p.faqs a:hover, p.faqs a:active, p.faqs a:focus{
			color: #ff0000;
			}
		.faqAnswer{
			display: none;
			border: 1px solid #e1e1e1;
			padding: 10px;
			}
		.faqAnswer a{
			text-decoration: none;
			color: #000000;
			font-size: 110%;
			cursor: pointer;
			}
		.faqAnswer p.close{
			background: url(/images/icons/upArrowBlue.jpg) left no-repeat;
			min-height: 25px;
			height: 25px;
			text-indent: 30px;
			margin-top: 10px;
			padding-top: 5px;
			}
/* ------------------------------------------- */

/* -- Lists ---------------------------------- */
	/* -- also --------------------- */
		ul.alsoList{
			list-style-type: none;
			}
		ul.alsoList li,
		li.alsoList{
			background: url(/images/icons/rightArrowBlue.jpg) no-repeat 0 50%;
			padding: 5px 0px 5px 30px;
			}
		ul.alsoList li a,
		li.alsoList a{
			text-decoration: none;
			color: #000000;
			font-size: 110%;
			}
		ul.alsoList li a:hover,
		li.alsoList a:hover, li.alsoList a:active, li.alsoList a:focus{
			color: #ff0000;
			}
	/* -- spaced ------------------ */
		ul.spaced{
			line-height: 20px;
			}
/* ------------------------------------------- */

/* -- Events --------------------------------- */
p.eventsList{
	background: url(/images/icons/event.png) no-repeat;
	padding-left: 50px;
	padding-bottom: 10px;
	}
/* ------------------------------------------- */

/* -- Headers -------------------------------- */
	h1{
		font-size: 150%;
		color: #036ab9;
		}
	h1.underline{
		border-bottom: 1px solid #7EB5DE;
		}
	h2{
		font-size: 120%;
		color: #036ab9;
		}
	h2.underline{
		border-bottom: 1px solid #7EB5DE;
		}
/* ------------------------------------------- */

/* -- Links ---------------------------------- */
	a.iconLink{
		text-decoration: none;
		font-size: 130%;
		color: #000000;
		}
	a.iconLink:hover{
		color: #ff0000;
		}
	.cursor{
		cursor: pointer;
		}
	a.latest{
		text-decoration: none;
		color: #0069b9;
		font-size: 12px;
		}
	a.contactLink{
		text-decoration: none;
		font-size: 110%;
		color: #000000;
		}
	a.contactLink:hover, a.contactLink:active, a.contactLink:focus{
		color: #ff0000;
		}
	.caseStudy a{
		background: url(/images/icons/arrowSmallRight.png) right no-repeat;
		padding-right: 15px;
		position: absolute;
		bottom: 5px;
		right: 5px;
		text-decoration: none;
		color: #000000;
		font-size: 110%;
		font-weight: bold;
		}
	.caseStudy a:hover, p.caseStudy a:active, p.caseStudy a:focus{
		color: #ff0000;
		}
	a.inline{
		color: #0069b9;
		text-decoration: none;
		}
	a.frontBoxA{
		color: #ffffff;
		text-decoration: none;
		}
	a.frontBoxA:hover, a.frontBoxA:active, a.frontBoxA:focus{
		color: #0469b9;
		color: #000000;
		}
/* ------------------------------------------- */

/* -- Layout --------------------------------- */
	#overallContent{
		position: relative;
		/*background: url(/images/layout/mainHeader-1200a.jpg) top left no-repeat;*/
		background: url(/images/layout/mainHeader.jpg) 0px 0px no-repeat;
		/*margin: 0px auto 0px auto;*/
		margin: 0px auto 0px auto;
		border-top: none; 
		/*width: 820px;*/
		max-width: 1200px;
		}
	#logo{
		position: absolute;
		top: 65px;
		left: 18px;
		display: none;
		}
	#strapline{
		position: absolute;
		top:0px;
		left: 455px;
		display: none;
		}
	.latestFront{
		background: url(/images/layout/frontBoxBaseRight.jpg) bottom right no-repeat;
		width: 373px;
		float: left;
		}
	.latestFrontBaseLeft{
		background: url(/images/layout/frontBoxBaseLeft.jpg) bottom left no-repeat;
		}
	.latestFrontTopRight{
		background: url(/images/layout/frontBoxTopRight.jpg) top right no-repeat;
		}
	.latestFrontTopLeft{
		background: url(/images/layout/frontBoxTopLeft.jpg) top left no-repeat;
		padding: 10px;
		}
	p.frontLatestTitle{
		padding: 0px;
		margin: 0px;
		font-size: 120%;
		font-weight: bold;
		}
	p.readMore{
		font-size: 90%;
		margin: 0px;
		padding: 0px;
		}
	p.techBase{
		border-bottom: 1px solid #e1e1e1;
		padding-bottom: 20px;
		}
	.whatsOn{
		background: url(/images/layout/frontBoxBaseRight.jpg) bottom right no-repeat;
		width: 761px;
		}
	#contentOuter{
		padding-top: 200px;
		/*width: 640px;*/
		margin: 0px 30px 0px 178px;
		}
	
	#contentInner{
		padding: 15px;
		position: relative;
		}
	#contentTopRight{
		/*background: url(/images/layout/contentTopRight.jpg) top right no-repeat;*/
		}
	#contentTopLeft{
		/*background: url(/images/layout/contentTopLeft.jpg) top left no-repeat;*/
		}
	#contentBaseRight{
		/*background: url(/images/layout/contentBaseRight.jpg) right bottom no-repeat;*/
		}
	#contentBaseLeft{
		/*background: url(/images/layout/contentBaseLeft.jpg) left bottom no-repeat;*/
		}
	 /* -- OLD - fixed width ----
	#contentTop{
		background: url(/images/layout/contentTop.jpg) top left no-repeat;
		margin-right: -1px;
		margin-left: 16px;
		}
	#contentBase{
		background: url(/images/layout/contentBase.jpg) bottom left no-repeat;
		padding: 20px;
		}
	-- */
	
	#footer{
		margin: 0px auto 20px auto;
		max-width: 1200px;
		text-align: right;
		font-size: 100%;
		color: #adbdd4;
		padding-right: 90px;
		}
	#footer a{
		color: #adbdd4;
		text-decoration: none;
		}
	#footer a:hover{
		color: #000000;
		}
	#joinUs{
		position: absolute;
		top: 140px;
		right: 33px;
		display: none;
		}
	#handBook{
		position: absolute;
		top: 145px;
		right: 150px;
		}	
	#handBook a{
		text-decoration: none;
		color: #0267b5;
		font-size: 90%;
		font-weight: bold;
		}
	#handBook a:hover, #handBook a:active,#handBook a:focus{
		color: #000000;
		}
/* ------------------------------------------- */

/* -- Menus ---------------------------------- */
	/* -- Left Submenu --- */
	a.subMenu{
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
		text-transform: capitalize;
		padding-left: 3px;
		color: #0069B9;
		}
	a.subMenu:hover{
		color: #000000;
		}
	
	/* -- Left Menu --- */
	#leftMenu{
		position: absolute;
		width: 136px;
		top: 199px;
		left: 20px;
		background: url(/images/layout/menuTop.jpg) no-repeat;
		}
	#leftMenu p{
		text-align: left;
		padding: 0px;
		padding-right: 6px;
		margin-top: -10px;
		}
	.leftMenuA{
		font-weight: bold;
		text-decoration: none;
		font-size: 17px;
		color: #0069b9;
		padding-left: 4px;
		text-transform: capitalize;
		}
	#leftMenu a:hover{
		color: #000000;
		}
	#leftMenu .divider{
		font-weight: bold;
		border-top: 1px solid #7eb5de;
		font-size: 17px;
		color: #0069b9;
		font-style: italic;
		text-align: left;
		padding-left: 10px;
		}
	/* ---------------- */
	/* -- Top Menu ---- */
	#topMenu{
		position: absolute;
		top: 75px;
		left: 170px;
		display: none;
		}
	#topMenu p{
		border-top: 3px solid #0069B9;
		border-bottom: 3px solid #0069B9;
		margin: 0px;
		margin-left: 10px;
		padding: 1px;
		text-align: center;
		float: left;
		width: 110px;
		background: #ffffff;
		}
	#topMenu a{
		font-size: 14px;
		text-decoration: none;
		color: #0069b9;
		font-weight: bold;
		}
	.topMenuSub{
		position: absolute;
		width: 112px;
		background: url(/images/layout/topMenuSubBG.png) bottom left no-repeat;
		display: none;
		border-top: 3px solid #0069B9;
		}
	#homes{
		top: 112px;
		left: 180px;
		}
	#architects{
		top: 112px;
		left: 302px;
		}
	#localSocial{
		top: 112px;
		left: 424px;
		}
	#charities{
		top: 112px;
		left: 546px;
		}
	#commercial{
		top: 112px;
		left: 668px;
		}		
	p.topMenuP{
		font-size: 110%;
		text-align: left;
		padding-left: 3px;
		}
	a.topMenuA{
		color: #003399;
		text-decoration: none;
		}
	a.topMenuA:hover{
		color: #FF6600;
		}
	/* ---------------- */
	/* -- Left pop out menus --------- */
		.popOutMenu{
			position: absolute;
			background: url(/images/layout/leftMenuBase.jpg) right bottom no-repeat;
			border-left: 1px solid #e0e0e0;
			width: 225px;
			left: 135px;
			display: none;
			z-index: 100;
			}
		.popOutMenuInner{
			background: url(/images/layout/leftMenuTop.jpg) right top no-repeat;
			padding: 5px;
			}
		.popOutMenu a{
			color: #0069b9;
			text-decoration: none;
			font-size: 16px;
			}
			/* -- Specifics -- */
			#aboutMenu{
				top: 10px;
				}
			#solarHeatingMenu{
				top: 53px;
				}
			#caseStudiesMenu{
				top: 147px;
				}
			#informationMenu{
				top: 76px;
				}
	/* ------------------------------- */
/* ------------------------------------------- */

/* -- Misc ----------------------------------- */
.noBorder{
	border: none;
	}
.bordered{
	border: 1px solid #cccccc;
	padding: 3px;
	margin-right: 5px;
	background: #e0e0e0;
	}
.middle{
	vertical-align: middle;
	}
.backIcon{
	vertical-align: middle;
	margin-top: -4px;
	}
.leftMenuBold{
	font-size: 20px;
	font-weight: bold;
	}
.topMenuBold{
	font-size: 15px;
	font-weight: bold;
	}
p.memberOdd{
	background: url(/images/icons/memberBlue.png) no-repeat;
	padding-left: 35px;
	/*height: 40px;*/
	}
p.memberEven{
	background: url(/images/icons/memberGreen.png) no-repeat;
	padding-left: 35px;
	/*height: 40px;*/
	}
.text80{
	font-size: 80%;
	}
.text70{
	font-size: 70%;
	}
p.newsDisplay{
	background: url(/images/icons/news.png) no-repeat;
	padding-left: 50px;
	padding-right: 10px;
	padding-bottom: 10px;
	}
.iconImage{
	border: none;
	margin-bottom: -4px;
	}
.contactIcon{
	vertical-align: middle;
	padding-right: 15px;
	width: 30px;
	}
.caseStudy{
	position: relative;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #aaaaaa;
	margin-bottom: 30px;
	}
.imageRight{
	float: right;
	margin: 0px 0px 0px 10px;
	}
.imageLeft{
	float: left;
	margin: 0px 10px 0px 0px;
	}
.centred{
	text-align: center;
	}
.required{
	color: #ff0000;
	font-weight: bold;
	vertical-align: top;
	}
div.frontExtra{
	border: 1px solid #d9d9d9;
	margin: 0px 20px;
	padding: 10px;
	box-shadow: 0px 1px 5px #FEC400;
	}
.cLeft{ clear: left; }
.cRight{ clear: right; }
.cBoth{ clear: both; }
/* ------------------------------------------- */