/* ============> Reset Styles (from meyerweb.com)  <============= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:					0;
	padding:				0;
	border:					0;
	outline:					0;
	font-weight:			inherit;
	font-style:				inherit;
	font-size:				100%;
	font-family:			inherit;
	vertical-align:			baseline;
}

b,strong {
	font-weight:			bold;
	}

em {
	font-style:				italic;
	}

/* remember to define focus styles! */
:focus {
	outline:					0;
}

html {
	height:					100.5%;
	min-height:			100.5%;
}

body {
	line-height:			1;
	color:					black;
	background:			white;
}

ol, ul {
	list-style:				none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:		separate;
	border-spacing:		0;
	border-color:			#fff;
}

caption, th, td {
	text-align:				left;
	font-weight:			normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content:					"";
}

blockquote, q {
	quotes:					"" "";
}

hr {
	display:					none;
	}

/* -----------------------------------------------------> DEV HELPERS / ALERTS STYLING
*/

.LocalHelper {
	position:				fixed;
	top:						35px;
	left:						10px;
	padding:				5px;
	text-align:				left;
	border:					1px solid #555;
	background:			#3d5;
	line-height:			1.3;
	font:						10px/14px arial;
	color:					#000;
	}

.StageAlert {
	position:				fixed;
	top:						0px;
	left:						0px;
	padding:				5px 20px;
	text-align:				left;
	background:			#f00;
	color:					#fff;
	font:						10px/14px arial;
	}

/* -----------------------------------------------------> TERMINATE THE RATE STYLES
*/

body {
	font-family:			helvetica,arial,sans-serif;
	background:			url(../img/body_back.gif) repeat;
	}

.wrapper {
	margin:					0 auto;
	text-align:				left;
	width:					980px;
	padding-bottom:		50px;
	}

/* -----------------------------------------------------> HEADER
*/

.header {
	float:						left;
	width:					980px;
	height:					136px;
	}

.header .logo {
	float:						left;
	width:					420px;
	height:					136px;
	background:			url(../img/ttr_logo.jpg) no-repeat;
	}

.header .logo h1 {
	display:					none;
	}

.header .logo a {
	float:						left;
	display:					inline;
	width:					350px;
	height:					60px;
	margin-top:			25px;
	margin-left:			45px;
	}

.header .socialLinks {
	float:						left;
	display:					inline;
	width:					404px;
	height:					94px;
	background:			url(../img/socialLinks_back.jpg) top right no-repeat;
	margin-left:			138px;
	}

.header .socialLinks p {
	float:						left;
	width:					128px;
	height:					21px;
	background:			url(../img/header_followus.gif) no-repeat;
	margin-top:			34px;
	}

.header .socialLinks p b {
	display:					none;
	}

.header .socialLinks a {
	float:						left;
	display:					block;
	}

.header .socialLinks a#linkYouTube {
	margin-left:			44px;
	margin-top:			26px;
	}

.header .socialLinks a#linkFacebook {
	margin-left:			32px;
	margin-top:			28px;
	}

.header .socialLinks a#linkTwitter {
	margin-left:			35px;
	margin-top:			28px;
	}

/* -----------------------------------------------------> MENU
*/

.menu {
	float:						left;
	display:					inline;
	width:					940px;
	height:					45px;
	margin-left:			20px;
	margin-bottom:		16px;
	}

.menu .start {
	float:						left;
	width:					5px;
	height:					45px;
	background:			url(../img/menu_start.gif) no-repeat;
	}

.menu ul {
	float:						left;
	width:					920px;
	height:					45px;
	background:			url(../img/menu_back.gif) repeat-x;
	font-size:				16px;
	padding:				2px 0 1px 6px;
	}

.menu ul li {
	float:						left;
	display:					inline;
	}

.menu ul a {
	float:						left;
	display:					block;
	color:					#fff;
	/*text-shadow:			1px 1px 1px #CADAE5, -1px -1px 1px #474747; */
	text-shadow:			-1px 1px 0px #97A3AB, 1px -1px 0px #696969;
	text-decoration:		none;
	padding:				12px 28px;
	border-left:			1px solid #73c2f5;
	border-right:			1px solid #2e6080;
	height:					19px;
	}

.menu ul a:hover, .menu ul a#menuon  {
	text-shadow:			-1px 1px 0px #97A3AB, 1px -1px 0px #696969, 0px 0px 10px #ffffff;
	background:			url(../img/menu_back_on3.gif) 50% 36px no-repeat;
	}

.menu ul a.first.home {
	border-left:			none;
	padding-left:			28px;
	}

.menu ul a.last {
	border-right:			none;
	padding-right:		28px;
	}

.menu .end {
	float:						left;
	width:					5px;
	height:					45px;
	background:			url(../img/menu_end.gif) no-repeat;
	}

