/* NSPCC
*  home.css
*  home-page specific content styles
*  Date: 20-07-2006
*  v.1.0



/* CORRECTIONS for page gutter (avg depth should be 84px) */
#main-body {padding-bottom:73px;}

/* this gives the main story picture */
/* REMOVED - ABS Homepage - 24.01.07 
#main-nav .central-content {height:368px; background:#fff url(../img/beTheFullStop.jpg) left bottom no-repeat;}
*/

#main-nav a {border-top:none; padding-top:5px;}
#main-nav a:hover, #main-nav a:active {padding-top:0;}

#central-col {width:742px; left:0; margin-top:-216px;}


#primary-hero {width:375px; border-bottom:solid 3px #b2e6c3; padding-bottom:50px;}
	#primary-hero .copy {position:relative; left:150px;top:-145px;}
	#primary-hero .copy h2 {margin:0 0 4px 0;}
	#primary-hero .copy ul {list-style-type:none; margin-left:130px; margin-bottom:10px; padding:0;}
	#primary-hero .copy li {display:inline; padding:0; font-size:180%; background:url(../img/bg_hl_left.gif) no-repeat left;}
	#primary-hero .copy li a {display:inline; color:#000; font-weight:bold; padding:0 16px 0 6px; line-height:115%; background:url(../img/bg_hl_right.gif) no-repeat right;}

#tertiary-hero	{position:relative; margin:-290px 0 311px 547px; width:182px; height:72px;}
	

	
#sub-hero {width:375px; margin-top:-110px;  margin-bottom:5px; }
	#sub-hero p {font-size:140%; color:#545454; padding:0;}
	#sub-hero span {white-space:nowrap; padding-left:10px;}
	#sub-hero span a {color:#000; font-weight:bold; padding:0 30px 0 0;}
	
	#sub-hero span {background:url(../img/bg_hl_left.gif) no-repeat left;}
	#sub-hero span a {background:url(../img/bg_hl_right.gif) no-repeat right;}
	
	
#secondary-hero {margin-top:-252px; height:282px; background:url(../img/hp_img_secondaryBoy.jpg) bottom right no-repeat; }
	#secondary-hero .copy {text-align:right; margin:45px 191px 0 0; }
	#secondary-hero .copy h2 {padding-top:40px; margin:0;}
	#secondary-hero .copy ul {list-style-type:none; margin-right:-8px; padding:0;}
	#secondary-hero .copy li {display:inline; padding:0; font-size:140%; background:url(../img/bg_hl_left2.gif) no-repeat left;}
	#secondary-hero .copy li a {display:inline; color:#000; font-weight:bold; padding:0 10px 0 6px; line-height:115%; background:url(../img/bg_hl_right2.gif) no-repeat right;}



#related-topics {}
#related-topics .col-dividers {position:relative; top:20px; background:url(../img/bg_3col_divider.gif) repeat-y;}
#related-topics .col {width:230px; float:left;}
	#related-topics .col h3 {margin-top:-4px;}
	#related-topics .col p {margin-bottom:10px;}
	#related-topics .col h3,
	#related-topics .col p {color:#333; font-weight:normal; padding:0;}
	#related-topics .col a {font-weight:normal;}
	#related-topics .col p.link a {font-weight:bold;}

#related-topics .spacer {width:21px;float:left;}



#hp-search {margin-top:35px; width:230px; position:relative; left: 502px;}

/* generally a repeat of left-nav search form css as homepage has no left-nav area */
#hp-search form {min-height:22px; color:#2d2d2d; padding-bottom:8px; margin-bottom:2px;}
	#hp-search input, #hp-search select  {border:solid 1px #7f9db9; float:left;}
	#hp-search input.go-submit {margin:0 0 0 7px;border:none;}
	#hp-search input#searchbox {width:144px; padding: 2px 0;}
	#hp-search select#quicklinks-sel {width:146px; padding:1px;}
	#hp-search label {line-height:150%;}


.roundel {position:absolute; margin:-15px 0 0 -310px;}

/* START - ABS Homepage - 24.01.07 */
#home #mast-head-promos {padding-bottom:2px;}
.promo {float:left; width:344px !important; margin:18px 0 0px 0;}
	.promo h2 {margin-top:-2px !important;}
	.promo .logo {float:left; margin:0 16px 0 0;}
	.promo .text {float:left; width:170px;}
	.promo .text p {font-size:1.1em !important; line-height:1.2em !important;}
.promo-left {margin-right:15px; width:380px !important;}
.promo-left .text { width:170px !important;}
dd#tn01, dd#tn02, dd#tn03, dd#tn04 {background:url(../img/bg_dd.gif) center right no-repeat;}
.search-container {float:left; margin:0px 10px 0px 0px; width:375px;}
.search-ql form .go-submit  {position:relative; top:4px; left:2px;}
.quicklinks-container {float:left;}
.search-ql {background: url(../img/bg_search.gif) no-repeat;width:744px; margin:0 auto; text-align:left; padding:7px 15px 10px 15px;}
#searchbox {margin-left:7px;}
#quicklinks-sel {margin-left:3px;}
.hp_hero {float:left; margin:10px 20px 0 0; width:231px;}
	.hp_hero ul {position:relative; left:-8px; list-style-type:none; padding:0; margin:0px 0; font-size:140%;}
	.hp_hero li {display:block; padding:0; background:none;}
	.hp_hero li a {display:block; color:#000; font-weight:bold; padding-left:10px; line-height:130%;}
	.hp_hero li a {background:url(../img/bg_hp_hero.gif) no-repeat;}
	.hp_hero p {font-size:1.1em;padding:5px 5px 0 0;}
.last_hp_hero {margin-right:0;}

.hp-lcol {float:left; width:472px; margin:30px 0 0 0; padding:0 10px 0 0; border-right:#B2E6C3 1px solid;}
	.hp-lcol h2 {font-size:1.8em; font-weight:normal;margin-bottom:12px;}
	.hp-rcol h2 {font-size:1.6em; font-weight:normal;margin-bottom:12px;}
	.hp-lcol h3 {color:#1C4AA6; font-weight:normal; margin-bottom:2px;}
	.hp-lcol p {padding:0 20px 0 0;}
.hp-rcol {float:left; width:210px;margin:27px 0 0 20px;}
.news-item {float:left; width:472px;}
.news-image-text {float:left;}
.news-image {float:right; padding-left:2px;}

fieldset { padding:0;margin:0 0 10px 0;}
fieldset legend {color:#000; margin:0 0 3px 0;}
fieldset ul li{list-style-type:none; padding:3px 0;}
/* END - ABS Homepage - 24.01.07 */
