/*
 * positioning.css - maggiescentres.org
 * this css is broken down into 2 main sections, 'global styles' and 'section-specific styles'.
 */

/******************/
/* GLOBAL STYLES */
/******************/

/* GENERAL */

.fl { float:left; }
.fr { float:right; }
.cl { clear:left; }
.cr { clear:right; }
.cb { clear:both; }
BODY, UL, LI, FORM, INPUT, BLOCKQUOTE, TABLE, TR, TD, TH { margin:0; padding:0; }
UL, LI { list-style:none; }
IMG { border: none; }

/* GENERAL - form */

INPUT.txt {
	padding: 2px 5px;
	border: 1px solid #9cc989;
}
INPUT.submit {
	vertical-align: bottom;
	margin-left: 5px;
}

/* BODY AND FRAME */

BODY {
	margin:0;
	padding: 0px;
	text-align: center;
}
DIV#frame, DIV#frame-home, DIV#frame-map {
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1px;
	text-align: left;
	background-color: #fff;
}

/* HEADER - general */

DIV#hdr-top, DIV#hdr-bot {
	width: 990px;
	overflow: hidden;
}
DIV#hdr-top {
	background-color: #9cc989;
}
DIV#hdr-top.lone {
	border-bottom: 9px solid #c6e0bb;
}
DIV#hdr-bot {
	height: 322px;
	background: #fff url(../img/bg-hdr-bot-with-focal-area.jpg) no-repeat top left;
}
/* the items below were named DIV.theme-name before but have had to be reduced to DIV.theme-name due to multi-class bug in IE6, see http://sonspring.com/index.php?id=102 */
DIV.parachuting DIV#hdr-bot {
	background: #fff url(../img/bg-hdr-bot-with-focal-area-parachuting.jpg) no-repeat top left;
}
DIV.megahike DIV#hdr-bot {
	background: #fff url(../img/bg-hdr-bot-with-focal-area-megahike.jpg) no-repeat top left;
}

/* DIV.nighthike DIV#hdr-bot removed due to template change */

DIV.knifefork DIV#hdr-bot {
	background: #fff url(../img/bg-hdr-bot-with-focal-area-knifefork.jpg) no-repeat top left;
}
DIV.sporting DIV#hdr-bot {
	background: #fff url(../img/bg-hdr-bot-with-focal-area-sporting.jpg) no-repeat top left;
}
DIV#hdr-top DIV#logo-wrap {
	width: 990px;
	overflow: hidden;
}
DIV#hdr-top DIV#logo-wrap IMG#logo {
	float: right;
	margin: 23px 27px 0px 0px;
}
DIV#hdr-top UL#hdr-menu {
	width: 940px;
	overflow: hidden;
	margin: 10px 27px 10px 27px;
	height: 23px;
	position: relative;
}
DIV#hdr-top UL#hdr-menu LI {
	float: left;
	margin-right: 20px;
	background: #9cc989 url(../img/top-nav-left-bg.gif) no-repeat top left;
	position: relative;
}
DIV#hdr-top UL#hdr-menu LI DIV.start-listitem {
	float:left;
	position: relative;
}
DIV#hdr-top UL#hdr-menu LI DIV.start-listitem A {
	padding: 3px 8px 0px 8px;
	height: 24px;
	float:left;
	
}

/* NEW HOME PAGE STYLES */
DIV#frame-home DIV#main {
	width: 990px;
	background: #ffffff url(../img/home-col-lr-wrap-top.gif) no-repeat left top;
}
DIV#frame-home DIV#main DIV.col-lr-wrap {
	margin-bottom: 7px;
	float:left;
}
DIV#frame-home DIV#main DIV.col-l {
	float: left;
	width:302px;
	margin: 8px 0px 0px 7px;
}
DIV#frame-home DIV#main DIV.col-l DIV.top {
	width: 302px;
	height: 6px;
	background: url(../img/home-col-l-top.gif) no-repeat bottom left;
}
DIV#frame-home DIV#main DIV.col-l DIV.bot {
	background: #9d9896 url(../img/home-col-l-bot.jpg) no-repeat bottom left;
  	width: 272px;
  	padding: 10px 15px;
  	margin-bottom: 8px;
}
DIV#frame-home DIV.col-l DIV.bot div.maggies-community {
	min-height:124px;
 	height:auto !important;
  	height:135px;
  	width: 272px;
  	background: transparent url(../img/brdr-white.gif) repeat-x scroll left bottom;
  	margin-bottom: 10px;
  	padding-bottom: 15px;
}
DIV#frame-home DIV.col-l DIV.bot div.maggies-community A.community-find-out-more {
	clear: both;
	float:left;
	margin: 0px 0px 0px -5px; 
}
DIV#frame-home DIV.col-l DIV.bot DIV.col-l-home-summary {
	background: transparent url(../img/brdr-white.gif) repeat-x bottom left;
	padding-bottom: 15px;
	margin-bottom: 10px;
}

DIV#frame-home DIV.col-l DIV.bot DIV.lastPara DIV.col-l-home-summary,
DIV#frame-home DIV.col-l DIV.bot DIV.lastPara div.maggies-community {
	background: none !important;
	padding-bottom: 2px !important;
}