/* -----------------------------------------------------> BODY
*/

#body {
	float:						left;
	display:					inline;
	width:					940px;
	margin-left:			20px;
	padding-bottom:		9px;
	background:			url(../img/body_bottom.jpg) bottom left no-repeat;
	margin-bottom:		50px;
	}

/* -----------------------------------------------------> SECTION 1 (BLURB & PETITION)
*/

#section1 {
	float:						left;
	width:					940px;
	margin-bottom:		20px;
	}

#section1.inside {
	float:						left;
	width:					940px;
	}

/* -----------------------------------------------------> BLURB
*/

#blurb {
	float:						left;
	width:					640px;
	height:					366px;
	background:			url(../img/blurb_back.jpg) no-repeat;
	margin-right:			20px;
	}

#blurb #article h2 {
	width:					594px;
	font:						bold 28px/30px helvetica,arial,sans-serif;
	color:					#000;
	padding-left:			46px;
	padding-top:			20px;
	margin-bottom:		20px;
	}

#blurb #article h2 em {
	font-style:				normal;
	color:					#8253a2;
	}

#blurb #article h3 {
	width:					335px;
	margin-left:			30px;
	margin-bottom:		8px;
	font:						bold 14px/15px helvetica,arial,sans-serif;
	}

#blurb #article p {
	width:					315px;
	margin-left:			30px;
	font:						13px/15px helvetica,arial,sans-serif;
	color:					#069;
	margin-bottom:		8px;
	}

#blurb #article a {
	}

#blurb #article a:hover {
	background:			none;
	}

/* -----------------------------------------------------> SECTION2 EXTENSION
*/

#section2Ext {
	float:						left;
	width:					640px;
	height:					386px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:		5px;
	background:			#fff;
	margin-right:			20px;
	}

/* -----------------------------------------------------> SPONSORS CAROUSEL
*/

/* ----------------------------------------> Scrollable logos.
*/

a.prevPage {
	float:						left;
	background:			url(../img/carousel_prevBtn.gif);
	width:					15px;
	height:					30px;
	margin:					14px 14px 0 20px;
	cursor:					pointer;
}

a.nextPage {
	float:						left;
	background:			url(../img/carousel_nextBtn.gif);
	width:					15px;
	height:					29px;
	margin:					14px 0 0 14px;
	cursor:					pointer;
}

#leftEdge {
	float:						left;
	width:					4px;
	height:					60px;
	background:			url(../img/carousel_logosBack_edges.gif) no-repeat;
	}

#rightEdge {
	float:						left;
	width:					4px;
	height:					60px;
	background:			url(../img/carousel_logosBack_edges.gif) -4px 0 no-repeat;
	}

/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
div.scrollable {

    /* required settings */
	float:						left;
    position:				relative;
    overflow:				hidden;
    width:					532px;
    height:					60px;
	background:			url(../img/carousel_logosBack.gif) repeat-x;
}

/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accomodate scrollable items.
    it's enough that you set width and height for the root element and
    not for this element.
*/
div.scrollable div.items {
    /* this cannot be too large */
    width:					20000em;
	height:					60px;
    position:				absolute;
}

/*
    a single item. must be floated in horizontal scrolling.
    typically, this element is the one that *you* will style
    the most.
*/
div.scrollable div.items a {
    float:						left;
	height:					48px;
	padding:				12px 0px 0 10px;
	display:					block;
}

div.scrollable div.items a img {
	vertical-align:			middle;
	}

/* you may want to setup some decorations to active the item */
div.items a.active {
    background:			url(../img/carousel_sponsorsOn.gif) 50% 0 no-repeat;
}

/* ----------------------------------------> Main pane.
*/

#sponsorsTabs {
	float:						left;
	display:					inline;
	width:					600px;
	height:					165px;
	overflow:				hidden;
	clear:					left;
	margin:					20px 20px 14px 20px;
	background:			#ecf8fe;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

#sponsorsTabs span {
	float:						left;
	width:					120px;
	height:					125px;
	margin:					20px;
	background:			#fff;
	text-align:				center;
	}

#sponsorsTabs span img {
	}

#sponsorsTabs p {
	float:						left;
	width:					420px;
	margin-top:			20px;
	font:						12px/16px helvetica,arial,sans-serif;
	color:					#000;
	}

#sponsorsTabs p a {
	color:					#1890cf;
	}

#sponsorsCarousel {
	float:						left;
	}

div.panes {
	float:						left;
	}

/* initially all panes are hidden */
div.panes div.pane {
	display:none;
}


/* -----------------------------------------------------> PETITION
*/

#petition {
	position:				relative;
	float:						left;
	width:					280px;
	height:					366px;
	background:			url(../img/petition_back.jpg) no-repeat;
	color:					#fff;
	}

