@charset "utf-8";
/* CSS Document */

html {}

body {
	background: #fff url(../images/physicalactivity/bkg_diag.gif) repeat top left;
}

#container {
	background: #fcf0dc /*url(../images/grid.png) repeat 20px 0*/; /* to change */
	width: 990px;
	margin: 0 auto;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}

#rightadcol {
	position: absolute;
	background: #f4dfc1 url(../images/physicalactivity/rightadcol_curve.gif) no-repeat bottom left;
	width: 130px;
	padding: 20px 10px;
	margin-left: 820px;
	font-size: 0.9em;
}

/* CONTAINERS
 --------------------------------------------------------*/

/* breadcrumbs and tools and content within white box */
.container930 {
	width: 930px;
	margin: 0 auto;
}

.container770 {
	width: 770px;
	margin-left: 30px;
}


/* white rounded corner box */
.wcontainer970, .wcontainer970_sub {
	background: #fff url(../images/physicalactivity/white_curvedtop.gif) no-repeat top left;
	width: 970px;
	margin: 0 auto;
	padding: 10px 0 0 0;
}

.wcontainer970 .bottomcurve, .wcontainer970_sub .bottomcurve {
	background:url(../images/physicalactivity/white_curvedbottom.gif) no-repeat bottom left;
}

.wcontainer970_sub {
	background: #fff url(../images/physicalactivity/white_curvedtop_sub.gif) no-repeat top left;
	margin-top: -20px;
}

.wcontainer780 {
	width: 790px;
	background: #fff url(../images/physicalactivity/white_curvedtop780.gif) no-repeat top left;
	margin-left: 10px; 
	padding: 10px 10px 0 0;
}

.wcontainer780 .bottomcurve {
	background:url(../images/physicalactivity/white_curvedbottom780.gif) no-repeat bottom left;
	margin-left: 10px;
}



/* #lastupdated, #tabs */
.container950 {
	width: 950px;
	margin: 0 auto;
}

.container760 {
	width: 760px;
	margin-left: 20px;
}


/* #recent_articles */
.container910 {
	width: 910px;
	margin: 0 auto;
}

.container780 {
	width: 780px;
	margin: 0 auto;
}


/* #resources_links div */
.container460 {
	width: 460px;
}

.container370 {
	width: 370px;
}


/* featured article */
.container605 {
	width: 605px;
	float: right;
	margin: 5px 10px 0 0;
}

.container450 {
	width: 445px;
	float: right;
	margin: 5px 10px 0 0;
	padding-right: 165px;
}

.container430 {
	width: 430px;
}

.container280 {
	width: 280px;
}

/* MASTHEAD
 --------------------------------------------------------*/

#header {
	background: #fff url(../images/common/hpb_online_logo.gif) no-repeat 169px 0;
	/*height: 115px;*/
}

#header img { margin: 0; }


#global_nav ul, #corp_nav ul, #topic_nav ul, #footer_nav ul, #main_nav .subtopics ul {
	margin: 0 20px;
	padding: 5px 0 6px 0;
	list-style-type: none;
}

#global_nav ul li, #corp_nav ul li, #topic_nav ul li {
	display: inline;
	margin: 0;
	padding: 0 2px 0 3px;
}

#global_nav {/*	float: right;*/}
#global_nav ul { margin: 0;	padding: 5px 0 0 0; }
#global_nav ul li{ padding: 0 0 0 7px; }

#masthead_right {
	float: right;
	text-align: right;
	width: 300px;
}

#search table { float: right; margin: 0 0 3px 0; }
#search table, #search th, #search td { border: 0;}
#search td { padding: 1px 0; }


#agency_logo { float: left; }

#hpb_online a {	display: none; }

#corp_nav {	background: #fff url(../images/physicalactivity/bkg_corpnav.gif) repeat-x bottom left; border-bottom: 1px solid #fff; }

#corp_nav li { border-right: 1px solid #dedede; } 
#corp_nav li a { margin: 0 10px; }
#corp_nav li a:hover, #global_nav li a:hover{ text-decoration: none; color: #aaa;}

#topic_nav { background: #534741; /* to change */ color: #fff; }

#topic_nav li {	border-right: 1px solid #a25e3c; } /* to change */
#topic_nav li a { margin: 0 10px; color: #fff; }
#topic_nav li a:hover{ color: #ff9f45; text-decoration: none; } /*to change*/


/* BREADCRUMBS, FONT SIZE, TITLE, HEALTHLINES
 --------------------------------------------------------*/
 