DIV#frame-home DIV.col-l DIV.bot DIV.main-title {
	clear:both;
	float: left;
	padding-bottom: 10px;
}
DIV#frame-home DIV.col-l DIV.bot IMG.link-arrow {
	float: left;
	padding: 5px 0px 0px 5px;
}
DIV#frame-home DIV.col-l DIV.bot IMG.thumb {
	clear:left;
	float: left;
}
DIV#frame-home DIV.col-l DIV.bot DIV.summary-right {
	float: left;
	margin: -4px 0px 0px 10px;
	width: 186px;
}
DIV#frame-home DIV.col-l div.email-newsletter {
	padding: 0px 17px 5px 17px;
}
DIV#frame-home DIV.col-l div.email-newsletter form {
	width: 200px;
}
DIV#frame-home DIV.col-l div.email-newsletter INPUT.newsletter-input {
	width: 170px;
}
DIV#frame-home DIV.col-l DIV.bot DIV.empty {
	clear: both;
	font-size: 0;
	line-height: 0;
}
DIV#frame-home DIV#main DIV.col-r {
	margin: 8px 0px 0px 7px;
	width: 669px;
	height: 485px;
	float: left;
	padding: 0px;
	text-align: center;
}
DIV#frame-home DIV.col-r DIV.home-summary2 {
	width: 630px;
	height: 70px;
	margin-top: 385px;
	margin-left: 10px;
	bottom: 0;
	background: url(../img/home-summary2-bg.png) no-repeat;
	padding: 10px;
}
DIV#frame-home DIV.col-r DIV.home-summary2 DIV.section-container {
	float:left;
	width: 300px;
	margin-right: 10px;
}
DIV#frame-home DIV.col-r DIV.home-summary2 DIV.section-container IMG {
	float:left;
	clear:left;
	padding: 0px;
}
DIV#frame-home DIV.col-r DIV.home-summary2 DIV.summary-right {
	float:left;
	margin-left: 10px;
	width: 220px;
}
DIV#frame-home DIV.col-r div.home-summary2 div.section-container DIV.summary-right IMG.link-arrow {
	float: left;
	padding: 2px 0px 0px 5px;
	clear:none;
}
DIV#frame-home DIV#main DIV.col-lr-wrap-bot {
	background: transparent url(../img/home-col-lr-wrap-bot.gif) no-repeat left top;
	clear:both;
	width:990px;
	height: 17px;
	margin-top: -7px;
	float:left;
}

/*	HEADER - visual column layouts and rhs blockquote */

DIV#hdr-bot DIV#hdr-visual-wrap-1col {
	float:left;
	width: 681px;
	height: 297px;
	margin-top: 9px;	
	margin-left: 36px;
	overflow: hidden;
}
DIV#hdr-bot DIV#hdr-visual-wrap-2col-a {
	float:left;
	width: 430px;
	height: 297px;
	margin-top: 9px;	
	margin-left: 36px;
	overflow: hidden;
}
DIV#hdr-bot DIV#hdr-visual-wrap-2col-b {
	float:left;
	width: 242px;
	height: 297px;
	margin-top: 9px;
	margin-left: 9px;
	overflow: hidden;
}
DIV#hdr-bot DIV#hdr-visual-wrap IMG, DIV#hdr-bot DIV#hdr-visual-wrap OBJECT {
	display: block;
	float: left;
}
DIV#hdr-bot div.blockquote-wrap {
	float: right;
	position: relative;
	margin-top: 9px;
	margin-left: 9px;
	width: 233px;
	height: 289px;
}
DIV#hdr-bot BLOCKQUOTE {
	float: right;
	position: absolute;
	bottom: 25px;
	right: 27px;
	width: 204px;
	padding-left: 8px;
}

/* MAIN - general */

DIV#main {
	float: left;
	width: 943px; /* this needs to be pixel perfect, if you adjust padding below, adjust here also */
	overflow: hidden;
	padding: 20px 20px 0px 27px;
}
DIV.parachuting DIV#main {
	background: #51aec5 url(../img/bg-main-parachuting.gif) no-repeat bottom left !important;
	padding-bottom: 300px; /* clearance height of the background image that aligns to bottom, so text on page doesn't overflow onto this background image */
}
DIV.megahike DIV#main {
	background: #009CDB url(../img/bg-main-megahike.gif) no-repeat bottom left !important;
	padding-bottom: 200px; /* clearance height of the background image that aligns to bottom, so text on page doesn't overflow onto this background image */
}
DIV.monster DIV#main {
	background: #ffffff url(../img/bg-main-monster.gif) no-repeat bottom left !important;
	padding-bottom: 0px; /* clearance height of the background image that aligns to bottom, so text on page doesn't overflow onto this background image */
}
DIV.nighthike DIV#main {
	background: #ffffff;
	padding-bottom: 0px; /* clearance height of the background image that aligns to bottom, so text on page doesn't overflow onto this background image */
}

DIV.nighthike DIV#footer
{
	clear: both;
}

