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

/* -- Generic -------------------------------- */
	body{
		font-family: Arial, Helvetica, sans-serif;
		padding: 0px; 
		margin: 0px;
		font-size: 80%;
		}
	p{
		text-align: justify;
		}
/* ------------------------------------------- */

/* -- 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;
			}
		li.alsoList{
			background: url(/images/icons/rightArrowBlue.jpg) no-repeat 0 50%;
			padding: 5px 0px 5px 30px;
			}
		li.alsoList a{
			text-decoration: none;
			color: #000000;
			font-size: 110%;
			}
		li.alsoList a:hover, li.alsoList a:active, li.alsoList a:focus{
			color: #ff0000;
			}
/* ------------------------------------------- */

/* -- 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;
		}
/* ------------------------------------------- */

/* -- Layout --------------------------------- */
	#overallContent{
		position: relative;
		background: url(/images/layout/mainHeader-1200a.jpg) top left 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;
		}
	#strapline{
		position: absolute;
		top:0px;
		left: 455px;
		}
	.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;
		}
	#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: 155px;
		right: 33px;
		}
	#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;
		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: right;
		padding: 0px;
		padding-right: 6px;
		margin-top: -10px;
		}
	.leftMenuA{
		font-weight: bold;
		text-decoration: none;
		font-size: 17px;
		color: #0069b9;
		}
	#leftMenu a:hover{
		color: #000000;
		}
	/* ---------------- */
	/* -- Top Menu ---- */
	#topMenu{
		position: absolute;
		top: 75px;
		left: 170px;
		/*width: 650px;*/
		}
	#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: 200px;
			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: 145px;
				}
	/* ------------------------------- */
/* ------------------------------------------- */

/* -- 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;
	}
/* ------------------------------------------- */