/*----------------------------------*/
/* 1. General Setup               */
	
	* {
		padding: 0;
		margin: 0;
	}

	body {
		background: #E4E4E4;
		font-family: arial, helvetica, verdana, sans-serif;
		font-size: 1em;
		color: #293771;
		text-align: center;
	}
	
	a {
		color: #293771;
		text-decoration: none;
	}
	
	a:hover {
		color: #B10044;
	}
	
	a:visited {
		color: #999;
	}
	
	hr {
		color: #000000;
		background: #000000;
		height: 1px;
		margin: 20px auto;
		border: 0;
		width: 90%;
	}
	
	p {
		padding: 8px 8px 0;
	}
	
	img {
		display: block;
		border: 0;
		margin: 0;
	}

	h1 {
		font-size: 1.8em;
		font-weight: normal;
		color: #EF3123;
		padding: 4px;
	}
	
	h2 {
		font-size: 1.2em;
		color: #EF3123;
		font-weight: normal;
		padding: 4px;
	}	
	
	h3 {
		font-weight: normal;
		font-size: 1.1em;
	}
	
	h4 {
		padding: 4px;
	}
	
	acronym, abbr {
		color: #b10044;
		border: 0;
	}
	
	sup{
		height: 0;
		line-height: 1;
		vertical-align: baseline;
		_vertical-align: bottom;
		position: relative;
		bottom:2px;
	}
	
	
/*------------------------------------*/
/* 2. Generic Classes               */


	.hide {
		display: none;
	}
	
	.offScreen {
		position: absolute;
		left: -5000px;
	}
	
	.clear {
		clear: both;
	}
	
	.error {
		color: red;
	}
	
	.help {
		cursor: help;
	}
	
	.disclaimer {
		font-size: 0.8em;
	}


/*-----------------------------------*/
/* 3. Page Fame                     */
	
	#wrapper {
		width: 755px;
		margin: 0 auto 10px;
		text-align: left;
		font-size: 0.8em;
	}
	

/*-----------------------------------*/
/* 4. Navigation	                       */

	.navigation {
		list-style-type: none;
		height: 32px;
		margin: 0 0 5px 0;
	}
	
	.navigation li {
		float: left;
		margin: 0 5px 0 0;
		background: #293771;
		font-family: "arial black", arial, helvetica, verdana, sans-serif;
	}
	
		.navigation li a {
			display: block;
		}
		
		.navigation li a span {
			display: none;
		}
		
			/* ---------------------- */
			/* Home 					*/

				.navigation #home {
					background: #293771 url("/a/img/common/navigation/home.gif") no-repeat 0 0;
				}
				
				.navigation #home a {
					background: #293771 url("/a/img/common/navigation/home.gif") no-repeat 0 0;
					height: 32px;
					width: 114px;
				}
	
					.navigation #home a:hover {
						background: #293771 url("/a/img/common/navigation/home.gif") no-repeat 0 -32px;
					}
					
				.navigation #home a.current,
				.navigation #home a.current:hover {
					background: #293771 url("/a/img/common/navigation/home.gif") no-repeat 0 -64px;
				}

			/* ---------------------- */
			/* Story 					*/

				.navigation #story {
					background: #293771 url("/a/img/common/navigation/story.gif") no-repeat 0 0;
				}
	
				.navigation #story a {
					background: #293771 url("/a/img/common/navigation/story.gif") no-repeat 0 0;
					height: 32px;
					width: 178px;
				}

					.navigation #story a:hover {
						background: #293771 url("/a/img/common/navigation/story.gif") no-repeat 0 -32px;
					}
					
				.navigation #story a.current,
				.navigation #story a.current:hover {
					background: #293771 url("/a/img/common/navigation/story.gif") no-repeat 0 -64px;
				}


			/* ---------------------- */
			/* Flavour 					*/

			.navigation #flavour {
				background: #293771 url("/a/img/common/navigation/flavour.gif") no-repeat 0 0;
			}
			
			.navigation #flavour a {
				background: #293771 url("/a/img/common/navigation/flavour.gif") no-repeat 0 0;
				height: 32px;
				width: 178px;
			}
			
				.navigation #flavour a:hover {
					background: #293771 url("/a/img/common/navigation/flavour.gif") no-repeat 0 -32px;
				}

			.navigation #flavour a.current,
			.navigation #flavour a.current:hover {
				background: #293771 url("/a/img/common/navigation/flavour.gif") no-repeat 0 -64px;
			}

			/* ---------------------- */
			/* Cuisine 					*/
			
			.navigation #cuisine {
				background: #293771 url("/a/img/common/navigation/cuisine.gif") no-repeat 0 0;
			}
			
			.navigation #cuisine a {
				background: #293771 url("/a/img/common/navigation/cuisine.gif") no-repeat 0 0;
				height: 32px;
				width: 178px;
			}
			
				.navigation #cuisine a:hover {
					background: #293771 url("/a/img/common/navigation/cuisine.gif") no-repeat 0 -32px;
				}

			.navigation #cuisine a.current,
			.navigation #cuisine a.current:hover {
				background: #293771 url("/a/img/common/navigation/cuisine.gif") no-repeat 0 -64px;
			}
			
			/* ---------------------- */
			/* Zoom 					*/
			
			.navigation #zoom {
				margin: 0;
				background: #293771;
				padding: 0;
				width: 87px;
				height: 32px;
				text-align: center;
			}
			
			.navigation #zoom a {
				display: inline;
				float: left;
				margin: 0 5px 0 0;
				padding: 10px 0 0 0;
				/*color: #CCD2D8;*/
			}
			
			.navigation #zoom #smallest {
				margin: 0 0 0 20px;
			}
			
				/*.navigation #zoom a.decrease {
					font-size: 0.8em;
				}
				
				.navigation #zoom a.increase {
					font-size: 1.2em;
				}
				
			.navigation #zoom a:hover {
				color: #FFF;
			}*/
				
