* {margin:0;padding:0;}
.clr {clear:both;}

h1 {
	color: #fff;
	text-transform: uppercase;
	font-weight:bold;
	font-size:22px;
	letter-spacing: -2px;
	font-style:italic;
	line-height:22px;
	}
	h2{
		color: #fff;
		text-transform: uppercase;
		font-weight:bold;
		font-size:19px;
		letter-spacing: -2px;
		font-style:italic;
		line-height:22px;
		}
		h3 {
			font-family: Arial Black;
			font-size: 18px;
			color:#1f406a;
			font-weight: bold;
			letter-spacing: -1px;
			padding: 0 0 .5em 0;
			}
			h4 {
				color:#000;
				text-transform: uppercase;
				margin:0;
				padding: .5em 0 0 0;
				}
				.h4SideBar {color:#284E80;}
				h5 {
					font-size: 12px;
					font-weight:bold;
					color:#89a9c1;
					margin: 8px 0 0 0;
					}

a {text-decoration: none;}
a:hover {text-decoration: underline;}
a:visited {font-style:italic;}



			/* --- Classes --- */
			.horizontalBorder {
				border-top: 1px dotted #89a9c1;
				width: 800px;
				padding: 0 0 1em 0;
				margin: 1em 0 1em 0;
				}

			.button a{
				background: url(images/button.png) no-repeat 0 0;
				color: #000;
				font-size: 15px;
				font-weight: bold;
				text-transform:uppercase;
				padding: 25px 0 0 20px;
				text-decoration: none;
				height:38px ;
				width:212px ;
				display: block;
				}
				.button a:hover{
					color: #fff;
					background: url(images/button.png) no-repeat 0 -63px;
					}
					
			.button-wide a {
				background: url(images/button-wide.png) no-repeat 0 0;
				color: #000;
				font-size: 15px;
				font-weight: bold;
				text-transform:uppercase;
				padding: 18px 0 0 20px;
				text-decoration: none;
				height:45px ;
				width:300px ;
				display: block;
				}
				.button-wide a:hover{
					background: url(images/button-wide.png) no-repeat 0 -63px;
					color: #fff;
					}
			/* --- Classes --- */
			
			
			/* --- Sticky Footer --- */
				html, body {height: 100%;}
				#wrap {min-height: 100%;}

				#main {
					overflow:auto;
					padding-bottom: 116px!important; /* must be same height as the footer */
					} 

				#footer {
					position: relative;
					margin-top: -116px; /* negative value of footer height */
					height: 116px;
					clear:both;
					} 
			/* ---------------------- */
					
