body, html, form, #container {/* commented backslash hack - hides from Mac IE5 \*/height: 100%;/* end hack */}
body {margin:0px auto; padding:0px; font: 76% Arial, Helvetica, Verdana, sans-serif; color:#000; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0px auto; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}

a {text-decoration:none}
.right {float:right}
.left {float:left}
.clearer {clear:both}
.bold {font-weight:bold}
.small {font-size:70% !important; font-style:italic; color:#c4c4c4 !important; padding-top:15px; line-height:11px !important}

.rounded1 {-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px}

h1 {font-weight:bold; font-size:360%; font-family: chunkfive; color:#039fdf; padding:20px 0px 10px 0px; line-height:26px}
h2 {font-weight:bold; font-size:180%; font-family: chunkfive; color:#039fdf; padding:20px 0px 0px 0px}
h3 {font-weight:bold; font-size:140%; font-family: chunkfive; color:#039fdf; padding:20px 0px 10px 0px}

/* General page styles -----------------------------------------*/

#shell {width:100%; text-align:center}
#container {width:960px; text-align:left}

/*{-webkit-transition-property:background, border-color, color}
*{-webkit-transition-timing-function:ease-out}
*{-webkit-transition-duration: .4s} */



/* Header styles -----------------------------------------------*/


#headerWrap {width:100%; background:#e2f7ff; height:112px}
#headerContent {width:960px; text-align:left}
.strap {float:left; padding:45px 0px 0px 215px}
.association {float:left; font-size:90%; color:#4b8fb3; padding:65px 0px 0px 40px}
.christianCentre {float:right; padding:42px 0px 0px 0px}

	/* Top Navigation Styles */

	#navWrap {background:url('images/tabOff.gif') top left repeat-x #039fdf; width:100%; text-align:center}
	#navContent {width:960px; text-align:left}
	.logo {float:left; margin:-98px 0px 0px 0px !important; padding:0px !important; background:none !important;}

	#navContent ul {list-style-type:none;}
	#navContent ul li {display:inline;}
	#navContent ul li a {font-family: chunkfive; font-size:170%; color:#fff; background:url('images/tabOff.gif') left repeat-x; float:left; padding:18px 30px 19px 30px; margin:0px; border-right:2px solid #039fdf}
	#navContent ul li a:hover {background:url('images/tabOn.gif') left repeat-x}
	#navContent ul li a.active {background:url('images/tabOn.gif') left repeat-x}
	#navContent ul li a.donate {padding:18px 107px 19px 30px; }
	#navContent ul li .donateImg {float:right; margin:0px 20px 0px -110px;  padding:10px 0px 0px 0px !important;}
	
	
/* Home Page Styles -------------------------------------------*/

#contentLeft {width:687px; float:left;}
h1 .topLn {font-size:70% !important; }
#slideWrap {padding:15px; background:#f7f7f7; width:657px;  display:block; margin-top:-20px}
#contentLeft p {display:block; color:#4d5153; font-size:110%; margin:20px 0px; line-height:20px}
#contentLeft blockquote {font-size:130%; color:#fa005e; border-left:3px solid #039fdf; padding:0px 0px 0px 10px; line-height:20px !important}


	/* Right Comlumn Styles */

	#contentRight {float:right; padding:20px 0px 0px 0px; width:217px;}
	#sponsorWrap {background:url('images/sponsorSlc.gif') top left repeat-x #e2f7ff; padding:0px 12px 0px 0px}
	#sponsor {float:right; color:#039fdf; font-size:400%; line-height:12px}
	.sponsorA {font-size:78%}
	a#donateBtn {background:#fa005e; text-align:center; padding:10px 18px; font-size:200%; color:#ffdeea; margin:20px 0px 15px 15px; float:left}
	a:hover#donateBtn {background:#f1055e; color:#fff}

	#quoteWrap {background:#f6fcff; padding:20px 15px 15px 20px}
	#quoteWrap p {color:#039fdf; font-size:150%; font-weight:bold; line-height:29px}
	#quoteWrap span {color:#fa005e; font-style:italic; margin-top:15px; display:block; }

	#allSponsors {background:url(images/allSponsorSlc.gif) left repeat-x; padding:8px 15px 8px 23px;}
	#allSponsors a {color:#a2a4a5; font-family: Arial, snans-serif}
	#allSponsors a:hover {color:#fa005e}
	
	
	
	
/* Left Nav Styles */

#leftNavWrap {width:188px; float:left; }	
#leftNavWrap ul {list-style-type:none; margin-top:20px; font-size:110%}
#leftNavWrap ul li {display:block; padding:0px 0px 10px 0px}
#leftNavWrap ul li a {color:#039fdf; padding-left:20px}
#leftNavWrap ul li a:hover {background:url('images/leftNavOn.gif') left no-repeat;}
#leftNavWrap ul li a.active {background:url('images/leftNavOn.gif') left no-repeat;}

#videoLink {background:#f1f0f0; padding:10px 8px; float:left; margin-top:40px}
#videoLink span {font-family:chunkfive; font-size:110%; color:#7d7d7d; padding:2px 0px 6px 0px; float:left}



/* Main Content Styles */

#mainContent {float:left; margin:0px 0px 0px 25px; width:730px}
#mainContent p {color:#434343; font-size:110%; line-height:18px; padding-bottom:18px}
#mainContent a {color:#fa0058}
#mainContent a:hover {color:#039fdf}
#mainContent .highlight {font-weight:bold; color:#fa0058}
#mainContent img {float:left; margin:20px 0px 20px 0px; }
#mainContent .strap {color:#acaeb0; font-size:180%; padding:0px 0px 10px 0px; border-bottom:2px dotted #acaeb0; text-align:left; float:left; width:733px;}

#leftItem {background:#f1f0f0; padding:10px 8px; float:left; margin-top:20px}

#mainContent ul {margin:10px 0px 10px 25px}
#mainContent ul li {display:block; padding:0px 0px 15px 0px}

#mainContent blockquote {font-size:130%; color:#fa005e; border-left:3px solid #039fdf; padding:0px 0px 0px 10px; line-height:20px !important; margin:0px 0px 25px 0px}

.spacer {float:left; margin-bottom:120px}

h2 span {color:#fa0058; font-family:Arial, sans-serif }

#contact tr td {padding:0px 15px 25px 0px; vertical-align:top; color:#4d5153; font-size:170%}
#contact tr td.blue {color:#039fdf}
.feedback {color:#039fdf; font-size:80%}

a.donateLink {background:url('images/donate.gif') left no-repeat; width:572px; height:52px; display:block; margin:15px 0px 30px 0px}
a:hover.donateLink {background:url('images/donateHover.gif') left no-repeat; width:572px; height:52px; display:block}


.mejs-container {border:10px solid #000; margin:0px}
#mainContent .mejs-poster img {margin: auto; padding: auto; float: none}

/* Brands Page Styles */

table.brands {margin-bottom:15px}
table.brands tr td {padding:4px 155px 4px 0px}


/* Scrollong Brand Styles */
	
.arrowLeft {padding-top:13px; cursor:pointer}
.arrowRight {padding-top:13px; margin-left:-10px; cursor:pointer}
#brandWrap {width:100%; background:#f7f7f7; text-align:center; }
#brandContent {width:960px; padding:8px 0px;}
#brandContent ul {list-style-type:none; float:left; width:905px; height:95px; overflow:hidden}
#brandContent ul li {display:inline; width:181px; height:95px; float:left }
#brandContent ul li a {background-image:url('images/brandSprite.png'); width:181px; height:95px; float:left; -webkit-transition:none}
#brandContent ul li a.mars {background-position:0px 0px}
#brandContent ul li a:hover.mars {background-position:0px -189px}
#brandContent ul li a.boots {background-position:-181px 0px}
#brandContent ul li a:hover.boots {background-position:-181px -189px}
#brandContent ul li a.jlewis {background-position:-362px 0px}
#brandContent ul li a:hover.jlewis {background-position:-362px -189px}
#brandContent ul li a.mattWalker {background-position:-543px 0px}
#brandContent ul li a:hover.mattWalker {background-position:-543px -189px}
#brandContent ul li a.unilever {background-position:-724px 0px}
#brandContent ul li a:hover.unilever {background-position:-724px -189px}
#brandContent ul li a.nFoods {background-position:0px -95px}
#brandContent ul li a:hover.nFoods {background-position:0px -284px}
#brandContent ul li a.coca {background-position:-181px -95px}
#brandContent ul li a:hover.coca {background-position:-181px -284px}
#brandContent ul li a.allchurches {background-position:-362px -95px}
#brandContent ul li a:hover.allchurches {background-position:-362px -284px}
#brandContent ul li a.silverspoon {background-position:-543px -95px}
#brandContent ul li a:hover.silverspoon {background-position:-543px -284px}
#brandContent ul li a.bluecoat {background-position:-724px -95px}
#brandContent ul li a:hover.bluecoat {background-position:-724px -284px}
#brandContent ul li a.betterlanguages {background-position:0px -380px}
#brandContent ul li a:hover.betterlanguages {background-position:0px -570px}
#brandContent ul li a.tesco {background-position:-181px -380px}
#brandContent ul li a:hover.tesco {background-position:-181px -570px}
#brandContent ul li a.middleton {background-position:-362px -380px}
#brandContent ul li a:hover.middleton {background-position:-362px -570px}
#brandContent ul li a.johnson {background-position:-543px -380px}
#brandContent ul li a:hover.johnson {background-position:-543px -570px}
#brandContent ul li a.connelly {background-position:-724px -380px}
#brandContent ul li a:hover.connelly {background-position:-724px -570px}
#brandContent ul li a.ncfc {background-position:0px -475px}
#brandContent ul li a:hover.ncfc {background-position:0px -665px}
#brandContent ul li a.carlton {background-position:-181px -475px}
#brandContent ul li a:hover.carlton {background-position:-181px -665px}
#brandContent ul li a.batleys {background-position:-362px -475px}
#brandContent ul li a:hover.batleys {background-position:-362px -665px}
#brandContent ul li a.faspak {background-position:-543px -475px}
#brandContent ul li a:hover.faspak {background-position:-543px -665px}
#brandContent ul li a.waitrose {background-position:-723px -475px}
#brandContent ul li a:hover.waitrose {background-position:-724px -665px}


/* Footer Styles */

#footer {background:#9bd8f1; text-align:center; padding:15px 0px 120px 0px}	
#footerContent {width:960px; color:#fff; font-size:90%}
#footerContent ul {float:right; text-align:right; padding-right:15px}
#footerContent ul li {display:block; padding-bottom:8px}
#footerContent ul li span {padding-left:10px}