DIV.monster DIV#footer
{
	padding-top: 150px;
	clear: both;
}

DIV.nighthike DIV#footer DIV.image,
DIV.monster DIV#footer DIV.image {
	float: left;
	text-align: center;
	padding-bottom: 10px; 
	margin-right: 20px;
}

DIV.nighthike DIV#footer DIV.image P,
DIV.monster DIV#footer DIV.image P {
	color: #fff;
	
	font-size: 85%;
}

DIV.monster DIV#footer DIV.image P
{
	margin: 0;
}

DIV.nighthike DIV#footer DIV.image IMG,
DIV.monster DIV#footer DIV.image IMG {
	
}

DIV.knifefork DIV#main {
	background: #a8716f url(../img/bg-main-knifefork.gif) no-repeat bottom left !important;
	padding-bottom: 150px; /* clearance height of the background image that aligns to bottom, so text on page doesn't overflow onto this background image */
}
DIV.sporting DIV#main {
	background: #639668 url(../img/bg-main-sporting.gif) no-repeat bottom left !important;
	padding-bottom: 150px; /* clearance height of the background image that aligns to bottom, so text on page doesn't overflow onto this background image */
}
DIV#main.rhs-bot-corner-sketch {
	background-position: 745px 92%; /* the % value for the vertical positioning is prone to being too short when there is alot of vertical text and may need to be overridden in page */
	background-repeat: no-repeat;
}

/* MAIN - general column layouts */

DIV#main DIV.col-lm-wrap, DIV#main DIV.col-m-wide-wrap {
	min-height:600px;
 	height:auto !important;
  	height:600px;
	float: left;
	padding-bottom: 40px; /* if you adjust this make sure you adjust margin-top value by same amount in DIV#contact-details-box and DIV#bl-corner-img-caption-wrap */
	border-bottom: 25px solid #9cc989;
}
DIV.parachuting DIV#main DIV.col-lm-wrap, DIV.megahike DIV#main DIV.col-lm-wrap, DIV.monster DIV#main DIV.col-lm-wrap, DIV.nighthike DIV#main DIV.col-lm-wrap, DIV.sporting DIV#main DIV.col-lm-wrap, DIV.knifefork DIV#main DIV.col-lm-wrap {
	border-bottom-width: 0;
}
DIV#main DIV.col-l {
	float: left;
	width: 210px;
	overflow: hidden;
}
/*
	notes on DIV#main DIV.col-m and DIV#main DIV.col-m-wide:
	these are the main content columns. each div with a col-m class should also be given an unique id for more page/section specific content styling
*/
DIV#main DIV.col-m {
	float: left;
	width: 455px;
	overflow: hidden;
	margin-left: 25px;
	/* min-height hack for ie6, this actually works for all browsers, has been added to deal with a bug in bugzilla (5754) contact details at bottom left hand corner is aligned relative to bottom and so when col-m is not long enough it comes up over the lhs navigation */
	min-height: 660px;
	height: auto !important;
	height: 660px;
}
DIV#main DIV.col-m-wide { /* used when right column (col-r - below) is not used */
	float: left;
	width: 690px;
	margin-left: 30px;
}
DIV#main DIV.col-r {
	float: left;
	width: 210px;
	overflow: hidden;
	margin-left: 36px;
	padding-top: 2.5em;
	padding-left: 7px;
}

/* MODULES / ITEMS THAT APPEAR IN col-l */

DIV#main DIV.col-l UL {
	margin-top: 10px;
}
DIV#main DIV.col-l UL LI {
	clear: left;
	float: left;
	width: 210px;
	padding: 5px 0px;
	background: url(../img/line-green-dotted-horiz.gif) repeat-x bottom left;
}
DIV#main DIV.col-l UL UL {
	margin: 0;
}
DIV#main DIV.col-l UL UL LI {
	padding: 2px 0px;
	background-image: none;
}
/* col-l extras: these items appear in col-l but are actually placed below the 3 columns col-l, col-m and col-r and use negative margins to display within column but aligned to bottom */
DIV#main DIV#contact-details-box {
	clear: left;
	float: left;
	width: 210px;
	margin-top: -255px;
	padding: 1em 0em;
	border-top: 1px solid #9cc989;
	border-bottom: 1px solid #9cc989;
}
DIV#main DIV#bl-corner-img-caption-wrap {
	clear: left;
	float: left;
	position: relative;
	width: 210px;
	height: 250px;
	overflow: hidden;
	margin-top: -315px;
}
DIV#main DIV#bl-corner-img-caption-wrap DIV#bl-corner-img-caption {
	position: absolute;
	bottom: 0;
	left: 0;
}

/* MODULES / ITEMS THAT APPEAR IN col-r */