body {
	padding: 0;
	margin: 0;
	background: #B2D553 url(images/bg.jpg) no-repeat center top;
	width: 100%;
	
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	}
	#wrap {
		margin: 0 auto;
		padding:0;
		width: 800px;
		}
		#main{
			margin: 30px 0 0 0;
			padding:0;
			}
			#logo {
				background: url(images/logo.png) no-repeat;
				height:172px;
				width:392px;
				float:left;
				margin: 0 0 0 -10px;
				}
			#title {
				float: right;
				width: 400px;
				}
				#title ul {
					list-style-type: none;
					margin: 90px 0 0 0;
					}
			#navBG {
				background: url(images/bg_nav.png) no-repeat;
				width:800px;
				height:132px;
				margin: -16px auto;
				}
				#nav ul {
					list-style-type: none;
					margin: -105px 0 0 -10px;
					padding: 10px 0 0 0;
					}
					#nav ul li {
						display: inline;
						float:left;
						padding: 0 .5em 0 0;
						}
						#nav  a {
							text-decoration: none;
							text-indent: -9999%;
							}
							
							#home a {
								display:block;
								background: url(images/nav-sprite.png) no-repeat 0 0;
								width:80px;
								height:32px;
								}
								#home a:hover {background: url(images/nav-sprite.png) no-repeat 0 -32px;}
								.home #home a {background: url(images/nav-sprite.png) no-repeat 0 -64px;}
							
							#about a {
								display:block;
								background: url(images/nav-sprite.png) no-repeat -80px 0;
								width:92px;
								height:32px;
								}
								#about a:hover {background: url(images/nav-sprite.png) no-repeat -80px -32px;}
								.about #about a {background: url(images/nav-sprite.png) no-repeat -80px -64px;}
								
							#menus a {
								display:block;
								background: url(images/nav-sprite.png) no-repeat -189px 0;
								width:91px;
								height:32px;
								}
								#menus a:hover {background: url(images/nav-sprite.png) no-repeat -189px -32px;}
								.menus #menus a {background: url(images/nav-sprite.png) no-repeat -189px -64px;}
								
							#community a {
								display:block;
								background: url(images/nav-sprite.png) no-repeat -283px 0;
								width:165px;
								height:32px;
								}
								#community a:hover {background: url(images/nav-sprite.png) no-repeat -283px -32px;}
								.community #community a {background: url(images/nav-sprite.png) no-repeat -283px -64px;}
								
							#merchandise a {
								display:block;
								background: url(images/nav-sprite.png) no-repeat -455px 0;
								width:164px;
								height:32px;
								}
								#merchandise a:hover {background: url(images/nav-sprite.png) no-repeat -455px -32px;}
								
							#quiz a {
								display:block;
								background: url(images/nav-sprite.png) no-repeat -635px 0;
								width:71px;
								height:32px;
								}
								#quiz a:hover {background: url(images/nav-sprite.png) no-repeat -635px -32px;}
								.quiz #quiz a {background: url(images/nav-sprite.png) no-repeat -635px -64px;}
									
							#tools a {
								display:block;
								background: url(images/nav-sprite.png) no-repeat -716px 0;
								width:87px;
								height:32px;
								}
								#tools a:hover {background: url(images/nav-sprite.png) no-repeat -716px -32px;}
								.tools #tools a {background: url(images/nav-sprite.png) no-repeat -716px -64px;}
								

			#content {
				margin: 33px 0 0 0;
				padding: 0 0 2em 0;
				}
				#content p {
					margin:0;
					padding: .5em 0 .5em 0;
					line-height: 20px;
					}
				
			#footer {
				background: url(images/bg_footer.png) repeat-x;
				height:116px;
				margin: 0;
				}
				#footerWrap {
					margin: 0 auto;
					width: 800px;
					color: #d7e590;
					font-weight:bold;
					font-style:italic;
					}
					#footerDetails {
						margin: 0;
						padding: 45px 0 0 0;
						width: 450px;
						float: left;
						}
						#footerWrap ul {list-style-type: none;}
							#footerWrap ul li {display: inline;}
								#secondNav a {
									text-decoration: none;
									color: #d7e590;
									letter-spacing: 1px;
									padding: 0 .5em 0 0;
									margin:0;
									}
									#secondNav a:hover {text-decoration: underline;}
								#legal a {
									text-decoration: none;
									color: #d7e590;
									letter-spacing: 0px;
									padding: 0 .5em 0 0;
									margin:0;
									}
									#legal a:hover {text-decoration: underline;}
										
						#secondNav {
							font-family:Arial;
							font-weight: bold;
							font-size:12px;
							}
						#legal{
							margin: 15px 0 0 0;
							border-top: 1px dotted;
							padding: .55em 0 0 0 ;
							}	
							#legal span {
								text-transform: uppercase;
								letter-spacing: -1px;
								font-weight: bolder;
								display: block;
								margin: 0 80px 0 0;
								float: right;
								}					
					#sponsors {
						background: url(images/bg-footer-logo.png) no-repeat;
						height:116px;
						float: right;
						width: 306px;
						padding: 0 0 0 0;
						text-align: right;
						}
	
	/* --- HOMEPAGE --- */
	.home #content {
		height: 650px;
		}
	#home-center {
		margin: 0 auto;
		width: 600px;
		font-size:26px;
		font-weight:bold;
		font-family: Arial Black, Arial, sans-serif;
		position: relative;
		top: -380px;
		left: 200px;
		}
		#index-about {margin: 0 0 1em 2em;}
		#index-menus{margin: 0 0 1em -1em;}
		#index-community {margin: 0 0 1em 1em;}
		#index-merchandise {margin: 0 0 1em 4em;}
		#index-quiz {margin: 0 0 1em 2em;}
		#index-tools {margin: 0 0 1em -2em;}
		
		#charOne {
			background: url(images/char-1.png) no-repeat;
			width: 308px;
			height: 320px;
			position:relative;
			top:200px;
			left: 0;
			float:left;
			}
		#charTwo {
			background: url(images/char-2.png) no-repeat;
			width: 221px;
			height: 384px;
			position:relative;
			top: 185px;
			left: 0;
			float: right;
			}
			
		#home-center a  {
			color:#ef7d02;
			text-decoration:none;
			font-style: normal;
			}
			#home-center a:hover {color:#009ec4;}
		
		
		

	/* --- 2 column --- */
	#Left {
		float: left;
		width:430px ;
		margin:0;
		padding: 0 1em 0 0;
		border-right: 1px dotted #5a7e9b;
		}
		#Left ul,
		#Left ol {
			padding: 10px 0 10px 20px;
			line-height:20px;
			}
	#Right {
		float: right;
		width: 320px;
		padding: 0 0 0 2.25em;
		margin: 0 0 4em 0;
		}
		#Right ul,
		#Right ol {
			padding: 10px 0 10px 20px;
			line-height:20px;
			}

	/* --- ABOUT --- */
	#aboutButtonWebsite,
	#aboutButtonQuiz {
		height:63px ;
		width:212px ;
		margin: 10px 0 20px 40px;
		padding: 0 0 0 0;
		}
		
			
	/* --- MENUS --- */
	#menusBox {
		margin:1em 0 1em 0;
		padding: 0;
		}
	.menuItem {
		background:url(images/bg-menu-item.png) no-repeat;
		height:50px;
		width: 420px;
		padding:0;
		margin: 0 0 1em 0;
		}
		
	#menusBox .menusTitle{
		margin:1em 0 0 0;
		padding:.5em 0 0 1em;
		width:210px;
		float:left;
		display: block;
		color: #000;
		line-height: 10px;
		}
		#menusBox ul {
			list-style-type: none;
			padding: 0 0 0 0;
			float: right;
			width: 180px;
			margin: .85em 0 1em 0;
			}
			#menusBox ul li {
				display: inline;
				padding: 0;
				margin:0;
				float:left;
				margin: 0 1.25em 0 0;
				
				}
				.menu a {
					text-decoration: none;
					text-indent: -9999%;
					display:block;
					background: url(images/button-menu.png) no-repeat 0 0;
					width:70px;
					height:33px;
					}
					.menu a:hover {background: url(images/button-menu.png) no-repeat 0px -33px;}
				
				.recipe a {	
					text-decoration: none;
					text-indent: -9999%;
					display:block;
					background: url(images/button-recipe.png) no-repeat 0 0;
					width:77px;
					height:32px;
					}
					.recipe a:hover {background: url(images/button-recipe.png) no-repeat 0px -32px;}
				
	#adobeNote {
		margin: 0 0 2em 0!important;
		font-size:10px;
		line-height:10px !important;
		border-top: 1px dotted #5a7e9a;
		}
	
	
	.nutrition h5 {
		margin: .5em 0 -5px 0;
		padding: 0;
		font-size: 10px;
		width: 200px;
		}
		.nutrition {
			padding: .8em 3.3em .8em 1.3em;
			margin: 1em 2em 0  0;
			background: url(images/bg-nutrition.png) no-repeat;
			height: 120px;
			width: 320px;
			}
			.nutrition p {
				width: 280px;
				font-size: 10px;
				padding: 2em 0 0 0 !important;
				line-height: 14px !important;
				}
				
	 /* --- QUIZ --- */
	.quizContent {}
	 #quizButtonQuiz {
			height:63px;
			width:300px;
			margin: 10px 0 20px 40px;
			padding: 15px 0 0 0;
			}
		
				
	/* --- TOOLS --- */
	#toolsButtons {
		list-style-type: none;
		margin: 0 0 0 4em;
		padding:  3em 0 0 0;
		}
		#toolsButtons  li {
			display: inline;
			float: left;
			padding:1em;
			}
			#getStarted a{
				text-indent: -9999%;
				display:block;
				background: url(images/button-tools-started.png) no-repeat 0 0;
				width:220px;
				height:184px;
				}
				#getStarted a:hover {background: url(images/button-tools-started.png) no-repeat 0px -184px;}
			#toolsKids a {
				text-indent: -9999%;
				display:block;
				background: url(images/button-tools-kids.png) no-repeat 0 0;
				width:220px;
				height:184px;
				}
				#toolsKids a:hover {background: url(images/button-tools-kids.png) no-repeat 0px -184px;}
			#marketPR a {
				text-indent: -9999%;
				display:block;
				background: url(images/button-tools-market.png) no-repeat 0 0;
				width:220px;
				height:184px;
				}
				#marketPR a:hover {background: url(images/button-tools-market.png) no-repeat 0px -184px;}

			/* --- TOOLS - GETSTARTED --- */			
			#logoArtwork {padding: 1em 0 0 0;}	
			#getstartedEmporium  {
				padding: 1em 0 1em 0;
				width: 450px;
					}	
					
			#buttonLogoRequest {
				margin: 3em 0 0 0;
				}
				#buttonLogoRequest a,
				#buttonToolkit a{
					padding: 24px 0 0 20px;
					height: 40px
					}
			.comingSoon 	{
				display: block;
				margin: -1.5em 0 0 5.5em;
				padding: 0;
				color: #f36525;
				font-weight: bold;
				font-size: 10px;
				text-transform: uppercase;
				}
					
			/* --- TOOLS - TOOLS FOR KIDS --- */
			.toolsForKids  .downloadFloatRight {
				padding: 0 0 2em 0!important;}
			
			#backpack-button {
				margin: 1em 0 0 0;}
			
			#buttonQuiz,
			#buttonLogo {
				margin: 3em 0 0 0;
				}
				#buttonLogo a{
					padding: 24px 0 0 20px;
					height: 40px;
					}
			
			/* --- TOOLS - MARKETING PR TOOLS --- */
			.marketingtools ul {
				margin: 0;
				padding: 1em 0 1em 2em;
				}
				.marketingtools ul li {
					line-height: 20px;
					}
					
			.buttonDownload {
				background: url(images/button-download.png) no-repeat 0 0;
				height: 37px;
				width: 345px;
				margin: 1em 0 1em 3em;
				padding: 1em 0 0 3em;
				
				}
				.buttonDownload a{
					color: #fff;
					text-decoration: none;			
					}
					.buttonDownload a:hover{
						color: #fff;
						text-decoration: underline;			
						}
			#buttonSampleProc {
				background: url(images/button-big.png) no-repeat 0 0;
				height:48px ;
				}

	/* --- TOOLS - Layout --- */
	.downloadFloatLeft {
		float: left;
		width: 450px;
		padding: 0 0 2em 0;
		}
	.downloadFloatRight {
		height: 63px;
		width: 300px;
		float: right;
		margin: -2em 0 0 0;
		
		}
			
	/* --- TOOLS - Subnav --- */		
	#toolsButtonsSUB {
		list-style-type: none;
		margin: 0;
		padding: 3em 0 2em 20em;
		}
		#toolsButtonsSUB li {
			display: inline;
			margin: 0 1em 0 0;
			}
			#toolsButtonsSUB a{
				font-size:14px;
				text-decoration: none;
				color: #000;
				font-weight: bold;
				text-transform: uppercase;
				}
				#toolsButtonsSUB a:hover {
					text-decoration: underline;
					}
			.active  a{color: #fff !important;}
		
/* SWEEPSTAKES */
#entry_table {
	width:700px;
	padding: 2em;
	margin: 0 0 0 3em;
	background: url(images/form-bg.png) no-repeat;
	height: 410px;
}

#entry_table span {
	font-size: 10px;
}

.tr_field {
	font-size: 14px;
	height: 24px;
	width: 450px;
}

.tr_field  input {
	border: 1px solid black;
	height: 20px;
	padding: .12em;
	width: 200px;
}