#petition h2 {
	float:						left;
	font:						16px/18px helvetica,arial,sans-serif;
	color:					#ecdaea;
	text-shadow:			-1px 1px 1px #97A3AB, 1px -1px 1px #452c56;
	margin-top:			12px;
	margin-left:			15px;
	margin-bottom:		5px;
	display:					inline;
	}

/* ----------------------------------------> Ticker.
*/

#petition .ticker {
	float:						left;
	width:					247px;
	height:					50px;
	background:			url(../img/ticker_back.gif) no-repeat;
	margin-left:			14px;
	padding-top:			6px;
	padding-left:			5px;
	margin-bottom:		10px;
	display:					inline;
	}

#petition .ticker h3 {
	display:					none;
	}

#petition .ticker span {
	float:						left;
	width:					33px;
	height:					43px;
	margin-right:			2px;
	}

span#number0 {
	background:			url(../img/ticker_numbers.gif) no-repeat;
	}
span#number1 {
	background:			url(../img/ticker_numbers.gif) -33px 0 no-repeat;
	}
span#number2 {
	background:			url(../img/ticker_numbers.gif) -66px 0 no-repeat;
	}
span#number3 {
	background:			url(../img/ticker_numbers.gif) -99px 0 no-repeat;
	}
span#number4 {
	background:			url(../img/ticker_numbers.gif) -132px 0 no-repeat;
	}
span#number5 {
	background:			url(../img/ticker_numbers.gif) -165px 0 no-repeat;
	}
span#number6 {
	background:			url(../img/ticker_numbers.gif) -198px 0 no-repeat;
	}
span#number7 {
	background:			url(../img/ticker_numbers.gif) -231px 0 no-repeat;
	}
span#number8 {
	background:			url(../img/ticker_numbers.gif) -264px 0 no-repeat;
	}
span#number9 {
	background:			url(../img/ticker_numbers.gif) -297px 0 no-repeat;
	}

#petition h3 {
	float:						left;
	width:					250px;
	font:						bold 18px/20px helvetica,arial,sans-serif;
	margin-left:			15px;
	margin-bottom:		3px;
	display:					inline;
	}

#petition p {
	float:						left;
	width:					250px;
	margin-left:			15px;
	font:						bold 11px/13px helvetica,arial,sans-serif;
	margin-bottom:		16px;
	display:					inline;
	}

/* ----------------------------------------> Petition form.
*/

#petition form {
	float:						left;
	}

#petition form label {
	float:						left;
	width:					66px;
	font:						11px/14px helvetica,arial,sans-serif;
	padding-top:			4px;
	margin-left:			15px;
	}

#petition form label a {
	color:					#fff;
	}

#petition form input.text {
	float:						left;
	font:						bold 11px/14px helvetica,arial,sans-serif;
	width:					176px;
	background:			url(../img/form_input_back.gif) repeat-x;
	border-top:			1px solid #b2b4bc;
	border-left:			1px solid #b8bac1;
	border-bottom:		1px solid #cfd0d6;
	border-right:			1px solid #b8bac1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:		3px;
	padding:				2px;
	margin-bottom:		7px;
	}

#petition form input#postcode {
	width:					87px;
	}

#petition form span#postcodeHelper {
	float:						left;
	width:					20px;
	height:					20px;
	background:			url(../img/blackDot.gif) no-repeat;
	font-size:				13px;
	font-weight:			bold;
	padding:				4px 0 0 5px;
	margin-bottom:		7px;
	margin-left:			5px;
	cursor:					help;
	}

#petition form input.checkbox {
	float:						left;
	clear:					left;
	margin-left:			13px;
	}

#petition form label.checkbox {
	margin:					3px 0 0 0;
	padding:				0px;
	float:						left;
	width:					155px;
	margin-left:			5px;
	font-size:				10px;
	line-height:			12px;
	}

#petition form input#submit {
	width:					69px;
	height:					23px;
	background:			url(../img/form_submit_back.gif) no-repeat;
	border:					0px;
	cursor:					pointer;
	color:					#fff;
	margin-left:			5px;
	}

/* ----------------------------------------> Postcode Tooltip.
*/

div#postcodeTooltip {
	float:						left;
	width:					135px;
	height:					100px;
	background:			url(../img/postcode_tooltip.png) no-repeat;;
	display:					none;
	font:						12px/15px arial,sans-serif;
	color:					#fff;
	}

div#postcodeTooltip p {
	float:						left;
	margin-left:			17px;
	margin-top:			10px;
	width:					94px;
	}

/* ----------------------------------------> Terms & Condition Modal Popup.
*/

.modal {
    display:					none;
    width:					756px;
	height:					602px;
    padding:				15px;
    text-align:				left;
}

