/*This is the template file which needs this for the DW bug

/* 	[ COPYRIGHT CONTEGRO  - Intelligent Website Content Management ]   */
/* 	[ http://www.contegro.com ]   */



/* -----[ TEMPLATE ]-------------------------------------------------------------------------- */

/*
		Do not change class names or Container ID's. Alter attributes as required.
*/

/*
		The table structure below is compliant with the current W3C standards. 
		The layout technique that is used is will allow for a liquid centre and fixed sides. 
		
		--Width 
		The fluid width can be modified on the id called #outerWrapper.
		To set a fixed width - delete max-width, min-width, width: expression and add a width value.
		
		--Layouts
		The layouts can be set by changing the class on the main content wrapper.
		1.	Layout 1 - 3 column layout
		2.	Layout 2 - 2 column layout (left column #cLS)
		3.	Layout 3 - 2 column layout (right column #cRS)
		4.	Layout 4 - 1 column layout */


/* -----[ Main structure CSS]--------------------------------------------------------------------- */

* {
margin: 0px; }

body {
	background: #FFFFFF;
}

/* -----[ STRUCTURE]------------------------------------------------------------------------------ */

/* === [ wrappers to set width ] === */
#outerWrapper {
	position: relative;
	margin: 12px auto 0px auto;
	width: 905px;
}
.footer #outerWrapper{
	position: relative;
	margin: 0px auto 0px auto;
	width: 925px;
	*width: 945px;
}
#mainWrapper:after {
		content: ".";
		display: block;
		height: 0;
		font-size: 0;
		clear: both;
		visibility: hidden;
    }
	#mainWrapper {
		display: inline-block;
		width: 100%;
	}
	.Sponsorship #mainWrapper {
		background: url(/Templates/_images/sponsorship-bkg.gif) no-repeat top left;
	}
	.Media #mainWrapper {
		background: url(/Templates/_images/sponsorshipMEDIA.jpg) no-repeat top left;
	}
	
	* html #mainWrapper {
		height: 1%;
		display: block;
	}

/* === [ header ] === */
#cH {
	position: relative;
	display: block;
	padding: 0px;
	clear: both;
	width: 905px;
	background: url(/Templates/_images/cH-bkg.gif) repeat-x top left;
	z-index: 200;
}

	/* === [ header - logo ] === */
		#cH .cLogo {
			float: left;
			padding: 0px;
			width: 174px;
		}
		.Subcard #cH .cLogo, .Subcard-home #cH .cLogo, .SubcardTopNav #cH .cLogo {
			width: 130px;
		}
		#country{
			float: left;
			padding: 0px;
			clear: none;
			width: 200px;
			height: 21px;
			color: #115730;
		}
	
	

/* === [ top  ] === */
#cT {
	height: 21px;
	width: 531px;
	padding: 0px;
	float: right;
	text-align: right;
	clear: none;
}

/* === [ main navigation ] === */
#cN {
	display: block;
	float: left;
	clear: none;
	width: 731px;
	height: 35px;
	background: url(/Templates/_images/nav_Off.gif) repeat-x top left;
	height: 1%;
	z-index: 200;
}
.Subcard #cN, .Subcard-home #cN, .SubcardTopNav #cN {
	width: 775px;
}

/* === [ Primary Container Wrapper ] === */
#cPCOut {
	background: url(/Templates/_images/cokepomo_confirm-bottom.jpg) no-repeat bottom left;
	min-height: 560px;
}
#cPCWrapper {
	float: left;
	width: 100%;
}
.sunpack #cPCWrapper:after {
		content: ".";
		display: block;
		height: 0;
		font-size: 0;
		clear: both;
		visibility: hidden;
    }
.sunpack #cPCWrapper, .sunpackTC #cPCWrapper {
		background: #01553e url(/Templates/_images/School_SunPack.jpg) no-repeat top left;
		min-height: 683px;
		padding: 20px 0 0 27px;
		width: 878px; 
	}
	.sunpackTC #cPCWrapper {
		background: #01553e url(/Templates/_images/School_SunPack_TC.jpg) no-repeat top left;
	}
	
