/* NSPCC
*  hub.css
*  hub-page specific content styles
*  Date: 20-07-2006
*  v.1.0
*/


/* CORRECTIONS for page gutter (avg depth should be 84px) */
.get-involved01 #main-body {padding-bottom:78px;}
.get-involved02 #main-body {padding-bottom:60px;}
.inform #main-body {padding-bottom:71px;}
.what-we-do #main-body {padding-bottom:0;}


/* HUB-PAGE-SPECIFIC STYLES */
#central-col p {padding:0;}

/* rows of info as in template T01_take_part_hub_02 */
#central-col .hub-row {min-height:115px; clear:both;}
	#central-col .first {margin-top:-13px;}
	#central-col .hub-row img {float:left; clear:left;} 
	#central-col .hub-row .txt {position:relative; left:20px; width:388px; float:left;}
	#central-col .hub-row h2 {margin:14px 0 0 0;}
	#central-col .hub-row p {margin:0; font-size:140%; color:#545454;}
	
	#central-col .hub-row ul {position:relative; left:-8px; list-style-type:none; margin:5px 0; font-size:140%;}
	#central-col .hub-row li {display:inline; padding:3px 0;}
	#central-col .hub-row li a {color:#000; font-weight:bold; padding:0 10px;}
	
	#central-col .hub-row form {margin:5px 0;}
	#central-col .hub-row label {display:none;}
	#central-col .hub-row select#yourarea-sel {width:166px; margin-right:4px;}
	
	#central-col .hub-row .go-submit {position:relative; top:4px;}
	


/* PRIMARY-HERO */
#primary-hero {margin-bottom:30px;}
	#primary-hero h2 {margin:0 0 5px 0;}
	#primary-hero p {display:inline; margin:0; color:#545454; font-size:200%;}
	#primary-hero span {white-space:nowrap;}
	#primary-hero span a {color:#000; font-weight:bold; padding:0 10px;}
	
	
	#primary-hero .txt-overlay {position:relative; left:-23px; margin-top:-244px; width:275px; float:right;}
	#primary-hero .txt-overlay h2 {color:#fff; font-size:180%; font-weight:normal;}
	#primary-hero .txt-overlay ul {position:relative; left:-20px; list-style-type:none; padding:0;}
	#primary-hero .txt-overlay li {display:block; padding:0; background:none;}
	#primary-hero .txt-overlay li a {display:block; color:#fff; font-weight:bold; font-size:180%; padding-left:6px; padding-right:40px; line-height:115%; }
	
	
/* COMMON ADAPTIONS of primary-hero */
	body.help-and-advice #primary-hero h2,
	body.what-we-do #primary-hero h2,
	body.inform #primary-hero h2 {color:#545454; font-size:190%; font-weight:normal;}
	
	body.help-and-advice #primary-hero h2 {margin:0 0 20px 23px; }
	body.what-we-do #primary-hero h2,
	body.inform #primary-hero h2 {margin:2px 12px 11px 23px; }
	
	body.help-and-advice #primary-hero h2 span {color:#000; font-weight:bold;}
	body.help-and-advice #primary-hero .inflow-promo {margin:5px 0 10px 0; padding:0 34px;}
	body.under-eighteen01 #primary-hero p {color:#333333; font-size:100%;}
	
	
/* SECONDARY-HEROES */
	.secondary-heroes h3 {color:#545454; font-size:100%;}
	.secondary-heroes .col {width:164px; float:left;}
	.secondary-heroes .col h3 {font-size:140%;}
	.secondary-heroes .col p {margin:3px 0;}
	.secondary-heroes .spacer {width:20px; height:1px; float:left;}
	
/* DP 06/08/2007 */
	body.donate-prominent-mast .secondary-heroes .col p {margin:3px 0; color:#FFFFFF;}
	
	#central-col .secondary-heroes ul {position:relative; left:-8px; list-style-type:none; padding:0; margin:5px 0; font-size:140%;}
	#central-col .secondary-heroes li {display:block; padding:0; background:none;}
	#central-col .secondary-heroes li a {display:block; color:#000; font-weight:bold; padding-left:10px; line-height:130%;}
	
/* DP 07/08/2007 */	
	body.donate-prominent-mast #central-col .secondary-heroes .col li a {display:block; color:#FFFFFF; font-weight:bold; padding-left:10px; line-height:130%;}
	
/* RELATED-TOPICS - HUB */
#central-col #related-topics {width:100%; line-height:100%; float:none;}
	#central-col #related-topics h3 {font-weight:normal; color:#333; margin-bottom:12px;}
	#central-col #related-topics p {line-height:110%;}
	#related-topics .col-left {width:340px; margin-top:18px; float:left;}
		#central-col #related-topics .col-left ul {color:#1c4aa6; margin:0; padding:0; list-style-type:disc;}
		#central-col #related-topics .col-left li {margin:0 0 8px 15px; line-height:110%;}
	#related-topics .col-right {width:176px; margin-top:18px; float:right;}
	#related-topics .col-right h3,
	#related-topics .col-right p {margin-left:10px;}
	#related-topics .col-right p.last-link {margin-top:-13px; margin-bottom:0;}


/* HIGHLIGHTER-BORDER - HUB */
.get-involved01 #central-col .secondary-heroes .highlighter-border ul {left:10px;}
	.get-involved01 #central-col .secondary-heroes .highlighter-border li a {padding:0 0 0 5px;}


/* cf. RELEVENT COLOUR SCHEME CSS for section-specific overrides & adaptions */

/* Frazer added for t41 */

#central-col .achieved {margin-top: 48px;}
#central-col .achieved dl.achieved-dl {margin-top: 12px; font-size:100%;}
#central-col .achieved dl.achieved-dl dt {display:block; font-weight:bold;}
#central-col .achieved dl.achieved-dl dd {margin-bottom: 7px;}