/*
	###############################################################
	#                                                             #
	#           PELL FRISCHMANN WEBSITE PROJECT V1.0              #
	#           ------------------------------------              #
	#           CSS FILE : SCREEN ALL BROWSERS                    #
	#                                                             #
	###############################################################

	ALTERATION HISTORY
	===============================================================
	DATE		AUTHOR		DETAIL
	===============================================================
	10/01/08	Sam HS		Created File
					Added homepage template data
					Added support for sub-templates
	---------------------------------------------------------------
	15/01/08	Sam HS		Added other pages template data
	---------------------------------------------------------------
	18/01/08	Sam HS		Where? section templates
	---------------------------------------------------------------
	21/01/08	Sam HS		What & Who section templates
	---------------------------------------------------------------
	30/01/08	Sam HS		Revisions to all areas, 60%
					black body text introduced prior
					to go live.
	---------------------------------------------------------------
	APRIL 08	Sam HS		Revisions to all area, new content added
							and new overlays etc
	---------------------------------------------------------------
	MAY 09		Sam HS		Revisions to all areas, Stylesheet updated 
							for font size issue

*/

	* {
		margin:			0;
		padding:		0;
	}

	body {
		background:		#efefef;
		color:			#000000;
		font-family:	helv, arial, sans-serif;
		font-size:		62.5%;
		font: 			62.5%/1.6 Arial, Helv, "Helvetica", sans-serif;
	}

	#container {
		position:		relative;
		width:			990px;
		height:			753px;
	}

	/* SPECIFIC SUB-TEMPLATE CLASSES ALLOW DIFFERENT BACKGROUND IMAGES */
	#container.home {
		background:		transparent url(home.jpg) no-repeat top left;
	}

	#container.join {
		background:		transparent url(join.gif) no-repeat top left;
	}
	#container.what {
		background:		transparent url(what.gif) no-repeat top left;
	}
	#container.where {
		background:		transparent url(wherealt.gif) no-repeat top left;
	}