/* ========= MOTHER'S DAY DM CAMPAIGN ====================== */
.mothersday #cPCWrapper {
		background: url(/Templates/_images/fathersdayDMBottom.jpg) no-repeat bottom left;
	}
	.mothersday #cPCinner {
		background: url(/Templates/_images/fathersdayDMTop.jpg) no-repeat top left;
		min-height: 330px;
		padding: 230px 520px 60px 55px;
		*padding: 240px 520px 60px 55px;
		width: 330px; 
	}
	.mothersdayTC #cPCWrapper {
		background: url(/Templates/_images/fathersdayDMBottom_TC.jpg) no-repeat bottom left;
	}
	.mothersdayTC #cPCinner {
		background: url(/Templates/_images/fathersdayDMTop_TC.jpg) no-repeat top left;
		min-height: 352px;
		padding: 260px 55px 160px 55px;
		width: 795px; 
	}
/* ========= YOU RULE DM CAMPAIGN ====================== */

	.yourule #cPCWrapper {
		background: url(/Templates/_images/youruleDMBottom.jpg) no-repeat bottom left;
	}
	.yourule #cPCinner {
		background: url(/Templates/_images/youruleDMTop.jpg) no-repeat top left;
		min-height: 400px;
		padding: 220px 520px 20px 55px;
		width: 330px; 
	}
	.youruleTC #cPCWrapper {
		background: url(/Templates/_images/youruleDMBottom_TC.jpg) no-repeat bottom left;
	}
	.youruleTC #cPCinner {
		background: url(/Templates/_images/youruleDMTop_TC.jpg) no-repeat top left;
		min-height: 400px;
		padding: 220px 55px 160px 55px;
		width: 795px; 
	}
	
/* ========= GREEN LANTERN DM CAMPAIGN ====================== */
.greenlantern #cPCWrapper {
		background: url(/Templates/_images/GreenLanternDMBottom.jpg) no-repeat bottom left;
	}
	.greenlantern #cPCinner {
		background: url(/Templates/_images/GreenLanternDMTop.jpg) no-repeat top left;
		min-height: 352px;
		padding: 230px 520px 25px 24px;
		width: 378px; 
	}
	.greenlanternTC #cPCWrapper {
		background: url(/Templates/_images/GreenLanternDMBottom_TC.jpg) no-repeat bottom left;
	}
	.greenlanternTC #cPCinner {
		background: url(/Templates/_images/GreenLanternDMTop_TC.jpg) no-repeat top left;
		min-height: 352px;
		padding: 245px 35px 140px 40px;
		width: 830px; 
	}
	
/* ========= WORLD SANDWICH DAY DM CAMPAIGN ====================== */

.wsd #cPCWrapper {
		background: url(/Templates/_images/WSDBottom.jpg) no-repeat bottom left;
	}
	.wsd #cPCinner {
		background: url(/Templates/_images/WSDTop.jpg) no-repeat top left;
		min-height: 300px;
		padding: 290px 540px 70px 55px;
		*padding: 300px 540px 60px 55px;
		width: 310px; 
	}
	.wsdTC #cPCWrapper {
		background: url(/Templates/_images/WSD-TCBottom.jpg) no-repeat bottom left;
	}
	.wsdTC #cPCinner {
		background: url(/Templates/_images/WSD-TCTop.jpg) no-repeat top left;
		min-height: 352px;
		padding: 300px 55px 180px 55px;
		width: 795px; 
	}
/* ========= WORLD SANDWICH DAY DM CAMPAIGN END ====================== */
/* ========= JARED FUN RUN DM CAMPAIGN ====================== */

.funrun #cPCWrapper {
		background: url(/Templates/_images/FunRun_Bottom.jpg) no-repeat bottom left;
	}
	.funrun #cPCinner {
		background: url(/Templates/_images/FunRun_Top.jpg) no-repeat top left;
		min-height: 300px;
		padding: 230px 40px 80px 40px;
		*padding: 240px 40px 70px 40px;
		width: 825px;
		min-height: 320px; 
	}
	.funrunTC #cPCWrapper {
		background: url(/Templates/_images/FunRun-TC_Bottom.jpg) no-repeat bottom left;
	}
	.funrunTC #cPCinner {
		background: url(/Templates/_images/FunRun-TC_Top.jpg) no-repeat top left;
		min-height: 352px;
		padding: 280px 70px 180px 65px;
		width: 770px; 
	}
/* ========= JARED FUN RUN DM CAMPAIGN END ====================== */

.campaignTC #cPCOuter {
	margin: 0 20px 0 20px;
	background: url(/Templates/_images/voteformBottom3.gif) no-repeat bottom left;
}
.cokePromo #cPCWrapper {
		background: url(/Templates/_images/cokepomo_bottom.jpg) no-repeat bottom left;
		min-height: 800px;
    }