#health_topic_title, .health_topic_title_c, .health_topic_title_r {
	border-bottom: 1px solid #fff;
	background: #ff9f45 url(../images/physicalactivity/bkg_topictitle.gif) repeat-x bottom left;
	padding-bottom: 2.5em;
}

#health_topic_title h1 { color: #1b1f20; margin-top: 5px; float: left; width: 700px; font-size: 3em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: -1px; line-height: 1.2em;}

.health_topic_title_c h1 { color: #1b1f20; margin-top: 5px; float: left; width: 700px; font-size: 3em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: -1px; line-height: 1.2em;}

.health_topic_title_r h1 { color: #1b1f20;  margin-top: 5px; float: left; width: 540px; font-size: 3em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: -1px; line-height: 1.2em; }


#breadcrumb { float: left; /*z-index: 1; height: 13px; */ padding: 5px 20px 5px 0; width: 530px;}
.health_topic_title_r #breadcrumb { float: left; padding: 5px 20px 5px 0; width: 370px; }
#breadcrumb a { margin: 0 0.3em; }
#tools { float: right; width: 31.5em; }

.rss, .fontsize { height: 13px; padding: 5px 20px 5px 0; }
.rss { float: left; }
.rss a { margin-left: 10px; }
.rss a.feedlink { background: transparent url(../images/physicalactivity/rss.gif) no-repeat; display: block; margin-top: 2px; margin-left: 0; width: 140px; height: 18px; float: left;}
.rss a.feedlink span { display: none; }

.fontsize { font-weight: bold; text-transform: uppercase; font-size: 0.8em; padding-left: 20px; padding-right: 0; border-left: 1px solid #fff; float: right;}
.fontsize a { padding-left: 10px;}

.healthlines { background: url(../images/physicalactivity/healthlines.gif) no-repeat top left; width: 171px; height: 34px; margin-top: 25px; display: block; float: right; }
.healthlines span { display: none; }


/* FEATURED ARTICLE
 --------------------------------------------------------*/
 
#feat_article{
	background: #fee4b0 url(../images/physicalactivity/bkg_featarticle.gif) repeat-x bottom left; /* to change */
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fedb98; /* to change */
	padding: 10px 10px;
	/*height: 16em;*/
}

#feat_article #photo_shadow {
	background: url(../images/common/photo_shadow.png) no-repeat bottom left;
	width: 335px;
	position: absolute;
	margin-top: -30px;
	margin-left: 20px;
}
#feat_article #photo_shadowIE {
	width: 335px;
	position: absolute;
	margin-top: -30px;
	margin-left: 20px;
}

#feat_article img{
	margin-bottom: 5px;
	border: 5px solid #fff;
}

#feat_article p{
	margin: 0;
	padding: 0;
}


#number { margin: 1.5em 0; }
#number a {  display: block; float: left; width: 17px; height: 18px; background:url(../images/physicalactivity/bkg_number.gif) no-repeat center center; padding: 0;text-align: center; margin: 0 7px 10px 0; }
#number a:link, #number a:visited, #number a:active {color: #fff;}
#number a.number_sel { background:url(../images/physicalactivity/bkg_number_sel.gif) no-repeat center center; }

/* NAVIGATION
 --------------------------------------------------------*/

#main_nav {
	background: url(../images/physicalactivity/bkg_topicnav.gif) repeat-x top left;
	padding: 20px 0;
	padding-left: 10px;
}

#main_nav ul { margin-top: 0px; }

#main_nav .subtopics, #main_nav .subtopics h2 {
	font-size: 1.4em;
	font-weight: bold;
	color: #5e594a;
	line-height: 1.0em;
}

#main_nav .subtopics ul {
	margin-left: 0;
}

#main_nav .subtopics li {
	margin-bottom: 15px; list-style-image: none; list-style-type: none; margin-left: 0;
}

#main_nav .subtopics a {
	color: #f55718; /*to change*/
}

#main_nav .subtopics h2 {
	font-size: 1.0em;
}

#main_nav h3 {
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
	color: #5E594A;
}

/*without right col*/
.col6 { 
	float: left;
	padding-right: 10px;
	padding-top: 10px;
	margin-right: 10px;
	padding-left: 10px;
	width: 208px;
}

/*with right col*/
.col5 {
	float: left;
	padding-right: 10px;
	padding-top: 10px;
	margin-right: 10px;
	padding-left: 10px;
	width: 166px;
}

.col18 {
	width: 700px;
	float: left;
	padding-right: 10px;
	padding-top: 10px;
	margin-right: 0;
}

.col15 {
	width: 570px;
	float: left;
	padding-right: 10px;
	padding-top: 10px;
	margin-right: 0;
}


