/* #### LAYOUT ######## */

#container {
	margin: 70px auto;
	position: relative;
	width: 980px;
}

/* #### LAYOUT > CONTENT ######## */

#content {
	margin: 16px 0;
	padding: 15px;
	min-height: 865px;
}

#body-homepage_pre_loggedOut #content {
	background: url(../img/content-bg-homepage_pre_loggedOut.jpg) no-repeat;
}

#body-homepage_post_loggedOut #content {
	background: url(../img/content-bg-Homepage_out_post_afa.jpg) no-repeat;
}

#body-homepage_post_loggedOut .module {margin:0 3px 62px;}
#body-homepage_post_loggedOut .module .c #regInv {
   bottom:-164px;
   position:absolute;
   right:166px;
   z-index:30;
}

#body-homepage_pre_loggedIn #content {
	background: url(../img/content-bg-homepage_pre_loggedIn.jpg) no-repeat;
}

#body-actionUpdatePage #content {
	background: url(../img/content-bg-appetiteforactionday.jpg) no-repeat;
}

#body-homepage_afterCh_loggedIn #content {
	background: url(../img/content-bg-HomepageLoggedinAfterchallenge.jpg) no-repeat;
}

#body-registerYourSchool #content {
	background: url(../img/content-bg-registerYourSchool.jpg) no-repeat;
}

#body-step2actionPlan #content {
	background: url(../img/content-bg-editProfile.jpg) no-repeat;
}

#body-measure #content {
	background: url(../img/content-bg-getgrowing.jpg) no-repeat;
}

#body-howToGetStarted #content {
	background: url(../img/content-bg-gettingstarted.jpg) no-repeat;
}

#body-chooseChallenge #content {
	background: url(../img/content-bg-chooseChallenge.jpg) no-repeat;
}

#body-greenerGrub #content {
	background: url(../img/content-bg-greenerGrub.jpg) no-repeat;
}

#body-reduceRubbish #content {
	background: url(../img/content-bg-greenerGrub.jpg) no-repeat;
}

#body-getGrowing #content {
	background: url(../img/content-bg-greenerGrub.jpg) no-repeat;
}

#body-actionClub #content {
	background: url(../img/content-bg-actionclub.jpg) no-repeat;
}

/* #### LAYOUT > MODULES ######## */

.module {
	position: relative;
	margin: 0 0 10px;
	z-index: 50;
	zoom: 1;
	position: relative;
	height: 1%;
	display: inline;
}

/* #### LAYOUT > MODULES > BOXES ######## */

/*
Legend for modules and boxes:
.wXX - width
.w33 - 33%
.w66 - 66%
.w99 - 99%
.bC-X - box colour (would not be necessary but .tell.that IE6)
.bC-w - white (default)
.bC-r - red
.bC-g - green
.bC-b - blue
.gT-X - gradient type (for gradients)
.gT-s - small/short (default, just in case)
.gT-m - medium
.gT-l - large/long
.tT-X - title type (padding top)
.tT-s - small
.tT-m - medium
.tT-l - large
.bT-X - button type (padding bottom)
.bT-s - small
.t - top
.m - middle
.c - content (with or without gradient)
.b - bottom
*/

.w33n {
	width: 280px;
}
.w33 {
	width: 310px;
}
.w66 {
	width: 630px;
}
.w99n {
	width: 810px;
}
.w99 {
	width: 950px;
}
.box .t,
.box .b {
	height: 11px;
}
.box .m {
	background-repeat: repeat-y;
}
.box .c {
	background-position: 0 100%;
	background-repeat: no-repeat;
	margin: 0 5px;
	padding: 15px 20px;
	padding-top:40px;
}
.box .bC-w .c {
	background-color: #fff;
}
.box .bC-r .c {
	background-color: #ff2a00;
}
.box .bC-g .c {
	background-color: #87cd2c;
}
.box .bC-b .c {
	background-color: #056f9b;
}
.box .bC-w {
	color: #000;
}
.box .bC-r p,
.box .bC-r label,
.box .bC-r li,
.box .bC-g p,
.box .bC-g label,
.box .bC-g li,
.box .bC-b p,
.box .bC-b label,
.box .bC-b li {
	color: #fff;
}
.box .bC-r a,
.box .bC-g a,
.box .bC-b a {
	color: #ffea00;
	font-weight: bold;
	text-decoration: none;
}