/*-----------------------------------*/
/* 5. Header		                       */

	#header {
		clear: both;
		background: #E4E4E4 url("/a/img/home/header.jpg") no-repeat 100% 0;
		position: relative;
		height: 127px;
		margin: 0 0 5px 0;
	}
	
	#header #logo {
		position: absolute;
		left: 0;
		top: 0;
	}
	
	#header div {
		width: 335px;
		height: 127px;
		margin: 0 0 0 190px;
		background: #293771 url("/a/img/home/headerCopy.gif") no-repeat 25px;
	}
	
		#header div h1,
		#header div p {
			display: none;
		}
	
		
/*------------------------------------*/
/* 6. Content Content					*/
		
		#contentContainer {
			clear: both;
			display: inline;
			overflow: hidden;
		}
		
			#subNavigation {
				width: 185px; /* Sets the width for IE5/IE5.5 */
				w\idth: 175px;
				float: left;
				border: 5px solid #FFF;
				background: #C9C5B6;
				color: #FFF;
			}
			
				#subNavigation h2 {
					float: left;
				}
				
				#subNavigation p {
					float: left;
					clear: both;
					width: 170px;
					w\idth: 150px;
				}
			
			#content {
				width: 565px; /* sets the width for IE5/IE5.5 */ 
				w\idth: 555px;
				background: #ECEDE5;
				border: 5px solid #FFF;
				float: left;
				margin: 0 0 0 5px;
			}
			
			
			#content h2,
			#content h3,
			#content h4 {
				float: left;
			}
			
			#content p {
				float: left;
				clear: both;
				width: 259px;
			}
			
			#content p a {
				color: #4B5787;
			}
			
			#content p a:hover {
				color: #B10044;
			}
	
				/*------------------------------------*/
				/* 6b. Recommend Banner			*/
		
				#content .recommendBanner {
					background: #C29F69 url("/a/img/common/recommends.jpg") no-repeat 0 100%;
					width: 275px;
					/*border-right: 5px solid white; removed by jh - 2 col IE fix, padding on right div now */
					border-top: 5px solid white;
					float: left;
					padding: 0 0 8px 0;
					min-height: 164px;
					height/**/: auto !important;
					height: 155px;
					
					clear: left;
				}
				
					#content .recommendBanner h3 {
						background: url("/a/img/common/recommendsTitle.gif") no-repeat 100% 100%;
						width: 144px;
						height: 43px;
						display: block;
					}
				
					#content .recommendBanner p {
						width: 140px;
						color: #FFF;
					}
					
					#content .recommendBanner p a {
						background: url("/a/img/common/recommendsLink.gif") no-repeat 0 0;
						display: block;
						height: 9px;
						width: 40px;
					}
					
						#content .recommendBanner p a:hover {
							background: url("/a/img/common/recommendsLink.gif") no-repeat 0 -9px;
						}
	
				/*------------------------------------*/
				/* 6c. Cusinine Banner				*/
								
				#content .cuisineBanner {
					background: #AA9A57 url("/a/img/common/cuisine.jpg") no-repeat 100% 100%;
					width: 280px;
					w\idth: 275px;
					border-top: 5px solid white;
					float: left;
					padding: 0 0 8px 0;
					min-height: 164px;
					height/**/: auto !important;
					height: 193px;
					hei\ght: 164px;
				}
				
					#content .cuisineBanner h3 {
						background: url("/a/img/common/cuisineTitle.gif") no-repeat 100% 100%;
						width: 137px;
						height: 43px;
						display: block;
					}
				
					#content .cuisineBanner p {
						width: 140px;
						color: #FFF;
					}
					
					#content .cuisineBanner p a {
						background: url("/a/img/common/cuisineLink.gif") no-repeat 0 0;
						display: block;
						height: 9px;
						width: 40px;
					}
					
					#content .cuisineBanner p a:hover {
							background: url("/a/img/common/cuisineLink.gif") no-repeat 0 -9px;
						}

				/*------------------------------------*/
				/* 6d. Family Banner					*/
		
				#content .familyBanner {
					background: #fff url("/a/img/common/family.jpg") no-repeat 100% 100%; /* bg changed, jh, 2 col pc fix */
					width: 280px;
					w\idth: 275px;
					border-top: 5px solid white;
					float: right;
					padding: 0 0 8px 5px; /* padding added jh, 2 col pc fix */
					min-height: 164px;
					height/**/: auto !important;
					height: 193px;
					hei\ght: 164px;

				}
				

				
					#content .familyBanner h3 {
						background: url("/a/img/common/familyTitle.gif") no-repeat 100% 100%;
						width: 94px;
						height: 42px;
						display: block;
					}
				
					#content .familyBanner p {
						width: 100px;
						color: #FFF;
					}
					
					#content .familyBanner p a {
						background: url("/a/img/common/familyLink.gif") no-repeat 0 0;
						display: block;
						height: 9px;
						width: 40px;
					}
					
						#content .familyBanner p a:hover {
							background: url("/a/img/common/familyLink.gif") no-repeat 0 -9px;
						}
						
						
				/*------------------------------------*/
				/*  Calendar Comp Banner Banner			*/
		
				#content .calendarBanner {
					background: #4f729c url("/a/img/common/calendarCompetition.jpg") no-repeat 100% 0;
					width: 275px;
					/*border-right: 5px solid white; removed by jh - 2 col IE fix, padding on right div now */
					border-top: 5px solid white;
					float: left;
					padding: 0 0 8px 0;
					min-height: 164px;
					height/**/: auto !important;
					height: 155px;
					
					clear: left;
				}
				
					#content .calendarBanner h3 {
						background: url("/a/img/common/calendarTitle.gif") no-repeat 5px 10px;
						width: 224px;
						height: 61px;
						display: block;
					}
				
					#content .calendarBanner p {
						width: 140px;
						color: #FFF;
					}
					
					#content .calendarBanner .calendarP {
						margin: 0;
					}
					
					#content .calendarBanner p a {
						background: url("/a/img/common/findOutMore.gif") no-repeat 0 0;
						display: block;
						height: 11px;
						width: 88px;
					}
					
						#content .calendarBanner p a:hover {
							background: url("/a/img/common/findOutMore.gif") no-repeat 0 -11px;
						}
	
	
	
					
					
			/*------------------------------------*/
			/* 6e. Feature Column				*/

			#feature {
				width: 185px; /* Sets the width for IE5/IE5.5 */
				float: left;
				color: #FFF;
			}
			
					
			/*------------------------------------*/
			/* 6f. Side Bar Column				*/

			#sideBar {
				width: 185px; /* Sets the width for IE5/IE5.5 */
				float: left;
				color: #FFF;
			}

				#sideBar .createFeatureBanner {
					background: #C6C2B2 url("/a/img/common/create.jpg") no-repeat 0 100%;
					padding: 0 0 70px 0;
					border: 5px solid white;
					width: 185px;
					w\idth: 175px;
				}
				
					#sideBar .createFeatureBanner h2 {
						background: url("/a/img/contact/createTitle.gif") no-repeat 100% 100%;
						width: 130px;
						height: 36px;
						display: block;
					}
					
					#sideBar .createFeatureBanner p {
						padding: 5px 10px 5px;
						color: #FFF;
					}
				
					#sideBar .createFeatureBanner p a {
						background: url("/a/img/contact/createLink.gif") no-repeat 0 0;
						height: 9px;
						width: 39px;
						display: block;
					}
			
						#sideBar .createFeatureBanner p a:hover {
							background: url("/a/img/contact/createLink.gif") no-repeat 0 -9px;
						}		

				#sideBar .cuisineFeatureBanner {
					background: #A99A57 url("/a/img/common/cuisine.jpg") no-repeat -90px 100%;
					padding: 0 0 100px 0;
					margin-top: 5px;
					width: 185px;
					w\idth: 175px;
					border: 5px solid white;
				}
				
					#sideBar .cuisineFeatureBanner h2 {
						background: url("/a/img/common/cuisineTitle.gif") no-repeat 100% 100%;
						width: 129px;
						height: 37px;
						display: block;
					}
					
					#sideBar .cuisineFeatureBanner p {
						color: #FFF;
					}
				
					#sideBar .cuisineFeatureBanner p a {
						background: url("/a/img/common/cuisineLink.gif") no-repeat 0 0;
						height: 9px;
						width: 39px;
						display: block;
					}
			
						#sideBar .cuisineFeatureBanner p a:hover {
							background: url("/a/img/common/cuisineLink.gif") no-repeat 0 -9px;
						}		

		/*-----------------------------------*/
		/* 6b. Basic Form Setup            */
	
			form fieldset {
				border: 0;
			}
			
			form fieldset legend {
				display: none;
			}

			form fieldset .errorBox {
				color: red;
			}
			
				form fieldset .errorBox ul {
					color: red;
					margin: 0 0 14px 26px;
				}
				
			form fieldset .row {
				clear: both;
				margin: 0 0 4px 0;
			}
			
				form fieldset .row .label {
					width: 120px;
					float: left;
					padding: 2px 0 0 0;
				}

				form fieldset .row .input input {
					width: 200px;
					font-size: 1em;
				}
				
				form fieldset .row .input textarea {
					width: 200px;
					font-size: 1em;
					font-family: arial, helvetica, verdana, sans-serif;
				}
		
				form fieldset .submit input {
					font-size: 1em;
				}
				
				