.last {
	margin-right: 0;
}

#health_topic_subnav {
	border-top: 1px solid #ffce8c; /*to change*/
}

#health_topic_nav li, #health_topic_subnav li {
	list-style-image: url(../images/physicalactivity/nav_bullet.gif);
	margin: 0;
	margin-left: -23px;
	padding: 0;
}

/* RECENT, MOST VIEWED, RECOMMENDED
 --------------------------------------------------------*/
#tabs a {
	display: block;
	float: left;
	height: 35px;
	margin-right: 1px;
	
}

#tabs a span { display:none; }

#tabs a.recent {
	background: url(../images/physicalactivity/tab_recent.gif) no-repeat 0 0;
	width: 86px;
}
#tabs a.recent_sel {
	background: url(../images/physicalactivity/tab_recent_sel.gif) no-repeat 0 0;
	width: 86px;
}

#tabs a.mostviewed {
	background: url(../images/physicalactivity/tab_mostviewed.gif) no-repeat 0 0;
	width: 130px;
}
#tabs a.mostviewed_sel {
	background: url(../images/physicalactivity/tab_mostviewed_sel.gif) no-repeat 0 0;
	width: 130px;
}

#tabs a.recommended {
	background: url(../images/physicalactivity/tab_recommended.gif) no-repeat 0 0;
	width: 147px;
}
#tabs a.recommended_sel {
	background: url(../images/physicalactivity/tab_recommended_sel.gif) no-repeat 0 0;
	width: 147px;
}

#recent_articles {
	background: #ffe3be url(../images/physicalactivity/recent_curvedbottom.gif) no-repeat bottom left; /*to change*/
	padding: 20px 20px 10px 20px;
}

#recent_articles.ad {
	background: #ffe3be url(../images/physicalactivity/recent_curvedbottom_ad.gif) no-repeat bottom left; /*to change*/
}

.feat_article {
	width: 210px;
	float: left;
	margin-right: 20px;
}

.feat_article img 	{ margin: 0; border: 5px solid #fff; }
.feat_article h3 	{ font-size: 1.3em; font-weight: bold; margin: 10px 0 5px 0; line-height: 1.3em; }
.feat_article p 	{ line-height: 1.5em; }

.article_list 		{ float: left;  }
.article_list li 	{ list-style-image: url(../images/physicalactivity/content_bullet.gif); margin: 0; margin-left: -23px; margin-bottom: 10px; padding: 0; }

.more_articles {
	font-weight: bold;
	margin-left: 15px;
	padding-right: 10px;
	background: url(../images/physicalactivity/more_articles_arrow.gif) no-repeat right center;
}


/* PROGRAMMES, HEALTH TOOLS, etc.
 --------------------------------------------------------*/

#resources_links {
	margin-top: 20px;
	padding-bottom: 99px; /* room for the footer image - height of picture/div - 40px to bring it exactly on the line */
}

#resources_links div{
	margin-left: 10px;
/*	width: 460px;*/
	float: left;
}

#resources_links ul { margin-bottom: 30px;}
#resources_links li {
	list-style-image: url(../images/physicalactivity/content_bullet.gif);
	margin: 0;
	margin-left: -23px;
	padding: 0;
}

#lastupdated {
	padding-bottom: 10px;
	text-align: right;
}

#footer_img {
	background: url(../images/physicalactivity/footer_img.jpg) no-repeat top left;
	width: 359px;
	height: 139px;
	margin-top: -119px; /* to bring up image (adjust accordingly to overlap - less than height value)*/
	margin-left: 23px;
	position: absolute;


}

/* PRE FOOTER NAVIGATION
 --------------------------------------------------------*/

#footer_nav {
	line-height: 1.3em; position: relative; z-index: 1; /*bring forward footer_nav layer in case footer_img overlaps*/ margin-top: 10px;
}

#footer_nav div.col6 {
	margin-top: 20px;
	padding-top: 0;
/*	height: 240px;*/
	height: 22em;
	padding-left: 0;
}

#footer_nav ul{
	margin-left: 0;
}

#footer_nav ul li{
	list-style-image: none;
}

.divider {
	width: 219px;
	border-right: 1px solid #ffce8c; /*to change*/
}

/* COPYRIGHT, PRIVACY STATEMENT
 --------------------------------------------------------*/

#footer { 
	font-size: 0.9em; 
	width: 950px; 
	margin: 20px auto; 
	border-bottom: 1px solid #ffce8c; /*to change*/
	padding: 5px 10px; 
	margin-bottom: 0;
}
#copyright { float: right; text-align: right;}
#privacy { float: left;}