.modal .tc_box {
	background:			#fff;
	width:					710px;
	height:					540px;
	margin-top:			72px;
	margin-left:			23px;
	display:					inline;
	float:						left;
	}

.tc_box h2 {
	float:						left;
	width:					403px;
	height:					140px;
	background:			url(../img/termsandcond_modal_logo.png) no-repeat;
	margin-left:			-23px;
	margin-top:			-72px;
	margin-bottom:		20px;
	position:				relative;
	}

.tc_box h2 b {
	display:					none;
	}

.tc_box .close {
	float:						left;
	width:					53px;
	height:					50px;
	background:			url(../img/termsandcond_modal_close.png) no-repeat;
	cursor:					pointer;
	margin-top:			-110px;
	margin-left:			630px;
	display:					inline;
	position:				relative;
	}

.tc_box h3 {
	float:						left;
	clear:					left;
	width:					403px;
	margin-left:			40px;
	margin-bottom:		18px;
	font:						bold 14px/16px arial,sans-serif;
	color:					#8253a2;
	display:					inline;
	}

.tc_box div#termsText {
	float:						left;
	clear:					left;
	width:					640px;
	height:					390px;
	overflow:				auto;
	margin-left:			40px;
	display:					inline;
}

.tc_box div#termsText p, .tc_box div#termsText ul {
	width:					600px;
	font:						11px/14px arial,sans-serif;
	margin-bottom:		14px;
}

.tc_box div#termsText ul {
	list-style:				disc;
	}

.tc_box div#termsText ul li {
	margin-left:			20px;
	}

/* ----------------------------------------> Duplicate email alert.
*/

.DupeAlert {
	float:						left;
	position:				absolute;
	top:						270px;
	left:						82px;
	border:					2px solid #ccc;
	background:			#f00;
	color:					#fff;
	padding:				3px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:		5px;
	z-index:					100;
	}

#petition .DupeAlert p {
	width:					180px;
	margin:					0px;
	cursor:					pointer;
	font-size:				10px;
	font-family:			tahoma,sans-serif;
	}

/* -----------------------------------------------------> SECTION 2 / BELOW THE PETITION
*/

#section2 {
	float:						left;
	width:					940px;
	/* background:			#fff url(../img/corner.gif) top right no-repeat; */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:		5px;
	/* border:					1px solid #a0afb5; */
	background:			#fff;
	}

#section2 #stitcher {
	float:						left;
	position:				relative;
	width:					935px;
	height:					10px;
	margin-top:			-5px;
	background:			url(../img/stitcher.gif) no-repeat;
	font-size:				2px;
	}

/* -----------------------------------------------------> LEFT COLUMN
*/

#section2 .leftColumn {
	float:						left;
	width:					660px;
	}


/* -----------------------------------------------------> CAMPAIGN SUPPORTERS HOME PREVIEW
*/

.supporters {
	float:						left;
	width:					660px;
	height:					100px;
	/*
	background:			url(../img/supporters.jpg) 44px 25px no-repeat;
	*/
	}

.supporters span#supLabel {
	float:						left;
	width:					115px;
	height:					34px;
	background:			url(../img/supportersLabel.jpg) no-repeat;
	margin-top:			-8px;
	margin-left:			-6px;
	font:						12px/14px helvetica,arial,sans-serif;
	padding:				8px;
	position:				relative;
	}

.supporters a {
	float:						left;
	clear:					left;
	display:					block;
	width:					660px;
	height:					30px;
	margin-top:			-15px;
	}

/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
background:				#fff;
width:						660px;
overflow:					hidden;
cursor:						pointer;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position:					relative;
top:							8px;
width:						620px;
left:							20px;
overflow:					hidden;
}
ul.newsticker { /* that's your list */
position:					relative;
left:							660px;
list-style-type:			none;
margin:						0;
padding:					0;

}
ul.newsticker li {
float:							left; /* important: display inline gives incorrect results when you check for elem's width */
margin:						0;
padding:					0 10px;
background:				#fff;
}
ul.newsticker a {
white-space:				nowrap;
padding:					0;
color:						#f00;
margin:						0 50px 0 0;
}
ul.newsticker span {
margin:						0 10px 0 0;
}


/* -----------------------------------------------------> BLOG ENTRIES
*/

.blog {
	float:						left;
	clear:					left;
	width:					600px;
	background:			#ecf8fe;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left:			40px;
	margin-bottom:		10px;
	display:					inline;
	}

.blog h2#blogLabel {
	float:						left;
	width:					471px;
	height:					62px;
	background:			url(../img/blogLabel.jpg) no-repeat;
	margin-top:			-12px;
	margin-left:			-51px;
	font:						bold 24px/26px helvetica,arial,sans-serif;
	color:					#000;
	padding-left:			46px;
	padding-top:			17px;
	position:				relative;
	}