DIV#main DIV.col-r UL.col-r-type-1 {
	clear: left;
	float: left;
	margin-bottom: 20px;
}
DIV#main DIV.col-r UL.col-r-type-1 LI {
	clear: left;
	float: left;
	width: 210px;
	padding: 0 auto;
	margin: 0 auto;
}
DIV#main DIV.col-r UL.col-r-type-2 {
	clear: left;
	float: left;
	margin-top: 10px;
	background: url(../img/line-green-dotted-horiz.gif) repeat-x top left;
}
DIV#main DIV.col-r UL.col-r-type-2 LI {
	clear: left;
	float: left;
	width: 210px;
	padding: 10px 0px;
	margin: 0 auto;
	background: url(../img/line-green-dotted-horiz.gif) repeat-x bottom left;
}
/* col-r extras: these items appear in col-r but are actually placed below the 3 columns col-l, col-m and col-r and use negative margins to display within column but aligned to bottom */
DIV#main DIV#br-photo-preview-box-wrap {
	clear: both;
	float: left;
	position: relative;
	width: 210px;
	height: 300px; /* height may need to be adjusted depending on how many images you want to fit into this container, if you adjust height make sure you adjust margin-top below */
	overflow: hidden;
	margin-left: 735px;
	margin-top: -355px;
}
DIV#main  DIV#br-photo-preview-box-wrap DIV.br-photo-preview-box {
	position: absolute;
	bottom: 0;
	left: 0;
}

/* MODULES / ITEMS THAT APPEAR IN col-l and col-r */

DIV.banners {
	padding-top: 20px;
	float: left;
	clear: left;
}
DIV.banners IMG {
	float: left;
	clear: left;
	padding-top: 1.5em;
	display: block;
}

/* MAIN - 3 column layout used on home page and styles for contained sub elements */

DIV#main DIV#home-content-strip {
	float: left;
	padding: 17px 27px 0px 27px;
}
DIV#main DIV#home-content-strip DIV.col1  {
	float: left;
	width: 270px;
}
DIV#main DIV#home-content-strip DIV.col1 IMG.community-image {
	float: right;
	margin-top: -10px;
}
DIV#main DIV#home-content-strip DIV.col1 IMG.find-out-more {
	margin: -11px 0px 0px -10px;
}
DIV#main DIV#home-content-strip DIV.col2  {
	float: left;
	width: 390px;
	margin-left: 30px;
	background: url(../img/brdr-green-dotted.gif) repeat-y top right;
}
DIV#main DIV#home-content-strip DIV.col3  {
	float: left;
	margin-left: 14px;
	margin-top: 16px;
}
DIV#home-content-strip P {
	margin-top: 0.5em;
}
DIV#main DIV#home-content-strip INPUT.txt {
	width: 135px;
	margin-top: 0.8em;
}
DIV#home-content-strip DIV.col2 UL {
	margin-top: 0.4em;
}
DIV#home-content-strip DIV.col2 UL LI {
	padding-left: 15px;
	background: transparent url(../img/list-arrow-red-off.gif) no-repeat center left;
}
IMG#newsletter {
	cursor: pointer; 
}
/* FOOTER */

DIV#ftr {
	float: left;
	clear: both;
	width: 940px;
	overflow: hidden;
	border-top: 1px solid #fff;
	padding: 5px 25px;
	background: #ccc;
}
DIV#ftr UL#ftr-menu {
	float: right;
}
DIV#ftr UL#ftr-menu LI {
	display: inline;
	padding-left: 10px;
	margin-left: 10px;
	border-left: 1px solid #666;
}
DIV#ftr UL#ftr-menu LI.first {
	border: 0;
}
/* footer overrides */
DIV#frame-home DIV#ftr, DIV#frame-map DIV#ftr { /* override for footer on home page */
	border-top: 1px solid #666;
}
DIV#frame-home DIV#ftr {
	border: none;
}
DIV#frame-map DIV#ftr {
	margin-top: 20px;
}

/***************************/
/* SECTION SPECIFIC STYLES */
/***************************/

/* HOME AND UK MAP PAGE */

DIV#frame-home DIV#hdr-top UL#hdr-menu, DIV#frame-map DIV#hdr-top UL#hdr-menu {
	margin-top: 10px;
}
DIV#frame-home DIV#main, DIV#frame-map DIV#main {
	width: 990px;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
DIV#frame-map DIV#main {
	background: #9cc989 !important;
	height: 586px;
	overflow: hidden;
}
DIV#frame-home DIV#main IMG, DIV#frame-home DIV#main OBJECT, DIV#frame-map DIV#main IMG, DIV#frame-map DIV#main OBJECT {
	display: block;
}
DIV#frame-home DIV#main DIV#home-quote-strip {
	border-top: 5px solid #cc9;
	background-color: #9cc989;
	padding: 10px 10px 10px 27px;
	float:left;
	clear:left;
	width:100%;
}
DIV#frame-home DIV#main DIV#home-quote-strip DIV.sign-up-newsletter {
	float:right;
	width: 240px;
	margin-right: 45px;
	position: relative;
}
DIV#frame-home DIV#main DIV#newsletterForm {
	top:27px;
	left: 0px;
	position: absolute;
	
}
DIV#frame-home DIV#main DIV#newsletterForm DIV.newsletter-form-top {
	background: url(../img/newsletter-form-top.gif) no-repeat;
	width: 210px;
	padding:15px;
}
DIV#frame-home DIV#main DIV#newsletterForm DIV.newsletter-form-top IMG#close {
	float:right;
	height: 11px;
	width: 11px;
	cursor: pointer;
}
DIV#frame-home DIV#main DIV#newsletterForm DIV.newsletter-form-top P {
	font-size: 0.85em;
	padding: 10px 0px;
}
DIV#frame-home DIV#main DIV#newsletterForm DIV.newsletter-form-top INPUT.newsletter-submit, DIV#frame-home DIV.col-l div.email-newsletter INPUT.newsletter-submit {
	width: auto;
	float:right;
}
DIV#frame-home DIV#main DIV#newsletterForm DIV.newsletter-form-top INPUT {
	width: 175px;
	color:#666;
	font-size: 0.85em;
	padding-left:5px;
	float:left;
}
DIV#frame-home DIV#main DIV#newsletterForm DIV.newsletter-form-bot {
	background: url(../img/newsletter-form-bot.gif) no-repeat;
	width: 240px;
	height:9px;
}

	