/* RIGHT COLUMN
 --------------------------------------------------------*/

#rightadcol h3.healthline {
	height: 54px;
	width: 129px;
	background: url(../images/common/healthline.gif) no-repeat top left;
}

#rightadcol h3 span {
	display: none;
}

#rightadcol p{
	line-height: 1.5em;
}


/* LISTING PAGES 
-------------------------------------------------------*/ 

.listing_thumb {
	background: url(../images/physicalactivity/bkg_listingthumb.gif) no-repeat top left;
	padding: 10px;
	padding-right: 20px;
	margin: 0 10px;
}

.listing_thumb img { float: left; margin-right: 20px; border: 5px solid #fff;}
.listing_thumb p { line-height: 1.5em; margin-top: 10px;}
.listing_thumb a { font-size: 1.7em; font-weight: bold; padding-top: 10px; display: block; line-height: 1.2em;/*line-height: 2.1em;*/ }
.listing_thumb a:hover { text-decoration: none; color: #000; }

#paging {
	margin: 20px 15px;
	font-weight: bold;
	font-size: 0.9em;
}

#paging span, #paging a {
	margin-left: 3px;
	padding: 2px 6px 2px 5px;
	background: #f6f6f6;
}

#paging a {
	border-bottom: 1px solid #eee;
	border-right: 1px solid #ddd;
	font-weight: normal;
}
/*
#paging a:visited {
	border-bottom: 1px solid #eee;
	border-right: 1px solid #ddd;
	background: #fff;
	font-weight: normal;
}*/

#paging span {
	background: #fcf0dc; /*to change*/
	border: 1px solid #fcf0dc;
	color: #f55718;
}

#left_nav {
	margin-left: 10px;
	width: 150px;
	float: left;
}

#left_nav a {
	display: block;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.2em;
	padding: 10px 10px 20px 10px;
	border-bottom: 1px solid #eee;
	color: #813781;
}

#left_nav a:hover {
	color: #000;
	text-decoration: none;
}

#left_nav a.left_nav_sel {
	color: #888;
	background: #f5f5f5;
}