.cokePromoConfirm #cPCWrapper {
		background: url(/Templates/_images/cokepomo_confirm.jpg) no-repeat top left;
    }
	

/* === [ Primary Container ] === */
#cPC {
	padding: 0px;
	height: 1%;
	display: block;
	z-index: 20;
	position: relative;
	min-height: 355px;
}
.mothersday #cPC {
	min-height: 100%;
}
#cPP, #cLB, #cRB {
	padding: 0px;
	height: 1%;
	display: block;
	z-index: 20;
	position: relative;
	min-height: 318px;
}
#cLB {
	min-height: 300px\0/;
}
.footer #cPC {
	height: 630px;
}
 #cPCInner {
	width: 100%;
	float: left;
	height: 1%;
	background: #010000;
}
.TopNav #cPC, .Sponsorship #cPC /* for safari: overflow auto */{
	padding: 14px 20px 20px 0;
	height: 355px;
	overflow-x: hidden;
	overflow-y: scroll;
	overflow: auto;
	scrollbar-3dlight-color: #dadadc;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-base-color: #dcdadd;
	scrollbar-darkshadow-color: #dadadc;
	scrollbar-face-color: #73b730;
	scrollbar-highlight-color: #bebec0;
	scrollbar-shadow-color: #dadadc;
}
.Media #cPC /* for safari: overflow auto */{
	padding: 15px 15px 20px 15px;
	height: 355px;
}
 
.Sponsorship #cPC /* for safari: overflow auto */{
	padding: 0px 20px 15px 0;
}
	.layout1 #cPC /* 3 column layout */
	{
		margin: 0 308px 0 140px;
		min-height: 50px;
		padding: 14px 20px 20px 0px;
		
	}
	.Sponsorship .layout1 #cPC /* 3 column layout */
	{
		margin: 0 262px 0 130px;
	}
	.Media .layout1 #cPC /* 3 column layout */
	{
		margin: 0 310px 0 310px;
	}
	.layout2 #cPC /* 2 column layout (left column #cLS) */
	{
		margin: 0 0 0 285px;
	}
	.layout3 #cPC /* 2 column layout (right column #cRS) */
	{
		margin: 0 308px 0 0;
	}
	
	.withNav .layout3 #cPC /* 2 column layout (right column #cRS) */
	{
		margin: 0 308px 0 0;
		min-height: 355px;
	}
	
	.layout4 #cPC /* 1 column layout */
	{
		margin: 0 0 0 0;
	}
	.TopNav .layout4 #cPC /* 1 column layout */
	{
		margin: 0 0 0 0;
		padding: 14px 0px 0px 0;
		height: 385px;
		overflow-x: hidden;
		overflow-y: hidden;
	}
	.campaignTC .layout4 #cPC /* 1 column layout */
	{
		margin: 0 0px 20px 0px;
		padding: 20px;
		color: #000000;
		background: url(/Templates/_images/voteformTop3.gif) no-repeat top left;
	}
	.footer .layout4 #cPC /* 1 column layout */
	{
		margin: 0 0 0 -23px;
	}
	.cokePromo .layout4 #cPC /* 1 column layout */
	{
		margin: 0 0px 0 0px;
		padding: 212px 56px 20px 56px;
		background: url(/Templates/_images/cokepomo_top.jpg) no-repeat top left;
	}
	.cokePromoConfirm .layout3 #cPC /* 2 column layout (right column #cRS) */
	{
		margin: 0 320px 0 0;
		padding: 160px 0px 20px 23px;
	}
	.smoothie .layout4 #cPC /* 1 column layout */
	{
		padding: 0px 0 20px 35px;
		min-height: 934px;
		background: url(/Templates/_images/SmoothiesPromo.jpg) no-repeat top right;
	}
	
#cAwrapper {
	display: block;
	clear: both;
	margin: 0 308px 0 140px;
	padding: 0px 20px 20px 0px;
}
#cA {
	width: 50%;
	display: inline;
	clear: none;
	float: left;
}
#cB {
	width: 50%;
	display: inline;
	clear: none;
	float: left;
}