/* CENTRE: CENTRES IN UK MAP */

DIV#frame-map DIV#main DIV#col-l-map-nav, DIV#frame-map DIV#main DIV#col-m-map-flash, DIV#frame-map DIV#main DIV#col-r-map-legend {
	float: left;
}
DIV#frame-map DIV#main DIV#col-l-map-nav {
	padding: 30px 27px;
	width: 285px;
}
DIV#frame-map DIV#main DIV#col-m-map-flash {
	width: 452px;
}
DIV#frame-map DIV#main DIV#col-r-map-legend {
	padding: 30px 0px 30px 20px;
	width: 170px;
}
DIV#col-l-map-nav DIV.map-nav-outer-wrap {
	float: left;
	margin-top: 15px;
	width: 216px;
	padding: 10px 20px 6px 20px;
	background: url(../img/bg-where-to-find-us-list.jpg) no-repeat top left;
}
DIV#col-l-map-nav UL#maggies-centres {
	width: 100%;
	float: left;
	clear: left;
}
DIV#col-l-map-nav UL#maggies-centres LI {
	width: 100%;
	float: left;
	clear: left;
	padding: 5px 0px;
	background: url(../img/line-white-dotted-horiz.gif) repeat-x bottom left;
}
DIV#col-r-map-legend IMG {
	margin-top: 10px;
	margin-left: 10px;
}
DIV#banner-register-here-centres {
	width: 256px;
	clear:both;
}
DIV#banner-register-here-centres IMG {
	margin-left:auto;
	margin-right:auto;
}

/* CENTRE STAFF */

UL.centre-staff {
	float: left;
}
UL.centre-staff LI {
	clear: left;
	float: left;
	width: 450px;
	margin: 10px 0px;
}
UL.centre-staff LI.first {
	margin-top: 0px;
}
UL.centre-staff LI DIV.thumb {
	float: left;
	width: 132px;
	height: 198px;
	overflow: hidden;
	margin-right: 15px;
}
UL.centre-staff LI DIV.thumb IMG {
	display: block;
	float: left;
}
UL.centre-staff LI DIV.summary {
	float: left;
	width: 293px;
	padding: 15px 0px;
	border-top: 1px solid #9cc989;
	border-bottom: 1px solid #9cc989;
}
DIV#centre-staff {
	margin-bottom: 0.8em; /* this raises the bottom edge of col-m so that it's flush with the contact-details-box in bottom lhs in the centres page */
}

/* CENTRE TIMETABLE */

DIV#centre-timetable P.legend {
	clear: left;
	float: left;
	width: 435px;
	padding: 2px 5px;
	margin-top: 0.8em;
	border: 1px solid #9cc989;
}
DIV#centre-timetable TABLE {
	clear: left;
	width: 445px;
	margin-bottom: 20px;
	border-collapse: collapse;
}
DIV#centre-timetable TABLE TH, DIV#centre-timetable TABLE TD {
	padding: 7px;
	text-align: left;
}
DIV#centre-timetable TABLE TH.day {
	background-color: #b3d7a5;
}
DIV#centre-timetable TABLE TH.day-segment {
	vertical-align: top;
	border-bottom: 2px solid #b3d7a5;
	width: 75px;
}
DIV#centre-timetable TABLE TD.day-segment-activities {
	border-left: 2px solid #b3d7a5;
	border-bottom: 2px solid #b3d7a5;
}

/* CENTRE: MAP */

DIV#centre-map IMG.map {
	margin: 5px 0px 10px 0px;
}

/* CENTRE: EVENTS AND FUNDRAISING */