/*-----------------------------------*/
/* 7. Footer		                 */
		
		#footer {
			clear: both;
			background: #CCD2D8;
			height: 1.3em;
			font-size: 0.9em;
			padding: 5px;
			border-top: 5px solid #E4E4E4;
			color: #666666;
		}
		
		#footer p {
			float: left;
			padding: 0;
		}
		
			#footer p a {
				color: #666;
			}
			
			#footer p a:hover {
				color: #293771;
			}
		
			#footer p .current {
				font-weight: bold;	
			}
		
		#footer ul {
			list-style-type: none;
			float: right;
		}
		
		#footer ul li {
			border-right: 1px solid #666666;
			padding: 0 8px;
			float: left;
		}
		
			#footer ul li a {
				color: #666666;
			}
			
			#footer ul li a:hover {
				color: #293771;
			}
			
		#footer ul li.last {
			border: 0;
			padding: 0 0 0 8px;
		}
		
		
/*-----------------------------------*/
/* 8. Thank you pages                */

		.thankyou #header {
			background: transparent;
		}
		
			.thankyou #header div {
				background: url("/a/img/common/thankyouHeader.gif") no-repeat 0 0;
				width: 565px;
			}
		
		h2#thankyou {
			background: url("/a/img/common/thankyouTitle.gif") no-repeat 4px 4px;
			width: 117px;
			height: 16px;
			margin: 10px 0 0 4px;
		}