/* === [ Left Side Column ] === */
#cLS {
	float: left;
	margin-left: -100%;
	width: 130px;
	padding: 0px 0 0 0px;
}
.Sponsorship #cLS {
	width: 88px;
	margin-left: -100%;
	padding: 0px 0 0 18px;
}
.Media #cLS {
	width: 260px;
	margin-left: -100%;
	padding: 15px 15px 20px 15px;
}
/* === [ Right Side Column ] === */
#cRS {
	float: right;
	margin-left: -100%;
	width: 290px;
	padding-top: 10px;
}
.Sponsorship #cRS {
	width: 226px;
	padding: 0px 16px 0 0;
}
.Media #cRS {
	width: 260px;
	padding: 15px 15px 20px 15px;
}
.Sponsorship #cRS .HTMLContent /* for safari: overflow auto */{
	padding: 0px 20px 20px 0;
	height: 267px;
	overflow-x: hidden;
	overflow-y: scroll;
	overflow: auto;
	scrollbar-3dlight-color: #dadadc;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-base-color: #dcdadd;
	scrollbar-darkshadow-color: #dadadc;
	scrollbar-face-color: #73b730;
	scrollbar-highlight-color: #bebec0;
	scrollbar-shadow-color: #dadadc;
}

.withNav #cRS {
	float: right;
	margin-left: -100%;
	width: 236px;
}
/* === [ TopLeft Side Column ] === */
#cTL {
	position: relative;
	display: block;
	clear: both;
	width: 905px;
	height: 96px;
	margin-top: 12px;
}


#cTR {
	position: relative;
	display: block;
	clear: both;
	width: 905px;
	height: 1%;
}
.Sponsorship #cTR {
	padding-bottom:20px;
}
.SubcardTopNav #cTR {
}
#cS:after {
		content: ".";
		display: block;
		height: 0;
		font-size: 0;
		clear: both;
		visibility: hidden;
    }
#cS {
	position: relative;
	display: block;
	clear: both;
	width: 905px;
	height: 1%;
	padding: 20px 0px 2px 0;
	background: #000 url(/Templates/_images/campaign_cPC.jpg) no-repeat top left;
}
.campaignTC #cS {
	background: #000 url(/Templates/_images/campaign_TC.jpg) no-repeat top left;
}
#cPBWrap {
	min-height: 290px;
}
#cPB {
	display:block;
	clear: both;
	width: 331px;
	min-height: 150px;
	padding: 5px 15px 10px 30px;
	background: url(/Templates/_images/School_SunPack_formbuilder.gif) no-repeat bottom left;
}
.sunpackTC #cPB {
	width: 795px;
	padding: 10px 30px 20px 30px;
	background: url(/Templates/_images/School_SunPack_TC-Bttm.gif) no-repeat bottom left;
}

#cPF {
	display:block;
	clear: both;
}

/* === [ footer ] === */
#cF {
	clear: both;
	text-align: center;
}

/* === [ copyRight ] === */
#cC {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #231f20;
	font-size: 10px;
	margin: 10px 0 0 0;
	text-align:center;
}


/* -----[ IE6 ]------------------------------------------------------------------------------- */

* html #cRS, * html .Media #cRS {
	margin-left: -290px;
}
*:first-child+html #cRS, *:first-child+html .Media #cRS {
	margin-left: -290px;
}

* html .withNav #cRS {
	margin-left: -236px;
}
*:first-child+html .withNav #cRS {
	margin-left: -236px;
}
* html .Sponsorship #cRS {
	margin-left: -242px;
}
*:first-child+html .Sponsorship #cRS {
	margin-left: -242px;
}



/* -----[ Clearings ]-------------------------------------------------------------------------- */

.clearLeft,
.clear
{
	height: 0;
	font-size: 0;
	line-height: 0;
}
.clearLeft {
	clear: left;
}
.clear {
	clear: both;
}

/* -----[ Printing ]-------------------------------------------------------------------------- */

@media print {
	body {
		font-size: 12pt;
	}
	#cRS, #cLS, #cTL, #cS, #cT, #cB, #cH, #cN {
		display: none;
	}
	#cPC {
			margin: 0px;
			padding: 0px 0px 20px 0px;
			border-top-style: none;
			border-left-style: none;
		}
		.layout1 #cPC /* 3 column layout */
		{
			margin: 0px;
			padding: 0px 0px 20px 0px;
		}
		.layout2 #cPC /* 2 column - left */
		{
			margin: 0px;
			padding: 0px 0px 20px 0px;
		}
		.layout3 #cPC /* 2 column - right */
		{
			margin: 0px;
			padding: 0px 0px 20px 0px;
		}
		.layout4 #cPC /* 1 column */
		{
			margin: 0px;
			padding: 0px 0px 20px 0px;
		}
}