UL.events {
	float: left;
	border-top: 1px solid #9cc989;
	margin-top: 5px;
}
UL.events LI {
	width: 100%;
	float: left;
	clear: left;
	padding: 15px 0px 12px 0px;
	border-bottom: 1px solid #9cc989;
}
UL.events LI DIV.img-wrap {
	float: left;
	width: 164px;
	overflow: hidden;
	margin-top: 10px;
}
UL.events LI DIV.img-wrap IMG {
	display: block;
}
UL.events LI DIV.txt-wrap {
	float: left;
	width: 250px;
	margin-left: 20px;
	margin-top: 10px;
	font-size: 0.95em;
}
DIV#video-player-wrap DIV#video-player-flash {
	float: left;
	margin-top: 20px;
}
DIV#video-player-wrap DIV#video-player-extra-info {
	float: left;
	margin-top: 10px;
}
DIV.col-r DIV.photo-preview {
	float: left;
	margin-top: 25px;
}
DIV.col-r DIV.photo-preview IMG {
	display: block;
	border: 5px solid #fff;
	margin-bottom: 5px;
	padding-top:0px !important;
}
DIV.col-r DIV.sponsor-graphics {
	float: left;
	margin-top: 25px;
}
DIV.col-r DIV.sponsor-graphics IMG {
	display: block;
}
DIV#events-nighthike-photos DIV.paging-bar {
	float: left;
	width: 100%;
	overflow: hidden;
	margin-top: 5px;
	padding: 4px 0px;
	border-top: 1px solid #b4dfa3;
	border-bottom: 1px solid #b4dfa3;
}
DIV#events-nighthike-photos DIV.paging-bar-bottom {
	margin-top: 0;
	border-bottom: none;
}
DIV#events-nighthike-photos DIV.paging-bar DIV.paging-bar-left {
	float: left;
}
DIV#events-nighthike-photos DIV.paging-bar DIV.paging-bar-right {
	float: right;
}
DIV#events-nighthike-photos DIV#photo-display-area {
	float: left;
	padding-top: 20px;
}
DIV#events-nighthike-photos DIV#photo-display-area DIV.photo-item-wrap {
	float: left;
	width: 224px;
	padding-bottom: 20px;
	text-align: center;
}
DIV#events-nighthike-photos DIV#photo-display-area DIV.photo-item-wrap IMG {
	height: 130px;
	border: 5px solid #fff;
}
UL.upcoming-sporting-events {
	float: left;
	border-top: 1px solid #fff;
}
UL.upcoming-sporting-events LI {
	float: left;
	border-bottom: 1px solid #fff;
	padding: 20px 0px 15px 0px;
}
UL.upcoming-sporting-events LI P IMG {
	float: left;
	margin: 0px 15px 15px 0px;
	border: 5px solid #fff;
}
DIV.sporting-events-contact-box {
	width: 205px;
	margin-top: 30px;
	float: left;
	clear: left;
	background: url(../img/border-sides-sporting-contact-box.gif) repeat-y top left;
}
DIV.sporting-events-contact-box  DIV.sporting-events-contact-box-top {
	height: 10px;
	background: url(../img/border-top-sporting-contact-box.gif) no-repeat top left;
}
DIV.sporting-events-contact-box  DIV.sporting-events-contact-box-bot {
	height: 10px;
	background: url(../img/border-bot-sporting-contact-box.gif) no-repeat top left;
}
DIV.sporting-events-contact-box  DIV.sporting-events-contact-content {
	padding: 0px 10px;
}
div#main DIV#events-fundraising
{
	overflow: visible;
	position: relative;
}
/* PRESS RELEASES - USED IN NEWS PUBLICATIONS AND CENTRE */

UL.press-releases {
	float: left;
	margin-top: 5px;
	border-top: 1px solid #9cc989;
}

UL.spacetop {
	margin-top: 25px;
}


UL.press-releases LI {
	clear: left;
	float: left;
	width: 450px;
	padding: 5px 0px;
	border-bottom: 1px solid #9cc989;
}
UL.press-releases LI.narrow {
	width: 205px;
}
UL.press-releases LI DIV.thumb {
	float: left;
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin-right: 10px;
}
UL.press-releases LI DIV.thumb IMG {
	display: block;
	float: left;
}
UL.press-releases LI DIV.summary {
	float: left;
	width: 380px;
	padding-top: 0.3em;
}
UL.press-releases LI.narrow DIV.summary {
	float: left;
	width: 205px;
	padding-top: 0.3em;
}
DIV#centre-press-releases, DIV#centre-press-release-story {
	margin-bottom: 0.8em; /* this raises the bottom edge of col-m so that it's flush with the contact-details-box in bottom lhs in the centres page */
}
DIV.news-pr DIV.col-r UL{
	border-bottom: #8BB879 1px solid;
	border-top: #8BB879 1px solid;
	margin:0px;
}
DIV.news-pr DIV.col-r UL LI {
	background: url(../img/line-green-dotted-horiz.gif) repeat-x bottom left;
	padding: 5px 0px;;
	margin-bottom: -1px;
}
DIV.news-pr DIV.col-r UL LI IMG {
	float:left;
}
DIV.news-pr DIV.col-r UL LI IMG.thumb{
	padding-right: 10px;
	margin-bottom:3px;
}
DIV.news-pr DIV.col-r UL LI DIV.link {
	padding: 5px 0px;
}
DIV.news-pr DIV.col-r UL LI DIV.link IMG{
	margin-right: 5px;
}
DIV.col-r DIV.link IMG.arrowLink{
	margin-right: 5px;
	float:left;
}



/* NEWS AND PUBLICATIONS: OUR PUBLICATIONS - ALSO USED FOR OUR PROGRAMMES */

