/* 
page layout for themes (Challenge Events) Ref Landing Pages
Sally Edgington
2006-11-23
*/

/**** HEADER *****/

#headerWrapper {
	background: url(/display_images/challenge_events/navigation/bg_pink_shadow.gif);
}/**/

#borderLine {
	background: #99005B !important;
}

#borderLine.UKchallenges {
	background: #005782 !important;
}

#borderLine.running {
	background: #0E702F !important;
}

div#ndcsLogo {
	background: url(/display_images/challenge_events/logos/ndcs_logo.gif) no-repeat !important;
	margin: 0 0 0 5px!important;
	padding: 0!important;
	height: 90px !important;
}

div#challengeEventsLogoLanding {
	float: right;
	width: 242px;
	background: url(/display_images/challenge_events/logos/ce_logo.gif) no-repeat;
}


div#LandingEventTitle {
	float: left;
	width: 400px;
	height: 33px;
}

div#bannerImage {
	margin: 0 5px; 
	padding: 0!important; 
	width: 750px !important;
	/*height: 120px !important;*/
	overflow: hidden;
}

div#colouredBar {
	margin: 0 5px !important;
	width: 750px !important;
	height: 14px !important;
	background: url(/display_images/challenge_events/dividers/coloured_bar.gif) no-repeat !important;
}


/*FOOTER*/

#footerWrapper {
	background: url(/display_images/challenge_events/navigation/bg_pink_shadow.gif) !important;
} 

#footerEnd {
	background: url(/display_images/challenge_events/navigation/bg_pink_shadow_bottom.gif) no-repeat !important;
}


/** DEFAULT SETTINGS **/
/** CONTENT **/

div#LandingEventTitle h1.challengeEvents {
	color: #fff !important;
	margin-top: 2em !important;
}

h2 {
	color: #333 !important;
}

h1.challengeEvents {
	float: left !important;
	text-transform:uppercase !important;
	font-size: 2em !important; 
	line-height: 1em !important; 
	margin: 10px 0 15px !important;
	color: #333 !important;
}

h1.challengeEventsInfoLine {
	float: left !important;
	text-transform: none !important;
	padding: 0 !important;
	font-size: 2em !important; 
	line-height: 1em !important; 
	margin: 10px 0 15px !important;
	color: #EC008C !important;
}

h2.challengeEvents {
	float: left !important; 
	text-transform:uppercase !important; 
	line-height: 2.3em;/* */
	padding: 13px 0 0 5px !important;
	margin: 0 !important;
	color: #333 !important;
}

h2 {
	font-size: 1.5em !important;
	font-weight: bold !important;
	color: #EC008C !important;
	text-transform: uppercase !important;
	padding: 0 !important;
	margin: 0 0 7px !important;
}


/*MAIN COLUMN */
div#main-column-wide {
	float:left !important;
	width: 710px !important;
	padding: 0px !important;
	margin: 10px 0 0 10px !important;
}
html>body div#main-column-wide {
	width: 730px !important;
	margin-right: 20px !important;
}

div#intro {
	width: 690px !important;
	padding: 20px 20px 20px 16px !important;
}

div.videoTeaserRowOdd {
	clear: both;
	float: left;
	position: relative;
	padding: 15px 5px 10px;
	margin: 10px 0;
	width: 710px !important;
	background: #FFE7F5;
}

div.videoTeaserRowEven {
	clear: both;
	float: left;
	position: relative;
	padding: 15px 5px 10px;
	margin: 10px 0;
	width: 710px !important;
}

div.videoImage {
	float: right; 
	width: 180px !important;
	//width: 150px !important; 
	border: 0 !important;
	padding: 0 10px !important;
	margin: 0 !important;
}

div.titleSummary {
	float: left; 
	width: 350px !important;
	//width: 500px !important;
	padding: 0 10px !important;
	margin: 0 !important;
}

div.videoImageFlv {
	float: right; 
	width: 320px !important;
	//width: 320px !important; 
	border: 0 !important;
	padding: 0 10px !important;
	margin: 0 !important;
}

div.titleSummaryFlv {
	float: left; 
	width: 350px !important;
	//width: 350px !important;
	padding: 0 10px !important;
	margin: 0 !important;
}

span.smallgrey {
	font-size: 0.8em!important;
}

div.clear-both {
	clear: all;
}

div.teaserOdd {
	clear: both;
	margin: 1em 0 !important;
	padding: 1.4em 1.4em !important;
	background: #FFE7F5;
}

div.teaserEven {
	clear: both;
	margin: 1em 0 !important;
	padding: 1.4em 1.4em !important;
}

div.teaser h2 {
	margin: 0 0 15px !important;
}

div.teaserImage {
	float: right;
	border: 1px solid #666;
	margin: 0 0 0 10px;
}

img.teaserImage {
	background: #fff;
	margin: 2px !important;
}


div#buttonRow {
	width: 710px;
	margin: 25px 0;
}

div.buttonLeft {
	float: left;
	width: 196px;
	padding-left: 20px;
	padding-right: 40px;
}

div.button {
	float: left;
	width: 196px;
	padding-left: 0px;
	padding-right: 40px;
}

div.buttonRight {
	float: right;
	width: 196px;
}