.blog h2#blogLabel em {
	font-style:				normal;
	color:					#8253a2;
	}

.blog .feed {
	float:						left;
	width:					560px;
	font:						12px/16px helvetica,arial,sans-serif;
	padding:				0 20px;
	}

.blog .feed h3 {
	float:						left;
	width:					560px;
	font:						bold 16px/18px helvetica,arial,sans-serif;
	color:					#8253a2;
	}

.blog .feed h3 a {
	text-decoration:		none;
	color:					#8253a2;
	}

.blog .feed p.entryDate {
	float:						left;
	width:					560px;
	font:						bold 12px/16px helvetica,arial,sans-serif;
	color:					#1890cf;
	}

.blog .feed p.entryDescription {
	float:						left;
	width:					560px;
	font:						12px/16px helvetica,arial,sans-serif;
	color:					#000;
	padding-bottom:		30px;
	}


/* -----------------------------------------------------> CMS CONTENT ARTICLE
*/

.leftColumn #article {
	float:						left;
	position:				relative;
	margin-top:			-385px;
	padding-bottom:		40px;
	width:					640px;
	z-index:					200;
	}

.leftColumn #article div.article_h2 {
	float:						left;
	margin-left:			-9px;
	width:					640px;
	}

.leftColumn #article div.article_h2 h2 {
	float:						left;
	position:				relative;
	height:					32px;
	background:			url(../img/article_h2_back.jpg) 50% 1px no-repeat;
	font:						bold 24px/26px helvetica,arial,sans-serif;
	color:					#8253a2;
	padding:				15px 10px;
	}

.leftColumn #article div.article_h2 span.leftTape {
	float:						left;
	position:				relative;
	width:					27px;
	height:					58px;
	background:			url(../img/article_h2_edges.jpg) no-repeat;
	}

.leftColumn #article div.article_h2 span.rightTape {
	float:						left;
	position:				relative;
	width:					27px;
	height:					58px;
	background:			url(../img/article_h2_edges.jpg) -27px 0 no-repeat;
	}

.leftColumn #article h3 {
	float:						left;
	width:					500px;
	padding:				6px 20px 6px 120px;
	font:						bold 18px/18px helvetica,arial,sans-serif;
	color:					#8253a2
	}

.leftColumn #article p {
	float:						left;
	width:					500px;
	font:						12px/16px helvetica,arial,sans-serif;
	padding:				0 20px 0 120px;
	margin-bottom:		16px;
	}

.leftColumn #article p a {
	color:					#09c;
	}


.leftColumn #article ol {
	float:						left;
	display:					inline;
	width:					560px;
	padding:				20px 20px 9px 20px;
	margin:					4px 0 20px 20px;
	background:			#ecf8fe;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

.leftColumn #article ol li {
	float:						left;
	padding-bottom:		12px;
	}

.leftColumn #article ol p {
	width:					540px;
	padding:				0px;
	margin:					0px;
	font:						13px/16px helvetica,arial,sans-serif;
	}

.leftColumn #article ol p strong {
	width:					540px;
	padding:				0px;
	margin:					0px;
	font-size:				15px;
	}

.leftColumn #article ul {
	clear:					left;
	padding-left:			20px;
	}

.leftColumn #article ul li {
	margin-left:			120px;
	list-style:				disc;
	margin-bottom:		16px;
	font:						13px/16px helvetica,arial,sans-serif;
	}

.leftColumn #article ul p {
	float:						none;
	padding:				0px;
	margin:					0px;
	font:						13px/16px helvetica,arial,sans-serif;
	}


/* -----------------------------------------------------> CAMPAIGN SUPPORTERS PAGE
*/

h2#campSuppLabel {
	float:						left;
	width:					470px;
	height:					45px;
	background:			url(../img/campaignSupportersLabel.jpg) no-repeat;
	margin-top:			-16px;
	margin-left:			-9px;
	margin-bottom:		6px;
	font:						bold 22px/26px helvetica,arial,sans-serif;
	color:					#000;
	padding-left:			46px;
	padding-top:			25px;
	position:				relative;
	}

h2#campSuppLabel em {
	font-style:				normal;
	color:					#8253a2;
	}

h3#campSuppBlurb {
	float:						left;
	font-size:				16px;
	line-height:			18px;
	font-weight:			bold;
	color:					#8253a2;
	display:					inline;
	margin-left:			140px;
	width:					478px;
	}

/* ----------------------------------------> Featured Supporters
*/

#featSponsors {
	}

#featSponsors h3 {
	float:						left;
	display:					inline;
	font-size:				16px;
	font-weight:			bold;
	color:					#8253a2;
	display:					inline;
	margin-left:			140px;
	margin-bottom:		25px;
	margin-top:			10px;
	}