DIV#download-pdf-pubs {
	clear: left;
	float: left;
	margin-top: 40px;
}
DIV#download-pdf-pubs A#downloading-pdf-publications {
	display: block;
	padding: 15px 0px 15px 60px;
	background: url(../img/ico_pdf.gif) no-repeat top left;
}
UL.our-publications {
	clear: left;
	float: left;
	margin-bottom: 20px;
}
UL.our-publications LI {
	float: left;
	display: inline;
	margin-top: 20px;
}
UL.our-publications LI.cover-1 {
	margin-left: 70px;
}
UL.our-publications LI.cover-2 {
	margin-left: 50px;
}
UL.our-publications LI.first {
	clear: left;
	margin-left: 0;
}
UL.our-publications LI DIV.cover-1-wrap {
	float: left;
	width: 180px;
}
UL.our-publications LI DIV.cover-2-wrap {
	float: left;
	width: 130px;
}
UL.our-publications LI DIV.cover-1-wrap IMG {
	width: 158px;
	height: 224px;
}
UL.our-publications LI DIV.cover-2-wrap IMG {
	width: 108px;
	height: 160px;
}
UL.our-publications LI DIV.cover-shadow {
	float: left;
	padding: 0px 8px 8px 0px;
	margin-bottom: 10px;
}
UL.our-publications LI DIV.cover-1-wrap DIV.cover-shadow {
	background: url(../img/publications/cover-1-shadow.gif) no-repeat bottom right;
}
UL.our-publications LI DIV.cover-2-wrap DIV.cover-shadow {
	background: url(../img/publications/cover-2-shadow.gif) no-repeat bottom right;
}
UL.our-publications LI DIV.cover-shadow IMG {
	display: block;
}

/* ABOUT: PROGRAMME */

DIV#main DIV#about-programme UL {
	/* UL's that appear in col-m (middle content block) in between paragraph text have same bottom margin as P so that when inserted within copy margin flow remains even */
	margin-bottom: 0.8em;
}

/* ABOUT: COMMENTS */

UL.comments {
	float: left;
	border-top: 1px solid #9cc989;
	margin-top: 15px;
}
UL.comments LI {
	padding: 15px 0px;
	border-bottom: 1px solid #9cc989;
}

/* MAGGIES PROGRAMME SIGN UP FORM & RECRUITMENT PAGES */

DIV.sign-up DIV.col-m HR, DIV.recruitment DIV.col-m HR {
	border-top: none;
	border-left:none;
	border-right:none;
	border-bottom: #8BB879 1px solid;
	margin: 15px 0px;
}
DIV.sign-up DIV.col-m FORM SELECT {
	width: 250px;
}
DIV.sign-up DIV.col-m FORM INPUT {
	width: 200px;
}
DIV.sign-up DIV.col-m FORM LABEL {
	float:left;
	padding-bottom: 15px;
}
DIV.sign-up DIV.col-m FORM TEXTAREA {
	width: 436px; 
	height: 100px;
	padding: 0px;
}
DIV.radio-button-container {
	float:right;
	width: 400px;
}
INPUT.radio-button {
	width: auto !important;
	margin-right: 2px;
	margin-left:40px;
}
DIV.sign-up DIV.col-m FORM SELECT, DIV.sign-up DIV.col-m FORM INPUT {
	margin-right: 10px;
}
DIV.sign-up DIV.col-m INPUT.form-submit {
	float:right;
	width: auto;
	height:auto;
}
DIV.recruitment DIV.col-m FORM SELECT {
	width: 300px;
}
DIV.recruitment DIV.col-m INPUT.form-submit {
	float:right;
	width: auto;
	height:auto;
	margin-left: 12px;
}
DIV.recruitment DIV.col-m IMG.download-arrow {
	float:left;
	clear: left;
	width: auto;
	height:auto;
	margin: 4px 5px 0px 0px;
}

/* EVENTS AND FUNDRAISING-SPECIFIC STYLES */

.t-invisible
{
	display: none;
} 

/* DOWNLOAD PODCASTS */
DIV.download-podcasts {
	margin: 10px 0px;
	
}
DIV.col-l DIV.download-podcasts {
	float: left;
	margin-left: 10px;
}

DIV.col-l DIV.download-podcasts UL LI {
	width: 175px;
}

DIV.download-podcasts H4 {
	padding-top:15px;
	display: block;
	clear: both;
}
DIV.col-r DIV.download-podcasts UL{
	margin:0px;
	padding: 10px 0px;
}
DIV.download-podcasts UL LI {
	margin-bottom: -1px;
	font-size: 0.9em;
	clear:both;
}
DIV#main DIV.col-l DIV.download-podcasts UL LI A, DIV.col-r DIV.download-podcasts UL LI A:HOVER {
	color: #8BB879;
	float:left;
	padding-top:2px;
	line-height: 1em;
	background: none;
	padding-left: 0;
}
DIV.download-podcasts UL LI P {
	margin-bottom:8px !important;
	clear:both;
	padding-left:11px;
}
DIV.download-podcasts UL LI P.podcast-desc {
	margin-bottom:0px !important;
}
DIV.download-podcasts IMG.podcast-icon {
	clear:both;
}
DIV.download-podcasts IMG.small-podcast-icon {
	float:left;
	padding-right:3px;
	margin-top:-3px;
}
DIV.col-l DIV.download-podcasts IMG.small-podcast-icon {
	float:left;
	padding-right:3px;
	margin-top: 2px;
}