.w33n .bC-w .t { background-image: url(../img/box-bCw_w33n-t.png); }
.w33n .bC-w .m { background-image: url(../img/box-bCw_w33n-m.png); }
.w33n .bC-w .b { background-image: url(../img/box-bCw_w33n-b.png); }
.w33n .bC-g .t { background-image: url(../img/box-bCg_w33n-t.png); }
.w33n .bC-g .m { background-image: url(../img/box-bCg_w33n-m.png); }
.w33n .bC-g .b { background-image: url(../img/box-bCg_w33n-b.png); }
.w33 .bC-w .t { background-image: url(../img/box-bCw_w33-t.png); }
.w33 .bC-w .m { background-image: url(../img/box-bCw_w33-m.png); }
.w33 .bC-w .b { background-image: url(../img/box-bCw_w33-b.png); }
.w33 .bC-r .t { background-image: url(../img/box-bCr_w33-t.png); }
.w33 .bC-r .m { background-image: url(../img/box-bCr_w33-m.png); }
.w33 .bC-r .c,
.w33 .bC-r .gT-s .c { background-image: url(../img/box-bCr_w33-c_gTs.png); }
.w33 .bC-r .gT-m .c { background-image: url(../img/box-bCr_w33-c_gTm.png); }
.w33 .bC-r .b { background-image: url(../img/box-bCr_w33-b.png); }
.w33 .bC-g .t { background-image: url(../img/box-bCg_w33-t.png); }
.w33 .bC-g .m { background-image: url(../img/box-bCg_w33-m.png); }
.w33 .bC-g .c,
.w33 .bC-g .gT-s .c { background-image: url(../img/box-bCg_w33-c_gTs.png); }
.w33 .bC-g .gT-m .c { background-image: url(../img/box-bCg_w33-c_gTm.png); }
.w33 .bC-g .b { background-image: url(../img/box-bCg_w33-b.png); }
.w33 .bC-b .t { background-image: url(../img/box-bCb_w33-t.png); }
.w33 .bC-b .m { background-image: url(../img/box-bCb_w33-m.png); }
.w33 .bC-b .c,
.w33 .bC-b .gT-s .c { background-image: url(../img/box-bCb_w33-c_gTs.png); }
.w33 .bC-b .gT-m .c { background-image: url(../img/box-bCb_w33-c_gTm.png); }
.w33 .bC-b .b { background-image: url(../img/box-bCb_w33-b.png); }

.w66 .bC-w .t { background-image: url(../img/box-bCw_w66-t.png); }
.w66 .bC-w .m { background-image: url(../img/box-bCw_w66-m.png); }
.w66 .bC-w .b { background-image: url(../img/box-bCw_w66-b.png); }

.w99n .bC-w .t { background-image: url(../img/box-bCw_w99n-t.png); }
.w99n .bC-w .m { background-image: url(../img/box-bCw_w99n-m.png); }
.w99n .bC-w .b { background-image: url(../img/box-bCw_w99n-b.png); }

.w99 .bC-w .t { background-image: url(../img/box-bCw_w99-t.png); }
.w99 .bC-w .m { background-image: url(../img/box-bCw_w99-m.png); }
.w99 .bC-w .b { background-image: url(../img/box-bCw_w99-b.png); }

#m-theGreenerGrubChallenge.w99 .c.no-left-pad
{
	padding-left:15px;
	padding-right:200px;
}

.module .tT-m.no-top-pad .c {
	padding-top: 10px;
}

.module .tT-s .c {
	padding-top: 40px;
}

.module .tT-m .c {
	padding-top: 135px;
}

.module .tT-m .teachingResources {
	padding-top: 80px;
}

.module .tT-l .c {
	padding-top: 370px;
}
.module .bT-s .c {
	padding-bottom: 25px;
}
.module .c .title {
	left: -10px;
	position: absolute;
	top: -30px;
	z-index: 50;
}
.module .c .button {
	bottom: -20px;
	position: absolute;
	right: 20px;
	z-index: 30;
}

#m-standard .c {
	padding-top:120px; 
	min-height:230px;
}

#m-standard .c .title {
	top: 70px;
}