#featSponsors ul li {
	float:						left;
	clear:					left;
	width:					610px;
	padding:				0 30px 0px 20px;
	}

#featSponsors span {
	float:						left;
	width:					120px;
	height:					125px;
	}

#featSponsors p  {
	float:						left;
	width:					490px;
	font:						12px/16px helvetica,arial,sans-serif;
	padding-bottom:		40px;
	}

#featSponsors p a {
	color:					#1890cf;
	}

/* -----------------------------------------------------> ALL SUPPORTERS PAGE / LOGOS
*/

.logoGrid {
	float:						left;
	position:				relative;
	margin-top:			-391px;
	padding-bottom:		40px;
	}

h2#campSuppAllLabel {
	float:						left;
	width:					504px;
	height:					58px;
	background:			url(../img/campaignSupportersAllLabel.jpg) no-repeat;
	margin-top:			-16px;
	margin-left:			-9px;
	font:						bold 22px/26px helvetica,arial,sans-serif;
	color:					#000;
	padding-left:			46px;
	padding-top:			25px;
	position:				relative;
	}

h2#campSuppAllLabel em {
	font-style:				normal;
	color:					#8253a2;
	}

ul#campSuppAll {
	float:						left;
	clear:					left;
	width:					620px;
	padding-left:			25px;
	margin-top:			40px;
	}

ul#campSuppAll li {
	float:						left;
	width:					120px;
	height:					147px;
	background:			#ecf8fe;
	padding:				8px 10px 10px 10px;
	margin-right:			10px;
	margin-bottom:		10px;
	}

ul#campSuppAll li span {
	float:						left;
	width:					120px;
	height:					125px;
	}

ul#campSuppAll li p {
	float:						left;
	width:					120px;
	height:					23px;
	font:						11px/14px helvetica,arial,sans,serif;
	}


/* -----------------------------------------------------> THANK YOU PAGE
*/

#thankyou {
	float:						left;
	width:					600px;
	min-height:			400px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left:			40px;
	margin-bottom:		10px;
	display:					inline;
	}

#thankyou p {
	float:						left;
	clear:					left;
	width:					560px;
	font:						12px/16px helvetica,arial,sans-serif;
	margin-bottom:		16px;
	}

#thankyou a {
	color:					#1890cf;
	font-weight:			bold;
	}

#thankyou h2#thankyouLabel {
	float:						left;
	width:					471px;
	height:					62px;
	background:			url(../img/thankyouLabel.jpg) no-repeat;
	margin-top:			8px;
	margin-left:			-49px;
	font:						bold 24px/26px helvetica,arial,sans-serif;
	color:					#000;
	padding-left:			36px;
	padding-top:			17px;
	position:				relative;
	}

#thankyou h2#thankyouLabel em {
	font-style:				normal;
	color:					#8253a2;
	}

#thankyou h3 {
	clear:					left;
	font:						bold 16px/18px helvetica,arial,sans-serif;
	color:					#8253a2;
	}

#thankyou #tellyourfriends {
	float:						left;
	clear:					left;
	width:					560px;
	padding:				20px;
	background:			#ecf8fe;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom:		10px;
	}

#thankyou #tellyourfriends h4 {
	font:						bold 16px/18px helvetica,arial,sans-serif;
	color:					#1890cf;
	margin-bottom:		3px;
	}

#thankyou #tellyourfriends p {
	width:					560px;
	}

/* ----------------------------------------> Tell your friends form.
*/

form#tellfriendsForm {
	font:						12px/16px helvetica,arial,sans-serif;
	}

form#tellfriendsForm label {
	float:						left;
	padding:				2px 10px 0 0;
	}

form#tellfriendsForm label.email {
	padding-left:			10px;
	}

form#tellfriendsForm input {
	float:						left;
	width:					180px;
	margin-bottom:		15px;
	background:			url(../img/form_input_back.gif) repeat-x;
	border-top:			1px solid #b2b4bc;
	border-left:			1px solid #b8bac1;
	border-bottom:		1px solid #cfd0d6;
	border-right:			1px solid #b8bac1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:		3px;
	padding:				2px;
	}

form#tellfriendsForm input.email {
	width:					200px;
	}

form#tellfriendsForm h4 {
	float:						left;
	padding-top:			20px;
	}

form#tellfriendsForm input.submitBtn {
	float:						right;
	width:					67px;
	height:					21px;
	background:			url(../img/submit_btn_back.gif) no-repeat;
	margin-right:			0px;
	border:					0px;
	font:						bold 11px/14px helvetica,arial,sans-serif;
	color:					#fff;
	cursor:					pointer;
	margin-bottom:		0px;
	}