DIV.audio-desc
{
	float: left;
	padding: 5px;
}

/** RSS FEEDS CONTENT DISPLAY **/
DIV.rss-receive { 
	width: 455px;
	margin: 10px 0px;
	float: left;
	clear:both;
}
DIV.rss-receive-colr { 
	width: 210px;
	margin: 10px 0px;
	float: left; 
	clear: both;
}
DIV.rss-receive DIV.top { 
	border-top: 1px solid #9cc989;
	border-bottom: 1px solid #9cc989;
	height: 65px;
}
DIV.rss-receive-colr DIV.top { 
	border-top: 1px solid #9cc989;
	border-bottom: 1px solid #9cc989;
	height: 70px;
} 
DIV.rss-receive DIV.top DIV.header-wrap {
	background: #f2f2f2;
	width: 435px;
	padding: 10px 10px 5px 10px;
	margin: 5px 0px;
	height: 40px;
}
DIV.rss-receive-colr DIV.top DIV.header-wrap {
	background: #f2f2f2;
	width: 190px;
	padding: 10px 10px 5px 10px;
	margin: 5px 0px;
	height: 45px;
}
DIV.rss-receive-colr UL { 
	padding: 0px !important;
	margin: 0px;
	clear:both;
}
DIV.rss-receive UL LI, DIV.rss-receive-colr UL LI { 
	padding: 10px 0px;
	min-height:80px;
  	height:auto !important;
  	height:80px;
  	background: url(../img/brdr-dgrey-dotted.gif) repeat-x top left;
  	border:none;
}
DIV.rss-receive UL LI.first, DIV.rss-receive-colr UL LI.first { 
	background: none;
}
DIV.rss-receive UL LI DIV.left-content { 
	float: left;
	width: 98px;
	text-align: center;
}
DIV.rss-receive UL LI DIV.left-content TABLE {
	text-align: center;
	width: 98px;
	height: 98px;
	background: url(../img/blog-thumb-bg.gif) no-repeat center;
}
DIV.rss-receive UL LI DIV.left-content TABLE TR TD {
	vertical-align: middle;
	text-align: center;
	padding-right: 2px;
} 
DIV.rss-receive UL LI DIV.right-content {
	width: 347px;
	padding-left: 10px;
	float: left;
}
DIV.rss-receive UL LI DIV.cb, DIV.rss-receive-colr UL LI DIV.cb { 
	width: 0px;
	height: 0px;
	line-height: 0px;
	font-size: 0;
}
DIV.rss-receive DIV.bot { 
	border-top: 1px solid #9cc989;
	height: 30px;
	width: 455px;
	clear:both;
}
DIV.rss-receive-colr DIV.bot { 
	border-top: 1px solid #9cc989;
	height: 30px;
	width: 210px;
}
DIV.rss-receive DIV.bot DIV.more-link-wrap { 
	background: #f2f2f2;
	margin-top: 5px;
	width: 455px;
	height: 25px;
}
DIV.rss-receive-colr DIV.bot DIV.more-link-wrap { 
	background: #f2f2f2;
	margin-top: 5px;
	width: 210px;
	height: 25px;
}
DIV.rss-receive DIV.bot DIV.more-link-wrap A SPAN, DIV.rss-receive-colr DIV.bot DIV.more-link-wrap A SPAN { 
	float: left;
}
DIV.rss-receive DIV.bot DIV.more-link-wrap IMG.click-icon {
	margin-left: 4px;
	float: left;
	margin-top: 3px;	
}
DIV#frame.sporting DIV.rss-receive UL LI DIV.left-content TABLE {
	background: url(../img/blog-thumb-green-bg.gif) no-repeat center;
}
DIV#frame.parachuting DIV.rss-receive UL LI DIV.left-content TABLE {
	background: url(../img/blog-thumb-blue-bg.gif) no-repeat center;
}
DIV#frame.knifefork DIV.rss-receive UL LI DIV.left-content TABLE {
	background: url(../img/blog-thumb-brown-bg.gif) no-repeat center;
}

/* NEWSLETTER SIGN UP FOR LEFT AND RIGHT COLUMN */
DIV.newsletter-signup { 
	float: left;
	clear: both;
	margin-bottom: 10px;
	margin-top: 20px;
}
DIV.newsletter-signup.col-r-sign-up, DIV.newsletter-signup.col-r-sign-up H3, DIV.newsletter-signup.col-r-sign-up P {
	width: 210px;
}
DIV.newsletter-signup INPUT { 
	float: left;
}
DIV.newsletter-signup INPUT.newsletter-input { 
	width: 180px; 
	color: #A0A0A0;
}
DIV.newsletter-signup INPUT.newsletter-submit { 
	margin-left: 5px;
}