#apDiv1, #apDiv2  {
	font-size: 1.3em;
	}

	#container.who {
		background:		transparent url(who.gif) no-repeat top left;
	}

	#container.home h1, #container.where h1, #container.who h1, #container.what h1, #container.join h1 {
		display:		none;
	}
	
	#container #content {
		position:		absolute;
		top:			430px;
		left:			30px;
		z-index:		250;
	}

	#content1 {
		position:		absolute;
		top:			100px;
		left:			334px;
		z-index:		250;
	}

	#content2 {
		position:		absolute;
		top:			410px;
		left:			334px;
		z-index:		250;
	}

	#joincontent1 {
		position:		absolute;
		top:			100px;
		left:			334px;
		z-index:		250;
	}

	#joincontent2 {
		position:		absolute;
		top:			430px;
		left:			334px;
		z-index:		250;
	}

	#container #content1 p, #container #content2 p {
		z-index:		250;
		position:		relative;
		margin-bottom:		10px;	
		width:			378px;
		text-align:		justify;
		font-size:		1.2em;
		line-height:		1.2em;
		font-weight:		500;
	}

	#joincontent1 p, #joincontent2 p {
		z-index:		250;
		position:		relative;
		margin-bottom:		10px;	
		width:			348px;
		text-align:		justify;
		font-size:		1.2em;
		line-height:		1.2em;
		font-weight:		500;
	}

	#container.home p {
		z-index:		250;
		position:		relative;
		padding-top:		87px;		
		margin-left:		30px;
		width:			302px;
		text-align:		justify;
		font-size:		1.2em;
		line-height:		1.4em;
		font-weight:		500;
	}

	#container.who p {
		z-index:		250;
		position:		relative;
		width:			302px;
		text-align:		justify;
		font-size:		1.2em;
		line-height:		1.4em;
		font-weight:		500;
		margin-bottom:		10px;
	}

	#container.what p {
		z-index:		250;
		position:		relative;
		width:			302px;
		text-align:		justify;
		font-size:		1.2em;
		line-height:		1.4em;
		font-weight:		500;
		margin-bottom:		10px;
	}

	#container.where p {
		z-index:		250;
		position:		relative;
		width:			302px;
		text-align:		justify;
		font-size:		1.2em;
		line-height:		1.4em;
		font-weight:		500;
		margin-bottom:		10px;
	}

	#accent {
		position:		absolute;
		z-index:		1;
		top:			0px;
		left:			0px;
		height:			753px;
		width:			990px;
	}

	/* SPECIFIC SUB-TEMPLATE CLASSES ALLOW DIFFERENT ACCENT IMAGES */

	#accent.ahome {
		background:		transparent url(home-overlay.png) no-repeat top left;
	}

	#accent.awhere {
		background:		transparent url(where-overlay.png) no-repeat top left;
	}

	#accent.awherebirmingham {
		background:		transparent url(where-overlay-birmingham.png) no-repeat top left;
	}

	#accent.awherebishops {
		background:		transparent url(where-overlay-bishops.png) no-repeat top left;
	}

	#accent.awherebristol {
		background:		transparent url(where-overlay-bristol.png) no-repeat top left;
	}

	#accent.awherecardiff {
		background:		transparent url(where-overlay-cardiff.png) no-repeat top left;
	}

	#accent.awhereedinburgh {
		background:		transparent url(where-overlay-edinburgh.png) no-repeat top left;
	}

	#accent.awhereexeter {
		background:		transparent url(where-overlay-exeter.png) no-repeat top left;
	}

	#accent.awherelondon {
		background:		transparent url(where-overlay-london.png) no-repeat top left;
	}

	#accent.awhereMK {
		background:		transparent url(where-overlay-MK.png) no-repeat top left;
	}

	#accent.awherenottingham {
		background:		transparent url(where-overlay-nottingham.png) no-repeat top left;
	}

	#accent.awhereplymouth {
		background:		transparent url(where-overlay-plymouth.png) no-repeat top left;
	}

	#accent.awherereading {
		background:		transparent url(where-overlay-reading.png) no-repeat top left;
	}

	#accent.awhereswindon {
		background:		transparent url(where-overlay-swindon.png) no-repeat top left;
	}

	#accent.awheretunbridge {
		background:		transparent url(where-overlay-tunbridge.png) no-repeat top left;
	}

	#accent.awherewakefield {
		background:		transparent url(where-overlay-wakefield.png) no-repeat top left;
	}

	#accent.awherewarrington {
		background:		transparent url(where-overlay-warrington.png) no-repeat top left;
	}

	#accent.awhereyork {
		background:		transparent url(where-overlay-york.png) no-repeat top left;
	}

	#accent.awhereindia {
		background:		transparent url(where-overlay-india.png) no-repeat top left;
	}

	#accent.awhereafrica {
		background:		transparent url(where-overlay-africa.png) no-repeat top left;
	}
	#accent.awhereasia {
		background:		transparent url(where-overlay-asia.png) no-repeat top left;
	}
		

	#accent.awhereeasterneurope {
		background:		transparent url(where-overlay-easterneurope.png) no-repeat top left;
	}
	
	#accent.awheremiddleeast {
		background:		transparent url(where-overlay-middleeast.png) no-repeat top left;
	}
	
	#accent.awhereamericas {
		background:		transparent url(where-overlay-americas.png) no-repeat top left;
	}	

	#accent.awho {
		background:		transparent url(who-overlay.png) no-repeat top left;
	}

	#accent.awhoandrew {
		background:		transparent url(who-overlay-andrew.png) no-repeat top left;
	}

	#accent.awhoandrew2 {
		background:		transparent url(who-overlay-andrew2.png) no-repeat top left;
	}

	#accent.awhodominic {
		background:		transparent url(who-overlay-dominic.png) no-repeat top left;
	}

	#accent.awhochristos {
		background:		transparent url(who-overlay-christos.png) no-repeat top left;
	}

	#accent.awhowill {
		background:		transparent url(who-overlay-will.png) no-repeat top left;
	}

	#accent.awhonikhil {
		background:		transparent url(who-overlay-nikhil.png) no-repeat top left;
	}

	#accent.awhoamy {
		background:		transparent url(who-overlay-amy.png) no-repeat top left;
	}

	#accent.awhodan {
		background:		transparent url(who-overlay-dan.png) no-repeat top left;
	}

	#accent.awhomatt {
		background:		transparent url(who-overlay-matt.png) no-repeat top left;
	}

	#accent.awhohannah {
		background:		transparent url(who-overlay-hannah.png) no-repeat top left;
	}

	#accent.awhatairports {
		background:		transparent url(what-overlay-airports.png) no-repeat top left;
	}

	#accent.awhatbridges {
		background:		transparent url(what-overlay-bridges.png) no-repeat top left;
	}

	#accent.awhatbuildingservices {
		background:		transparent url(what-overlay-buildingservices.png) no-repeat top left;
	}

	#accent.awhatbuildings {
		background:		transparent url(what-overlay-buildings.png) no-repeat top left;
	}

	#accent.awhatenvironment {
		background:		transparent url(what-overlay-environment.png) no-repeat top left;
	}

	#accent.awhatfire {
		background:		transparent url(what-overlay-fire.png) no-repeat top left;
	}

	#accent.awhathighways {
		background:		transparent url(what-overlay-highways.png) no-repeat top left;
	}

	#accent.awhatland {
		background:		transparent url(what-overlay-land.png) no-repeat top left;
	}

	#accent.awhatpower {
		background:		transparent url(what-overlay-power.png) no-repeat top left;
	}

	#accent.awhatrail {
		background:		transparent url(what-overlay-rail.png) no-repeat top left;
	}

	#accent.awhatsustainability {
		background:		transparent url(what-overlay-sustainability.png) no-repeat top left;
	}

	#accent.awhattraffic {
		background:		transparent url(what-overlay-transport.png) no-repeat top left;
	}

	#accent.awhatwater {
		background:		transparent url(what-overlay-water.png) no-repeat top left;
	}
	
	#accent.awhatwaste {
		background:		transparent url(what-overlay-waste.png) no-repeat top left;
	}

	#accent.ajoin {
		background:		transparent url(join-overlay.png) no-repeat top left;
	}

	#whattestaccent {
		position:		absolute;
		z-index:		1;
		top:			0px;
		left:			0px;
		height:			753px;
		width:			990px;
		background:		transparent url(what-overlay.gif) no-repeat top left;
	}

	#whataccent {
		position:		absolute;
		z-index:		1;
		top:			0px;
		left:			0px;
		height:			753px;
		width:			990px;
		background:		transparent url(what-overlay.png) no-repeat top left;
	}

	#container.home #caption {
		position:		absolute;
		z-index:		100;
		color:			white;
		bottom:			15px;
		right:			20px;
	}

	#basenav {
		z-index:		100;
		width:			500px;
		position:		absolute;
		bottom:			20px;
		font-size:		1.1em;
		left:			340px;
	}

	#basenav li {
		float:			left;
		color:			#000000;
		margin-left:		0px;
		padding-left:		0px;
		list-style:		none;
	}

	#basenav li a {
		color:			#000000;
		text-decoration:	none;
	}

	#basenav li a:active, #basenav li a:hover {
		text-decoration:	underline;
	}

	#container.home #basenav li a,#container.home #basenav li {
		color:			#000000;
	}

	#container.home #caption p {
		text-align:		right;
		width:			200px;
		line-height:		1.3em;
		z-index:		250;
	}

	#container.where #caption {
		position:		absolute;
		z-index:		100;
		bottom:			110px;
		left:			80px;
		font-size:		0.8em;
		width:			200px;
		z-index:		250;
	}

	#container.where #caption2 {
		position:		absolute;
		z-index:		100;
		border:			none;
		width:			200px;
		font-size:		.9em;
		color:			white;
		bottom:			5px;
		right:			10px;
	}

	#whoaddress {
		z-index:		250;
		position:		absolute;
		bottom:			20px;
		right:			40px;
		text-align:		right;
		z-index:		300;
		width:			230px;
		font-size:		1.5em;
		color:			white;
	}

	#whoaddress a {
		color:			#ffffff;
		text-decoration:	none;
		font-weight:		bold;
	}

	#whatcontact {
		z-index:		250;
		position:		absolute;
		bottom:			115px;
		right:			39px;
		text-align:		right;
		z-index:		300;
		width:			330px;
		font-size:		1.5em;
		color:			#999999;
	}

	#officeaddress {
		z-index:		250;
		position:		absolute;
		bottom:			5px;
		right:			5px;
		width:			230px;
		font-size:		1em;
		color:			white;
	}

	#officecaption {
		z-index:		250;
		position:		absolute;
		left:			34px;
		top:			410px;
		width:			200px;
		font-size:		1em;
	}

	#dominiccaption {
		z-index:		250;
		position:		absolute;
		left:			34px;
		top:			410px;
		width:			200px;
		font-size:		0.85em;
	}

	#container #dominiccaption p {
		width:			250px;
	}

	#andrewcaption {
		z-index:		250;
		position:		absolute;
		left:			34px;
		top:			547px;
		width:			200px;
		font-size:		0.85em;
	}

	#andrewcaption p {
		margin-left:		20px;
		line-height:		0.9em;
		margin-bottom:		0px;
		padding-bottom:		0;
	}

	#andrewcaption ul {
		z-index:		250;
		margin-top:		0;
		padding-top:		0;	
		font-size:		1.1em;
	}

	#willcaption {
		z-index:		250;
		position:		absolute;
		left:			40px;
		top:			540px;
		width:			200px;
		font-size:		0.85em;
	}

	#willcaption p {
		z-index:		250;
		line-height:		0.9em;
		margin-bottom:		0px;
		padding-bottom:		0;
	}



	#willcaption ul {
		z-index:		250;
		margin-top:		0;
		padding-top:		0;	
		font-size:		1.1em;
	}

	#sallycaption {
		z-index:		250;
		position:		absolute;
		bottom:			120px;
		left:			40px;
		width:			910px;
		font-family:		arial, helv, sans-serif;
		font-size:		2.2em;
		font-weight:		300;
		color:			#999999;	
		line-height:		1.4em;
	}

	#container #officecaption p {
		z-index:		150;
		line-height:		1.3em;
		width:			250px;
	}

	#container.join #caption {
		position:		absolute;
		z-index:		100;
		top:			150px;
		left:			30px;
		width:			270px;
	}

	#whatcontent {
		z-index:		150;
		position:		absolute;
		top:			420px;
		left:			30px;
	}

	#whatcontent2 {
		z-index:		150;
		position:		absolute;
		top:			420px;
		left:			565px;
	}

	#whatcontent ul, #whatcontent2 ul {
		z-index:		150;
		font-size:		1.2em;
		margin-bottom:		12px;
		width:			390px;
	}

	#container #whatcontent2 p {
		z-index:		150;
		width:			390px;
		margin-bottom:		10px;
	}

	#container #whatcontent p {
		z-index:		150;
		width:			420px;
		margin-bottom:		10px;
	}

	#container #whatcontent ul, #container #whatcontent2 ul {
		z-index:		150;
		margin-left:		15px;
		font-size:		1.2em;
	}

	#whatheader {
		display:		none;
		position:		absolute;
		top:			300px;
		left:			30px;
	}
	
	#whatheader h2 {
		font-family:		arial, helv, sans-serif;
		font-size:		2.2em;
		font-weight:		300;
		color:			#999999;	
		line-height:		1.8em;
	}

	#container.join #caption h2, #recruit h2  {
		font-family:		arial, helv, sans-serif;
		font-size:		2.2em;
		font-weight:		300;
		color:			#99ABD1;	
		line-height:		1.8em;
	}

	#container.where #caption p {
		text-align:		left;
		width:			200px;
		line-height:		1.1em;
	}

	#welshlink {
		z-index:		200;
		position:		absolute;
		right:			10px;
		width:			225px;
		bottom:			190px;
	}

	#bishopscaption {
		z-index:		200;
		position:		absolute;
		right:			10px;
		width:			225px;
		top:			410px;		
	}

	#container #bishopscaption p {
		width:			200px;
		text-align:		left;
	}

	#warringtoncaption {
		z-index:		200;
		position:		absolute;
		right:			10px;
		width:			225px;
		top:			220px;		
	}

	#container #warringtoncaption p {
		width:			225px;
	}

	#container #bishopscaption p {
		width:			200px;
	}

	/* IMAGE MAP ITEMS */

	#imagemapSmallMap {
		z-index:		200;
		position:		absolute;
		display:		none;
		top:			105px;
		left:			70px;
	}
	

	#imagemapBigMap {
		z-index:		90;
		position:		absolute;
		top:			68px;
		left:			480px;
		width:			325px;
		text-align:		center;
	}
	
	#imagemapBigMap2 {
	z-index:		190;
	position:		absolute;
	top:			117px;
	left:			42px;
	width:			363px;
	text-align:		center;
	height: 213px;
	}

	#whatMapImg {
		z-index:		90;
		position:		absolute;
		top:			0;
		left:			0;
	}

	.mapbtn {
		position:		absolute;
		text-indent:		-10000px;
		overflow:		hidden;
		width:			21px;
		height:			21px;
		background:		transparent url(navMap.png) no-repeat top left;
	}

	.mapbtn:hover, .mapbtn:active {
		background:		transparent url(navMapOn.png) no-repeat top left;
	}

	#whereofflink1 {
		z-index:		300;
		display:		block;
		position:		absolute;
		bottom:			180px;
		right:			10px;
		width:			150px;
		height:			50px;
		overflow:		hidden;
		text-indent:		-10000px;
	}

	#whereofflink2 {
		z-index:		300;
		display:		block;
		position:		absolute;
		bottom:			150px;
		right:			10px;
		width:			180px;
		height:			30px;
		overflow:		hidden;
		text-indent:		-10000px;
	}

	#officename {
		border:			1px solid #ffffff;
		background:		#ffce00;
		color:			#ffffff;
		padding:		4px;
		width:			120px;
		margin:			auto;
		font-size:		1.1em;
		display:		none;
		margin-top:		5px;
	}

	#officelocationlabel {
		position:		absolute;
		top:			515px;
		left:			130px;
		width:			140px;
		text-align:		center;
	}

	#mapYorkBtn {
		top:			282px;
		left:			206px;
	}

	#mapPlymouthBtn {
		left:			88px;
		top:			497px;
	}

	#mapExeterBtn {
		left:			110px;
		top:			481px;
	}

	#mapCardiffBtn {
		left:			125px;
		top:			433px;
	}

	#mapBristolBtn {
		left:			148px;
		top:			434px;
	}

	#mapSwindonBtn {
		left:			175px;
		top:			429px;
	}

	#mapTunbridgeBtn {
		left:			258px;
		top:			456px;
	}
	#mapBishopsBtn {
		left:			255px;
		top:			416px;
	}
	#mapReadingBtn {
		left:			213px;
		top:			435px;
	}
	#mapLondonBtn {
		left:			247px;
		top:			432px;
	}
	#mapMKBtn {
		left:			216px;
		top:			399px;
	}
	#mapNottinghamBtn {
		left:			205px;
		top:			345px;
	}
	#mapBirminghamBtn {
		left:			175px;
		top:			372px;
	}
	#mapWarringtonBtn {
		left:			151px;
		top:			316px;
	}
	#mapWakefieldBtn {
		left:			192px;
		top:			303px;
	}
	#mapEdinburghBtn {
		left:			131px;
		top:			161px;
	}

	/* NAVIGATION ITEMS */

	#navHome {
		position:		absolute;
		z-index:		100;
		display:		block;
		width:			120px;
		height:			50px;
		background:		transparent url(navHome.png) no-repeat top left;
		top:			340px;
		left:			20px;
		overflow:		hidden;
		text-indent:		-10000px;
	}

	#navHome:hover, #navHome.navon, #navHome:active {
		background:		transparent url(navHomeOn.png) no-repeat top left;
	}

	#navWhere {
		position:		absolute;
		z-index:		100;
		display:		block;
		width:			120px;
		height:			50px;
		background:		transparent url(navWhere.png) no-repeat top left;
		top:			340px;
		left:			195px;
		overflow:		hidden;
		text-indent:		-10000px;
	}

	#navWhere:hover, #navWhere.navon, #navWhere:active {
		background:		transparent url(navWhereOn.png) no-repeat top left;
	}

	#navWho {
		position:		absolute;
		z-index:		100;
		display:		block;
		width:			120px;
		height:			50px;
		background:		transparent url(navWho.png) no-repeat top left;
		top:			340px;
		left:			320px;
		overflow:		hidden;
		text-indent:		-10000px;
	}

	#navWho:hover, #navWho.navon, #navWho:active {
		background:		transparent url(navWhoOn.png) no-repeat top left;
	}

	#navWhat {
		position:		absolute;
		z-index:		100;
		display:		block;
		width:			120px;
		height:			50px;
		background:		transparent url(navWhat.png) no-repeat top left;
		top:			340px;
		left:			434px;
		overflow:		hidden;
		text-indent:		-10000px;
	}

	#navWhat:hover, #navWhat.navon, #navWhat:active {
		background:		transparent url(navWhatOn.png) no-repeat top left;
	}

	#navJoin {
		position:		absolute;
		z-index:		100;
		display:		block;
		width:			70px;
		height:			50px;
		background:		transparent url(navJoin.png) no-repeat top left;
		top:			342px;
		left:			553px;
		overflow:		hidden;
		text-indent:		-10000px;
	}

	#navJoin:hover, #navJoin.navon, #navJoin:active {
		background:		transparent url(navJoinOn.png) no-repeat top left;
	}

	#navJoinAlt {
		position:		absolute;
		z-index:		100;
		display:		block;
		width:			70px;
		height:			50px;
		background:		transparent url(navJoinNoText.png) no-repeat top left;
		top:			342px;
		left:			553px;
		overflow:		hidden;
		text-indent:		-10000px;
	}

	#navJoinAlt:hover, #navJoinAlt.navon, #navJoinAlt:active {
		background:		transparent url(navJoinNoTextOn.png) no-repeat top left;
	}

	/* SUB-NAV FOR CONTENT PAGES FOLLOWS */
	
	#mainWhoNav {
		z-index:		100;
		position:		relative;
		left:			30px;
		top:			85px;
		width:			265px;
	}

	#mainWhoNav li {
		list-style:		none;
		text-align:		justify;
		line-height:		1.7em;
		margin-bottom:		10px;
	}

	#mainWhoNav li h5 {
		font-size:		1.1em;
		color:			#9EBD2B;
		font-weight:		500;
	}

	#mainWhoNav li a {
		font-size:		1.1em;
		color: 			#afafaf;
		text-decoration:	none;
		font-weight:		500;
	}

	#mainWhoNav li a:active, #mainWhoNav li a:hover, #mainWhoNav li a.active {
		color:			#9EBD2B;
		text-decoration:	underline;
	}
	
		#ukwherelist {
		z-index:		200;
		position:		absolute;
		top:			105px;
		left:			70px;
	}
	
	#ukWhereNav {
		z-index:		100;
		position:		relative;
		left:			30px;
		top:			85px;
		width:			265px;
	}

	#ukWhereNav li {
		list-style:		none;
		text-align:		justify;
		line-height:		1.2em;
		margin-bottom:		3px;
	}

	#ukWhereNav li h5 {
		font-size:		1.1em;
		color:			#9EBD2B;
		font-weight:		600;
	}

	#ukWhereNav li a {
		font-size:		1.1em;
		color: 			#afafaf;
		text-decoration:	none;
		font-weight:		600;
	}

	#ukWhereNav li a:active, #ukWhereNav li a:hover, #ukWhereNav li a.active {
		color:			#FFCE00;
		text-decoration:	underline;
	}
	
	#mainWhatNav {
		z-index:		100;
		position:		relative;
		left:			30px;
		top:			85px;
		width:			305px;
	}

	#mainWhatNav li {
		list-style:		none;
		line-height:		1.25em;
		margin-bottom:		4px;
	}

	#mainWhatNav li h5 {
		font-size:		1.1em;
		color:			#db214c;
		font-weight:		600;
	}

	#mainWhatNav li a {
		font-size:		1.1em;
		color: 			#9C9EA0;
		text-decoration:	none;
		font-weight:		600;
	}

	#mainWhatNav li a:active, #mainWhatNav li a:hover, #mainWhatNav li a.active {
		color:			#db214c;
		text-decoration:	underline;
	}
	#apDiv8 {
	position:absolute;
	left:57px;
	top:564px;
	width:136px;
	height:67px;
	z-index:1000;
}	
	.joinpanel {
		position:	absolute;
		display:	none;
		background-image:	url(joinpanel.png);
		z-index:	1100;
		width:		520px;
		height:		400px;
		left: 		295px;
		top: 		179px;
		font-size:	1.1em;
	}
	
	.joinpanelinner {
		margin:		0;
		padding:	0;
		width:		520px;
		height:		400px;
		overflow: 	auto;
		line-height:1.2em;
}
	
	.joinpanel h2, .joinpanel h3, .joinpanel ul, .joinpanel p {
		position:		relative;
		padding-left:	20px;
		padding-right:	20px;
		margin-bottom:	10px;
		background:		none;
		z-index:		1220;		
	}
	
	.joinpanel a {
		width:			auto;
		height:			auto;
		z-index:		1500;
	}
	
	.joinpanel h2 {
		margin-top:		30px;
		margin-bottom:	0px;
		font-size:		1.8em;
		line-height:	1.1em;
	}
	
	.joinpanel h3 {
		font-size:		1.5em;
		line-height:	1.5em;
	}
	
	#recruit a {
		padding-left:	15px;
		background-image: url(grow.gif);
		background-repeat:no-repeat;
		background-position:center left;
		text-decoration:none;
		color:			#5f7cb8;
		
	}
	
	#recruit p {
		margin-bottom:	10px;
	}
	
	#recruit ul li {
		list-style:		none;
		line-height:	1.4em;
	}
	
	.joinpanel .close {
		position:	absolute;
		display:	block;
		top:		0;
		left:		0;
		width:		30px;
		height:		30px;
		text-indent:-1000px;
		overflow:	hidden;
		z-index:	1220;
		background:		none;		
	}
	
	a.announcement {
		padding-left:	15px;
		background-image: url(grow.gif);
		background-repeat:no-repeat;
		background-position:center left;
		text-decoration:underline;
		color:			#5f7cb8;
		
	}

	.announcepanel {
		position:	absolute;
		display:	none;
		background-image:	url(announcepanel.png);
		z-index:	1100;
		width:		773px;
		height:		684px;
		left: 		125px;
		top: 		49px;
		color:		white;
	}
	
	.announcepanelinner {
		margin:		0;
		padding:	0;
		width:		520px;
		height:		400px;
		overflow: 	auto;
}
	
	.announcepanel h2, .announcepanel h3, .announcepanel ul, .announcepanel p {
		position:		relative;
		padding-left:	40px;
		padding-right:	40px;
		margin-bottom:	10px;
		background:		none;
		z-index:		1220;		
	}
	
	.announcepanel a {
		width:			auto;
		height:			auto;
		z-index:		1500;
		color:			white;
	}
	
	.announcepanel h2 {
		margin-top:		260px;
		margin-bottom:	0px;
		font-size:		1.5em;
		font-weight:	normal;
	}
	
	.announcepanel h3 {
		font-size:		1.5em;
	}
		
	.announcepanel .close {
		position:	absolute;
		display:	block;
		top:		0;
		left:		0;
		width:		30px;
		height:		30px;
		text-indent:-1000px;
		overflow:	hidden;
		z-index:	1220;
		background:		none;		
	}