/*Future Talent Main Styles*/
/*Layout Styles*/
* {margin: 0;}
html, body {height: 100%; font-size:85%; font-family:Arial, Helvetica, sans-serif; color:#fff; background-color:#000; }

/*Background Images */
	#whoWeFund #wrapper{background:url(/images/bg-wwd.jpg) 47px 150px no-repeat;}
	.wwdOff{background:url(/images/bg-wwdOff.jpg) 47px 150px no-repeat !important;}
	body #wrapper{background:#000 url(/images/bg-int.jpg) no-repeat left 170px;}
	#howWeCanHelp #wrapper{background:#000 url(/images/bg-int2.jpg) no-repeat left 200px !important;}
	#whatWeDo #wrapper{background:#000 url(/images/bg-int7.jpg) no-repeat left 220px !important;}
	#events #wrapper{background:#000 url(/images/bg-int4.jpg) no-repeat left 210px !important;}
	#news #wrapper{background:#000 url(/images/bg-int5.jpg) no-repeat left 200px !important;}
	#howYouCanHelp #wrapper{background:#000 url(/images/bg-int6.jpg) no-repeat left top !important;}
	#getInTouch #wrapper{background:#000 url(/images/bg-int8.jpg) no-repeat left 200px !important;}
	#whoWeAre #wrapper{background:#000 url(/images/bg-trustees-nograd.jpg) no-repeat left 90px !important;}
	#whoWeAre.l2 #wrapper{background:#000 url(/images/bg-trustees.jpg) no-repeat left 90px !important;}
	#whoWeAre.l3 #wrapper{background:#000 url(/images/bg-trustees-nograd.jpg) no-repeat left 90px !important;}
	#whoWeFund.l3 #wrapper{background:#000 url(/images/bg-int4.jpg) no-repeat left 200px !important;}
	#supporters #wrapper,
	#press.l2 #wrapper {background:#000 !important;}
	#hp #wrapper{background:#000 url(/images/bg-hp.jpg) no-repeat -5px -5px !important;}

#wrapper {min-height:770px; margin: 0 0 -79px;}
#footer, #push {height: 78px;}
.container{width:960px; margin:0 20px; position:relative; float:left;}


#supporters #wrapper #content #right a#socialBookmarks{margin:10px 0;padding:0;}
.container #flash,
#fbContainer{width:inherit; height:470px; top:20px;position:relative; z-index:1;}
#hp .container #flash{height:450px; margin-left:-1px; margin-top:10px; top:0; position:relative;}

#fbContainer{height:500px; margin-bottom:20px; margin-left:28px;}
div.noFlash{margin:10px 0 0 545px; background:#000; border:1px solid #555; padding:10px;}

#hp.nojs #flash{display:none;}
.nojs #flash,
.nojs #fbContainer{position:absolute; top:190px;}



#press .neck{width:95px; height:72px; position:absolute; background:url(/images/neck-int.png) top left no-repeat; top:646px; left:389px; z-index:10;}
#press.l2 .neck{display:none;}
#events .neck {width:150px; height:72px; position:absolute; background:url(/images/record.png) top left no-repeat; top:633px; left:389px; z-index:10;}
#wwdWheel{position:absolute;top:664px; left:429px; z-index:10; width:176px; height:22px; background:url(/images/wwd-wires.png) top left no-repeat;}
#howWeCanHelp .neck{width:87px; height:42px; position:absolute; background:url(/images/plug.png) top left no-repeat; top:665px; left:431px; z-index:10;}




/*------ Generic ------------------------------------------------------------------------*/
a{text-decoration:none; color:#db3798;}
a:hover,
a:focus{text-decoration:underline;}
p{font-size:1em; line-height:1.6em; padding:0.5em 0;}
/*p.intro{color:#db3798;}*/
h2{font-size:1.7em;}
.quicklinks{display:none;}


/*Header*/
h1{float:left !important; width:300px;}
h1 a img{margin-top:10px; }
h1 a img#printLogo{display:none;}


/*------ Navigation ------------------------------------------------------------------------*/
#toolBox{width:655px; float:right; position:relative;margin:20px 0;}
#toolBox a#podcast,#toolBox a#rss,#toolBox a#btnContact{text-indent:-1234px; display:block; height:17px;position:absolute; }
#toolBox a#podcast{margin-left:15px; text-decoration:none;width:175px; background:url(/images/btn-podcast.gif) bottom no-repeat;float:left; position:relative;}
#toolBox a#podcast span.pc{display:block;position:absolute;right:-180px;text-indent:0;top:3px; color:#fff; width:170px; overflow:hidden;height:26px;}
#toolBox a#podcast span span.slide{display:block;position:relative;text-indent:0;width:160px;}

.nojs #toolBox a#podcast span span.slide{display:none;}
.nojs #toolBox a#podcast:hover span span.slide{display:block;}


#toolBox a#rss{width:173px; background:url(/images/btn-rss.gif) bottom no-repeat;right:70px; z-index:1; }
#toolBox a#btnContact{width:120px; background:url(/images/btn-contact.gif) bottom left no-repeat; left:214px;}
#toolBox a:hover{background-position:top left !important;}

/*Main Nav*/
#mainNav{width:655px; float:right; right:0;border-top:1px solid #333; position:relative; z-index:1; }
	#mainNav ul{width:200px; float:left;position:relative; z-index:1;}
	#mainNav ul li{}
	#mainNav ul li a {position:relative;margin:10px 0;height:inherit; display:block;height:15px;}
	#mainNav ul li a {color:#aaa; font-size:1.3em; padding-left:15px;}
	#mainNav ul li a:hover,
	#mainNav ul li a:focus{color:#fff; text-decoration:none;}
	#mainNav ul li.active a{color:#fff; background:url(/images/bistar.gif) 0 3px no-repeat;}
	

/* Secondary Navigation */
#wrapper #content ul#secNav{width:190px;float:left;margin-left:8px;margin-top:29px;}
	#wrapper #content ul#secNav li{padding:0;margin:0; width:inherit;}
	#wrapper #content ul#secNav li a{line-height:1.3em !important; margin:0 !important;}
	#wrapper #content ul#secNav li a,
	span.back a{padding:3px 0 5px 19px; color:#999;margin:6px 0; display:block; }
	span.back a{margin-top:450px;}
	#wrapper #content ul#secNav li.active a{border-bottom:1px solid #333; color:#fff; background:url(/images/star.gif) 4px 50% no-repeat;}
	#wrapper #content ul#secNav li a:hover,
	#wrapper #content ul#secNav li a:focus{color:#fff;text-decoration:none;}
	#wrapper #content ul#secNav li.back a,
	span.back a{border-bottom:1px solid #333;}
	#wrapper #content ul#secNav li.back a:hover,
	span.back a:hover{border-bottom:1px solid #333;background:url(/images/arrow-back.gif) 4px 50% no-repeat;}
	#wrapper #content ul#secNav li h3{width:inherit !important; color:#fff; border-bottom:#555 1px solid; padding:0.4em 0; font-size:1.2em;}
	#wrapper #content ul#secNav li span{margin-left:8px; font-weight:bold;border-bottom:1px solid #333;}
	span.back a{width:194px; float:right;}

/* Third Level Navigation */
#wrapper #content ul#secNav li ul{margin-left:15px; margin-top:0.5em;}
	ul#secNav li em{display:none;}


/*Popup boxes with content*/

#wrapper div.pop{position:absolute; width:198px; z-index:11;margin-left:-63px; margin-top:8px !important;}
	#wrapper div.pop div.detail{background:url(/images/bg-tab-top.png) top left no-repeat;  color:#fff;padding-top:16px; margin:0 auto;}
	#wrapper div.pop div.detailInner{background:url(/images/bg-tab-bottom.png) bottom left no-repeat;padding:1em;z-index:inherit;}
	#wrapper div.pop div.detailInner p{font-size:0.9em; color:#fff;}
	#wrapper div.pop div.header{background:url(/images/bg-tab-top-sm.png) top left no-repeat; color:#fff;padding:0;padding-top:16px; margin:-1px auto 0 auto; width:134px;}
	#wrapper div.pop div.header div.inner{background: url(/images/bg-tab-bottom-sm.png) left bottom no-repeat;padding: 0 1em;}
	#wrapper div.pop div img{float:right; margin:0 0 5px 5px; border:1px solid #999;}
	#wrapper div.pop div.header h3{display:block; font-size:0.9em;cursor:pointer;padding:0 0 0.8em 0;position:relative;}
	
	#wrapper div.pop  div.detailInner span.close{width:66px; height:14px; display:block; position:absolute; top:7px; right:0; background:url(/images/btn-close.png) no-repeat top right;cursor:pointer;}
	#wrapper div.pop  div.detailInner span.close:hover{background-position:bottom right;}

/*WWD- Category Icons*/
body.nojs #wrapper ul#csList{display:none;}

	#wrapper ul#csList.map li{width:25px; height:42px; margin:-24px 0 0 20px; cursor:pointer; position:absolute; text-indent:-9999px;}
	#wrapper ul#csList li.star{background:url(/images/hs-star.png) no-repeat left bottom;}
	#wrapper ul#csList li.school{background:url(/images/hs-school.png) no-repeat left top;}
	#wrapper ul#csList li.specialist{background:url(/images/hs-special.png) no-repeat left top;}
	
	#wrapper div.star div.header{background:url(/images/bg-tab-top-sm.png) top left no-repeat;}
	#wrapper div.school div.header{background:url(/images/bg-tab-top-sm.png) top left no-repeat;}
	#wrapper div.specialist div.header{background:url(/images/bg-tab-top-sm.png) top left no-repeat;}
	
	#wrapper div.pop  div.detailInner  h3{padding-bottom: 0.3em; margin-bottom:0.4em;  font-size:1.2em; border-bottom:1px solid #ccc;}
	#wrapper div.pop  div.detailInner ul{list-style:none;}
	#wrapper div.pop  div.detailInner ul li {line-height:1.4em;}
	#wrapper div.pop  div.detailInner ul li a{color:#fff; background:url(/images/chev.png) left 6px no-repeat; display:block; padding-left:12px;}

	#switch{width:10px; height:10px; position:absolute; top:335px; left:200px; display:block; z-index:10;}


/*Styles for browsers without JS*/
	body.nojs #wrapper.wwd .container #content.container #right{width:400px;}
	body.nojs #wrapper div.pop{float:left; position:relative; width:198px; float:left; top:0; left:0; margin:10px 1px;}
	body.nojs #wrapper div.pop  div.detailInner span.close{display:none;}
	body.nojs #socialBookmarks{display:none;}
	
/*------ Content ------------------------------------------------------------------------*/
#wrapper #content{width:645px;float:right; position:relative; top:10px; right:0;}

/*Right Col*/
#wrapper #content #right{width:410px;float:right;padding:0 10px 0 0;}
	#press.l2.wide a#socialBookmarks{ position:relative; z-index:100;}
	#whoWeAre #wrapper  #content #right img.supporter{border:1px solid #555; float:left; margin:0 10px 0 0;}
	#whoWeAre #wrapper  #content #right h2.flt{float:left; width:310px;}
	#whoWeAre #wrapper  #content #right h3{margin-top:40px; display:block; color:#f00;}
	#whoWeAre #wrapper #content #right div{clear:both; }

.vcard{border:1px solid #555; padding:10px;}
.vcard strong{margin-bottom:0.8em; display:block;}

.vcard div div,
.vcard div span{margin:4px 0; display:block;}
.vcard p{margin:0; padding:0;}

/*Scroll Area*/

	#wrapper #content #right #next,
	#wrapper #content #right #back{display:block; height:12px; text-indent:-1234px;width:80px;float:left; margin-top:2em;cursor:pointer;}
	#wrapper #content #right #next:hover,
	#wrapper #content #right #back:hover,
	.ie6hov{background-position:bottom left !important;}
	#wrapper #content #right #next {background:url(/images/btn-more.gif) no-repeat top left;}
	#wrapper #content #right #back {background:url(/images/btn-back.gif) no-repeat top left;}
	#wrapper #content #right #scroll span.top{color:#db3798; cursor:pointer;}
	#wrapper #content #right #socialBookmarks{margin:2em 0 30px; float:right; clear:both; }
	#wrapper #content #right #scroll img{border:2px solid #ccc; margin:1em 0 1em 1em; float:right;}/*Default*/
	#wrapper #content #right #scroll img[align="left"]{margin:1em 1em 1em 0 !important; float:left !important;}
	#wrapper #content #right #scroll img[align="right"]{margin:1em 0 1em 1em; float:right;}


/*Listing*/
 #right .listing{border-bottom:1px solid #333; float:left; width:100%; position:relative; padding:0 0 1em 0; margin:1.2em 0 0 0;}
	 #right .listing img{float:left !important; border:none; border-bottom:#555 3px solid; margin:0 10px -100px 0 !important;}
	 #right .listing h3{clear:left; color:#db3798; font-size:1.1em; border-bottom:1px solid #333; padding:0 80px 4px 0; float:left; width:230px; margin:0 0 0.5em 100px; line-height:1.2em; }
	 #right .listing a.contact{padding:0 20px 0 0; background:url(/images/icon-mail.gif) no-repeat bottom right; color:#999;position:absolute; top:1px; right:10px; display:block;}
	 #right .listing a:hover{background-position: top right;color:#db3798; }
	 #right .listing span.date{padding:0 0 0 0; color:#999;position:absolute; top:1px; right:10px; display:block;}
	 #right .listing p{margin-left:100px; float:left;}
	 #right .listing h3 a{}
	 #right .listing h3 a:hover{color:#fff !important; text-decoration:none;}
	 #right .listing a:hover img{border-bottom-color:#db3798;}

#wrapper #content #right #scroll.foundingPartners .listing h3{clear:both; border-bottom:none;}
#wrapper #content #right #scroll.foundingPartners .listing p{clear:both; margin-left:10px;}

/*headings for full width pages*/
#press.wide #wrapper h2{margin-left:520px;height:22px;}


/* Sitemap */
ul.sitemap{display:block; position:relative; margin-bottom:20px; z-index:10; list-style:none !important;}
	ul.sitemap a{color:#fff; display:block; width:inherit;}
	ul.sitemap li {padding:1px 10px;}
	ul.sitemap li a{padding:3px 15px; font-weight:bold; background:url(/images/icon-home.gif) no-repeat left 50%; border-bottom:1px solid #555;}
	ul.sitemap li ul{list-style:none !important;}
	ul.sitemap li ul li a{font-weight:bold; border-bottom:1px solid #555; background:url(/images/star.gif) left 50% no-repeat;}
	ul.sitemap li ul li ul{margin-bottom:10px;}
	ul.sitemap li ul li ul li a{font-weight:normal; border:none; background:none;}

/*Form*/

form fieldset{float:left; margin-bottom:20px;}
	form fieldset legend{display:none;}
	form fieldset input,
	form fieldset textarea{width:224px; float:left; padding:5px 5px; margin:14px 0; border:none; border-bottom:1px solid #999; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:1em; background:#111;overflow:auto;}
	form fieldset label{float:left; width:130px; text-align:right; padding:7px 10px 0 0; margin:10px 0; color:#999;}
	form fieldset label span{padding-left:15px; background:url(/images/bistar.gif) left bottom no-repeat;}
	form fieldset p.active label span{padding:0; padding-left:15px; background:url(/images/bistar.gif) left top no-repeat; color:#fff;}
	form fieldset button{border:none; width:61px; height:15px; background:url(/images/btn-send.gif) top left no-repeat; text-indent:-1234px;clear:both; margin:10px 0 0 140px; display:block;}
	form fieldset button:hover,
	form fieldset button:focus{background-position:bottom left;}
	form fieldset input:focus,
	form fieldset textarea:focus{border-bottom-color:#fff; background-color:#222;}
	form fieldset textarea:focus{color:#fff;}
	input.error,
	textarea.error{background:#111 url(/images/icon-error.gif) 98% 5px no-repeat; padding-right:24px; width:200px;}
	form fieldset input.checkbox{width:10px; margin-top:20px;}
	a.fakecheck{width:12px; height:12px; display:none; float:left; background:url(/images/checkbox.gif) top left no-repeat;margin-top:20px;}
	a.fakechecked {background:url(/images/checkbox.gif) bottom left no-repeat;}
	form p {display:block; clear:both;}
	#thanksMessage{clear:both;border-bottom:1px solid #333;padding:0 0 1em 0; margin:1.2em 0 0 0;}
	#thanksMessage h3{background:url(/images/star.gif) no-repeat left 50%; padding-left:15px;}

/*Patrons Page*/
div#patrons{position:relative; line-height:1.4em;margin:0 0 0 40px; top:-50px; float:left; margin-bottom:100px; background:blue;}
	div#patrons .patron{position:absolute; display:block; background:#ccc;width:140px;background-repeat:no-repeat !important; z-index:1;}
	div#patrons .patron div,
	div#patrons .patron span{display:block; width:124px; background:url(/images/pngbg.png); position:absolute; bottom:0; color:#fff; padding:4px 8px; text-decoration:none;}
	/*no JS alternative*/
	.nojs div#patrons div:hover span.main{display:none;}
	.nojs div#patrons div div.more{display:none;}
	.nojs div#patrons div:hover div.more{display:block;}
	/*fix for sIFRd text covering nav on who we are pate*/
	#whoWeAre h2.sIFR-replaced {position:relative; z-index:0;}

	/*Trustees*/
	
	div#patrons #katherine{top:106px; left:563px; height:170px;background:url(/content/katharine.jpg);}
	div#patrons #darren{top:393px;left:423px;height:150px;background:url(/images/img-darren.jpg) right;}
	div#patrons #nicholas{top:93px;left:282px;height:183px;background:url(/content/nicholas.jpg);}
	div#patrons #mike{top:160px;left:704px; height:116px;background:url(/images/img-mike.jpg);}
	div#patrons #duke{top:160px; left:423px;height:116px;background:url(/images/img-duke.jpg);}
	div#patrons #sue{top:446px; left:564px;height:116px;background:url(/images/img-sue.jpg);}
	div#patrons #jessica{top:277px;left:564px;height:172px;width:139px;background:url(/images/img-jessica.jpg);}
	div#patrons #steve{top:277px;left:423px;height:116px;background:url(/images/img-steve.jpg);}
	div#patrons #khosro{top:277px;left:282px;height:199px;background:url(/content/khosro.jpg);}
	div#patrons #charlesbeer{top:277px;left:704px;height:192px;background:url(/content/charlesbeer.jpg);}
	/*Patrons*/
	div#patrons #mark{top:67px;left:282px;height:209px;background:url(/content/mark-elder.jpg);}
	div#patrons #jamesGalway{top:276px;left:705px;height:150px;background:url(/content/sirJames.jpg) top left; z-index:0;}
	div#patrons #ladyGalway{top:126px; left:282px;height:150px;background:url(/content/ladyGalway.jpg) top left;}
	div#patrons #lesley{top:276px; left:564px;height:147px;background:url(/content/lesley.jpg);}
	div#patrons #guy{top:126px; left:564px;height:150px;background:url(/content/guy.jpg); z-index:2;}
	div#patrons #tolga{top:276px; left:282px;height:120px;background:url(/content/tolga.jpg) top left;}
	div#patrons #charles{top:276px; left:423px;height:199px;background:url(/content/charles.jpg);}
	div#patrons #sting{top:96px; left:423px;height:180px;background:url(/content/sting.jpg);}
	div#patrons #joby{top:160px; left:705px;height:116px;background:url(/content/jobyTalbot.jpg);}

	/*Staff*/
	div#patrons #charlotte{top:91px;left:282px;height:195px;background:url(/content/charlotte.jpg);}
	div#patrons #rachel{top:101px; left:423px;height:175px;background:url(/content/rachelStanley.jpg);}
	div#patrons #christine{top:91px; left:423px;height:195px;background:url(/content/christineJanssen.jpg);}
	
	
	div#patrons a{background:url(/images/icon-more.gif) no-repeat left 50%; padding-left:15px; margin:0.5em 0 0 0;}
	div#patrons a:hover{color:#fff; text-decoration:none;}
	div#patrons p.position{color:#999;}
	div#patrons p{margin:0;padding:0;}
	div#patrons h3{margin:0.5em 0 0 0;}
	
	  

/*#whoWeAre ul#secNav{float:right !important; margin-right:23px; }*/

#whoWeAre.l2 ul#secNav{float:left !important;}
#whoWeAre.l2 h2{position:relative; left:220px;}
#whoWeAre.l3 h2{left:0 !important;}

span.back{clear:both; float:right; margin-bottom:20px;}



#right ul{list-style:disc; padding-left:10px; margin-left:10px;}
#right ul li,
#right ol li{padding:0.3em 0; line-height:1.2em;}

#right ol{list-style:decimal; padding-left:10px; margin-left:15px;}

/* Supporters Page */
#right .supporters{	float:left; width:50%; clear:right; margin-top:1em;}
	#right .supporters.trustsandfoundations{float:right;}
	#right .supporters ul{margin-bottom:1.5em;}
	#right .supporters h3{margin:0 0 0.8em 0;}
	#right .supporters li span{}








/* Home page */
.spotlights{margin-top:10px; display:block; float:left; width:960px; position:relative;}
	.spotlights .spotlight{background:#000 url(/images/bg-spl.png) 100% 100% no-repeat; float:left; margin-right:20px; width:318px; position:relative; min-height:152px;}
	.spotlights .spotlight.spl3{margin-right:0;}
	
	/* Text Spotlights */
	.spotlight.spl2,
	.spotlight.spl3{margin-top:90px; padding-bottom:36px; }
	
	.spotlight h2{background:#090909 url(/images/bg-h2.png) 0 50% repeat-x !important; padding:0.3em 15px; border-bottom:1px solid #1a1a1a;}
	.spotlight p{margin:0 15px;}
	
	/* Youtube Feature */
	.spotlight.spl1{width:284px; background:none; }
	.spotlight.spl1 .player{height:265px; background:url(/images/bg-tv.png) 0 0 no-repeat; clear:both;}
	.spotlight.spl1 #vid{background:#ccc; margin:16px; width:255px; height:168px; float:left;}
	.spotlight.spl1 h2{padding:0.3em 0 0.3em 0 !important; background:none !important; float:left;}
	.spotlight.spl1 a.ytLink{float:right; margin-top:1em; background:url(/images/arrow-ext.png) 100% 60% no-repeat; padding-right:12px;}
	
	
	
	
	.spotlight .star{display:block; width:38px; height:40px; position:absolute; top:-14px; right:10px; background: url(/images/bg-twinkle.gif) 100% 0 no-repeat;}
	.spotlight:hover .star{background-position: 0 0;}
	
	.cta a{background:url(/images/bg-btn-cta.png) 0 100% no-repeat; display:inline-block; color:#fff; font-size:1.3em; }
		.cta a span{background:url(/images/bg-btn-cta.png) 100% 100% no-repeat; display:inline-block; margin:0 0 0 5px; padding:3px 15px 3px 10px; height:20px; text-shadow: 0 -1px 1px #c0174c;}
		.cta a:hover, .cta a:focus{background-position: 0 0; text-decoration:none;}
		.cta a:hover span, .cta a:focus span{background-position: 100% 0;}
		.cta a:active{}
		.cta a:actiev span{}

/* Homepage intro section */
.hp-intro{width:290px; float:left; clear:left; margin-top:24px;}
	.hp-intro h1{font-size:1.6em; margin-bottom:0; display:block; height:54px; width:284px; position:relative;}
	.hp-intro h1 span{background:url(/images/txt-strap.png) 0 0 no-repeat; position:absolute; top:0; left:0; width:100%; height:100%;}
	.hp-intro p{margin-top:0.4em; float:left; font-size:1.2em; line-height:1.3em;}

/*Footer*/
#footer .container{height:inherit;}
	#footer .container .col{border-top:1px solid #333; background:#000; height:inherit; width:655px; float:right; }
	#footer .container .col #links{float:right; padding:10px 0; color:#fff; font-size:0.9em; width:440px;}
	#footer .container .col #links .left{float:left;}
	#footer .container .col #links .right{float:right;}
	#footer .container .col #sitemap{padding:10px 15px;float:left;}
	#footer .container .col #sitemap a{display:inline; color:#db3798; font-size:0.9em; font-weight:bold;}
	#footer .container .col #sitemap a:hover{text-decoration:underline;}