/* ----------------------------------------> Candidates page.
*/

#candidates {
	float:						left;
	width:					600px;
	min-height:			400px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left:			40px;
	margin-bottom:		10px;
	display:					inline;
	}

#candidates p {
	float:						left;
	clear:					left;
	width:					560px;
	font:						12px/16px helvetica,arial,sans-serif;
	margin-bottom:		16px;
	}

#candidates a {
	color:					#1890cf;
	}

#candidates #tellyourfriends {
	float:						left;
	clear:					left;
	width:					560px;
	padding:				20px;
	background:			#ecf8fe;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom:		10px;
	}

#candidates h2#thankyouLabel {
	float:						left;
	width:					471px;
	height:					62px;
	background:			url(../img/thankyouLabel.jpg) no-repeat;
	margin-top:			8px;
	margin-left:			-49px;
	font:						bold 24px/26px helvetica,arial,sans-serif;
	color:					#000;
	padding-left:			36px;
	padding-top:			17px;
	position:				relative;
	}

#candidates h2#thankyouLabel em {
	font-style:				normal;
	color:					#8253a2;
	}

#candidates h3 {
	clear:					left;
	font:						bold 16px/18px helvetica,arial,sans-serif;
	color:					#8253a2;
	}

form#candidatesForm {
	float:						left;
	font:						12px/16px helvetica,arial,sans-serif;
	padding-left:			90px;
	margin-top:			20px;
	}

form#candidatesForm label {
	float:						left;
	}

form#candidatesForm label.text {
	float:						left;
	clear:					left;
	width:					100px;
	padding:				2px 10px 0 0;
	}

form#candidatesForm input.text {
	float:						left;
	width:					230px;
	margin-bottom:		15px;
	background:			url(../img/form_input_back.gif) repeat-x;
	border-top:			1px solid #b2b4bc;
	border-left:			1px solid #b8bac1;
	border-bottom:		1px solid #cfd0d6;
	border-right:			1px solid #b8bac1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:		3px;
	padding:				2px;
	}

form#candidatesForm input.checkbox {
	float:						left;
	}

form#candidatesForm label.checkbox {
	float:						left;
	margin-left:			10px;
	margin-top:			1px;
	}

form#candidatesForm input.submitBtn {
	float:						left;
	clear:					left;
	display:					inline;
	margin:					10px 0 0 280px;
	width:					67px;
	height:					21px;
	background:			url(../img/submit_btn_back.gif) no-repeat;
	border:					0px;
	font:						bold 11px/14px helvetica,arial,sans-serif;
	color:					#fff;
	cursor:					pointer;
	}

form#candidatesForm h4 {
	float:						left;
	padding-top:			20px;
	}

/* ----------------------------------------> Outbound email content / Message
*/

div#message {
	float:						left;
	width:					538px;
	height:					360px;
	font:						12px/16px helvetica,arial,sans-serif;
	background:			#fff;
	border-top:			1px solid #b2b4bc;
	border-left:			1px solid #b8bac1;
	border-bottom:		1px solid #cfd0d6;
	border-right:			1px solid #b8bac1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:		3px;
	padding:				7px 10px;
	margin-bottom:		20px;
	}

/* ----------------------------------------> Little box of text under the email message - 'Are MTR's affecting you?'
*/

#subBlurb {
	float:						left;
	clear:					left;
	width:					560px;
	padding:				20px;
	background:			#ecf8fe;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

#subBlurb h4 {
	font:						bold 16px/18px helvetica,arial,sans-serif;
	color:					#1890cf;
	margin-bottom:		3px;
	}

#subBlurb p {
	float:						left;
	width:					560px;
	}

#subBlurb p a {
	color:					#1890cf;
	font-weight:			bold;
	}

/* -----------------------------------------------------> PRE-FOOTER / BUSINESS SUPPORTERS - CALL TO ACTION
*/

.businessSupporters {
	float:						left;
	width:					600px;
	height:					91px;
	background:			#e6e7e8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left:			40px;
	margin-bottom:		26px;
	display:					inline;
	}

.businessSupporters h2#busSupLabel {
	float:						left;
	width:					290px;
	height:					87px;
	background:			url(../img/businessSupportersLabel.jpg) no-repeat;
	margin-top:			2px;
	margin-left:			-17px;
	font:						bold 24px/26px helvetica,arial,sans-serif;
	color:					#fff;
	padding-left:			40px;
	padding-top:			17px;
	position:				relative;
	}

.businessSupporters h2#busSupLabel em {
	font-style:				normal;
	color:					#b19aca;
	}

.businessSupporters p {
	float:						left;
	font:						12px/16px helvetica,arial,sans-serif;
	color:					#000;
	width:					165px;
	padding-top:			18px;
	height:					70px;
	}