a.box_listing { display: block; width: 305px; float: left; margin-left: 10px; margin-bottom: 10px; background: #f9f9f9 url(../images/physicalactivity/bkg_boxlisting.gif) repeat-x; height: 200px; }
a.box_listing span { display: block; padding: 5px 10px; background: #fcfcfc; font-weight: bold; color: #2f3638; font-size: 1.3em; border-top: 1px solid #eee;}
a.box_listing p { margin: 10px; color: #333; line-height: 1.5em; /*font-size: 0.9em;*/}
a.box_listing p img { border: 5px solid #fff; display: block; margin: 0; margin-right: 10px; /*float: none;*/ }

a.box_listing:hover { text-decoration: none; /*background: #e1eef6;*/ background: #f9f9f9 url(../images/physicalactivity/bkg_boxlisting_hover.gif) repeat-x; }
a.box_listing:hover span { background: #5cb9f3; color: #fff; }
a.box_listing:hover p { }

.category_tabs {
	background: url(../images/physicalactivity/bkg_categorytab.gif) repeat-x;
	margin: 5px 10px 10px 10px;
	height: 35px; 
}

.category_tabs a { margin-right: 5px; display: block; float: left; padding: 3px 15px 5px 15px; font-size: 1.2em; color: #5e696c; background: url(../images/physicalactivity/bkg_categorytab2.gif) repeat-x; font-weight: bold;}
.category_tabs a:hover { text-decoration: none; border-top: 2px solid #5cb9f3; }
.category_tabs a.sel { color: #5cb9f3; border: 1px solid #e7e7e7; border-bottom: none; background: #fff; }

.news h5 { float: left; width: 110px;  text-align: right; background: url(../images/physicalactivity/bkg_date.gif) repeat-y top right; font-size: 0.9em; padding: 5px 10px 5px 0; 
margin-right: 10px;  margin: 0; line-height: 1.2em; font-weight: normal; color: #0682b4; }
.news h5 span { display: block; font-size: 1.5em; line-height: 1.2em;}
.news { margin-bottom: 1em; }
.news div { float: left; display: block; width: 630px; padding: 3px 0 5px 10px; /*border-left: 1px solid #e3e9f1; background: url(../images/physicalactivity/bkg_news.gif) repeat-y top left;*/ }

.category_search { margin: 5px 10px 10px 10px;	padding: 5px 10px;  
  border-top:1px solid #eee;
  border-bottom:1px solid #eee; background: url(../images/common/bkg_category_search.gif);}
  

/* DESTINATION PAGE 
-------------------------------------------------------*/ 

#health_topic_title_sub {
	border-bottom: 1px solid #fff;
	background: #ffb652 url(../images/physicalactivity/bkg_topictitle_sub.gif) repeat-x bottom left;
	padding-bottom: 1.3em;
}

#health_topic_title_sub #breadcrumb { width: 750px; }
#health_topic_title_sub #tools { width: 150px; }

#article_summary /*for destination pages*/ {
	background: #fee4b0 /*to change*/ url(../images/physicalactivity/bkg_featarticle.gif) repeat-x bottom left; 
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fedb98; /*to change*/
	padding: 10px 10px;

}
#article_summary #photo_shadow {
	background: url(../images/common/photo_shadow.png) no-repeat bottom left;
	width: 335px;
	float: right;
	margin-bottom: 20px;
	margin-left: 10px;
}

#article_summary #photo_shadowIE {
	width: 335px;
	float: right;
	margin-bottom: 20px;
	padding-left: 10px;
	margin-left: 10px;
}

#article_summary #article_teaser {
	width: 550px; 
	float:left;
}

#article_summary img{
	margin-bottom: 5px;
	border: 5px solid #fff;
}

#article_summary p{
	margin: 15px 0;
	padding: 0;
}

#content {
	padding-bottom: 130px;
}

#content_wleft {
	/*	margin-left: 170px;*/
	padding-right: 10px;
	width: 775px;
	float: right;
}

.date, .rating { color: #6a5e66; }
.date {	font-size: 0.9em; padding-right: 1.0em; }
.rating { font-size: 0.9em; /*padding-left: 1.0em; border-left: 1px solid #fff;*/ }

.print, .sendafriend, .addtofav {
	border-left: 1px solid #ddd;
	padding: 0 1.5em;
	padding-top: 10px;
}

.print img, .sendafriend img, .addtofav img { margin: 0; }

.related {
	background: url(../images/physicalactivity/bkg_listingthumb.gif) no-repeat top left;
	padding: 8px 15px;
	color: #f55718;
	font-size: 1.3em;
}

.relatedlist {
	margin-bottom: 20px;
}

.ratearticle { 
	border-top:1px solid #d9e4e8; 
	border-bottom: 1px solid #d9e4e8; 
	margin-bottom: 20px;
	padding: 10px 20px;
}


/* login
-------------------------------------------------------------- */
.login { position: absolute; margin-left: 720px; margin-top: -24px; width: 250px; }
.personalise { background: url(../images/login/personalise_physicalactivity.gif) no-repeat; float: left; }
.personalise a { display: block; width: 172px; height: 22px;}
.personalise a span { display: none; }
.login_tab { float: right; width: 73px; height: 24px; background:url(../images/login/tab_physicalactivity.gif) no-repeat; padding: 4px 0 7px 0; text-align:center;}

.login_bar { background: #ff7f07; border-bottom: 1px solid #f97a03; padding: 7px 0; text-align: right; padding-right: 10px; color: #333;/*height: 28px;*/}
.login_bar label { font-weight: bold; text-align: right; padding-right: 10px;}

.login_bar a, .login_tab a { color: #ffe295; }
.login_bar a:hover, .login_tab a:hover { color: #fff; }

.idname { font-weight: bold;}
.login_bar span { color: #fff; line-height: 1.0em; margin: 0 5px;}

/* Text fields */
.login_bar input.text, .login_bar input.title   { border:1px solid #eee; border-top: 1px solid #ddd; border-left: 1px solid #ddd; background:#f6f6f6; font-size: 1.0em; }
.login_bar span.error_msg { color:#f30303; background-color: #ffc9b8; padding:4px 8px; border: 1px solid #e4ac8b;}

.login_bar a.button, .login_bar button {
  margin:0 0.583em 0.667em 0;
  padding:5px 10px 5px 7px;   
  border: 1px solid #ccc;	
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  background: url(../images/common/bkg_button.gif) repeat-x bottom left;
  background-color:#f5f5f5;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}
.login_bar button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
.login_bar button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html .login_bar button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
.login_bar button img, .login_bar a.button img {
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}

.login_bar button:hover, .login_bar a.button:hover{
  background-color:#dff4ff;
  border-right: 1px solid #c2e1ef;
  border-bottom: 1px solid #c2e1ef;
  color: #0682b4;
  text-decoration: none;
  background-image: none;
}
.login_bar a.button:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

.login_bar a.button { margin: 0; padding: 3px 7px;}