.businessSupporters a.emailBtn {
	float:						left;
	width:					65px;
	height:					24px;
	background:			url(../img/email_btn_back.gif) no-repeat;
	color:					#fff;
	font:						bold 11px/14px helvetica,arial,sans-serif;
	text-decoration:		none;
	padding:				6px 0 0 16px;
	margin-top:			36px;
	margin-left:			28px;
	}

/* -----------------------------------------------------> RIGHTCOLUMN
*/

#section2 .rightColumn {
	float:						left;
	width:					278px;
	background:			url(../img/rightCol_back.gif) repeat-y;
	}

#section2 .rightColumn.inside {
	margin-top:			-5px;
	}

/* ----------------------------------------> Figures.
*/

#section2 .rightColumn #figures {
	float:						left;
	}

#section2 .rightColumn #figures h2 {
	float:						left;
	font:						18px/20px helvetica,arial,sans-serif;
	color:					#8253a2;
	margin:					14px 0 16px 14px;
	font-weight:			bold;
	}

#section2 .rightColumn #figures ul {
	float:						left;
	padding-left:			17px;
	width:					261px;
	}

#section2 .rightColumn #figures ul li {
	position:				relative;
	width:					184px;
	border-top:			1px solid #fff;
	padding:				18px 10px 18px 67px;
	font:						14px/18px helvetica,arial,sans-serif;
	color:					#666;
	}

#section2 .rightColumn #figures ul li span {
	position:				absolute;
	left:						-10px;
	width:					74px;
	}

#section2 .rightColumn #figures ul li span#postit65 {
	top:						-4px;
	background:			url(../img/postit65.jpg) no-repeat;
	height:					73px;
	}

#section2 .rightColumn #figures ul li span#postit260 {
	top:						-3px;
	background:			url(../img/postit260.jpg) no-repeat;
	height:					73px;
	}

#section2 .rightColumn #figures ul li span#postit40 {
	top:						7px;
	background:			url(../img/postit40.jpg) no-repeat;
	height:					70px;
	}

#section2 .rightColumn #figures ul li span#postit9m {
	top:						5px;
	background:			url(../img/postit9m.jpg) no-repeat;
	height:					76px;
	}

#section2 .rightColumn #figures ul li span#postit7 {
	top:						9px;
	background:			url(../img/postit7.jpg) no-repeat;
	height:					68px;
	}

#section2 .rightColumn #figures ul li span#postit11 {
	top:						9px;
	background:			url(../img/postit11.jpg) no-repeat;
	height:					68px;
	}

#section2 .rightColumn #figures ul li span#postit4a {
	top:						6px;
	background:			url(../img/postit4a.jpg) no-repeat;
	height:					74px;
	}

#section2 .rightColumn #figures ul li span#postit4b {
	top:						3px;
	background:			url(../img/postit4b.jpg) no-repeat;
	height:					76px;
	}


/* -----------------------------------------------------> FOOTER
*/

#footer {
	float:						left;
	width:					660px;
	height:					30px;
	padding-bottom:		25px;
	}

#footer .iconLinks {
	float:						left;
	width:					176px;
	padding-left:			36px;
	}

#footer .iconLinks ul li {
	display:					inline;
	}

#footer .iconLinks a {
	float:						left;
	display:					block;
	margin-right:			16px;
	}

#footer .iconLinks a b {
	display:					none;
	}

#footer a#footerLink_youtube {
	width:					19px;
	height:					24px;
	background:			url(../img/footerIcon_youtube.gif) no-repeat;
	}

#footer a#footerLink_flickr {
	width:					46px;
	height:					14px;
	background:			url(../img/footerIcon_flickr.gif) no-repeat;
	margin-top:			5px
	}

#footer a#footerLink_facebook {
	width:					23px;
	height:					23px;
	background:			url(../img/footerIcon_facebook.gif) no-repeat;
	}

#footer a#footerLink_twitter {
	width:					24px;
	height:					23px;
	background:			url(../img/footerIcon_twitter.gif) no-repeat;
	}

#footer a#footerLink_bebo {
	width:					25px;
	height:					25px;
	background:			url(../img/footerIcon_bebo.gif) no-repeat;
	}

#footer .AddThisBox {
	float:						left;
	margin-top:			6px;
	}

#footer .textLinks {
	float:						left;
	margin-top:			10px;
	padding-left:			16px;
	}

#footer .textLinks ul li {
	display:					inline;
	}

#footer .textLinks ul li a {
	display:					block;
	float:						left;
	color:					#000;
	font-size:				11px;
	}

#footer .textLinks ul li b {
	display:					block;
	float:						left;
	color:					#1890cf;
	font-size:				11px;
	font-weight:			normal;
	padding:				0px 6px
	}