/*
	#####################################################################
	# Common
	#####################################################################
*/

	body {
		margin:0;
		padding:0;
		background-color: #F7D034;
		font-family: Helvetica, sans serif;
		font-size: .75em;
		line-height: 20px;
	}

	* {
		margin:0;
		padding:0;
	}

	.clear{
		clear: both;
	}

	.left{
		float: left;
	}

	.right{
		float: right;
	}

	img {border:0px;}

	.white{
		color: #fff;
	}

	p.errors{
		color: #ff0000 !important;
		padding-top: 15px !important;
		*color: #ff0000 !important;
	}

	h3.title {
		padding: 0;
	}

/*
	#####################################################################
	# Content
	#####################################################################
*/
	#content {

	}

		#content h1, h1 {
			padding: 33px 0 10px 33px;
			font-weight: lighter;
			font-size: 27px;
			color: #f8d84f;
		}

		#content h3, h3 {
			padding:33px 0 0 33px;
			font-size:16px;
		}

		#content span {
			margin: 12px 0 0 33px;
			color: #FFF;
		}

		#content span a {
			color:#FFF;
			padding:30px 0 0 3px;
		}

/*
	#####################################################################
	# Home page
	#####################################################################
*/
	#home {

	}

		#home #top-box {
			background: url(../../../user_files/image/home/mccafe-bg.jpg) top left no-repeat;
			width: 871px;
			height: 259px;
			overflow: hidden;
		}

			#home #top-box .wrapper {
				padding: 187px 0 0 430px;
			}

			#home #top-box ul.links {
				list-style-image: url(../../../user_files/image/list-arrow.png);
			}

			#home #top-box ul.links li a{
				color:#fff;
				font-size: 15px;
				text-decoration:none;
			}

		#home #bottom-box {
			height: 158px;
		}

			#home #bottom-box div.content {
				width: 282px;
				height: 158px;
				overflow: hidden;
				display: inline-block;
				float: left;
			}

			#home #bottom-box div.middle {
				width: 273px;
			}

			#home #bottom-box div.divider {
				background-image: url(../../../user_files/image/home/bttom-bar.gif);
				width: 17px;
				height: 158px;
				display: inline-block;
				float: left;
			}

	#not-found {
		color: white;
		margin: 0 50px 0 50px;
		height: 487px;
	}

		#not-found h1 {
			margin-left: 0;
			padding-left: 0;
		}

		#not-found a {
			color: white;
		}


/*
	#####################################################################
	# Find McCafe Location
	#####################################################################
*/
	#mccafe-locations {
		background: url(../../../user_files/image/location/locations_bg.jpg) top left no-repeat !important;
		height: 487px;
		padding-bottom: 0;
	}

		#mccafe-locations p {
			color: #fff;
			margin-left: 33px;
			margin-bottom: 20px;
		}

			#mccafe-locations #address-bg {
				height:348px;
				width: 610px;
				padding-top: 20px;
			}

				#mccafe-locations #address-bg #top {
					background: url(../../../user_files/image/location/loc_address_bg_top.jpg) top left no-repeat;
					height: 151px;
					overflow: hidden;
				}

					#mccafe-locations #address-bg #top #form {
						display: inline-block;
						margin: 10px 0 0 30px;
					}

					#mccafe-locations #address-bg #top h3 {
						color: #aa0909;
					}

				#mccafe-locations #address-bg #bottom {
					background: url(../../../user_files/image/location/loc_address_bg_bottom.jpg) top left no-repeat;
					height: 196px;
					width: 610px;
				}

					#mccafe-locations #address-bg #bottom #locations {
						height: 196px;
						width: 590px;
						margin-left: 15px;
						overflow: auto;
					}

					#mccafe-locations #address-bg #bottom #locations h4 {
						color: #aa0909;
						border-bottom: 1px #AA0909 solid;
						margin-bottom: 10px;
					}

					#mccafe-locations #address-bg #bottom #locations .location {
						float: left;
						display: inline-block;
						margin: 0 10px 10px 0;
						width: 180px;
						height: 125px;
					}

/*
	#####################################################################
	# Drink Menu
	#####################################################################
*/
	#drink-menu {
		background: url(../../../user_files/image/drink_menu/mccafe_menu_bg.jpg) top left no-repeat !important;
		height: 487px;
	}

		#drink-menu h4, #drink-menu p {
			color:#fff;
			margin:10px 0 0 33px;
		}

			#drink-menu #diagram-box {
				background: url(../../../user_files/image/drink_menu/mccafe_menu_back.jpg) top left no-repeat;
				height: 322px;
				width: 611px;
				margin-top: 20px;
			}

				#drink-menu #diagram-box #diagram {
					float: left;
					display: inline;
					padding-top: 50px;
				}

				#drink-menu #diagram-box ul {
					list-style:none;
					padding-top: 50px;
					*margin-left:-15px !important;
					float:left;
					display: inline;
				}

		#drink-menu #latte {
			background: url(../../../user_files/image/drink_menu/btn_latte.gif) top left no-repeat;
			width: 241px;
			height: 33px;
			text-indent: -9999px;
			display:block;
		}

		#drink-menu #latte:hover, .latteClicked {
			background-image: url("../../../user_files/image/drink_menu/mccafe_menu_latteName.png") !important;
			background-position: top left;
			background-repeat: no-repeat;
		}

		#drink-menu #iced-latte {
			background: url(../../../user_files/image/drink_menu/btn_icedLatte.gif) top left no-repeat;
			width: 241px;
			height: 33px;
			text-indent: -9999px;
			display:block;
		}

		#drink-menu #iced-latte:hover, .iced-latteClicked {
			background-image: url("../../../user_files/image/drink_menu/mccafe_menu_icedLatteName.png") !important;
			background-position: top left;
			background-repeat: no-repeat;
		}

		#drink-menu #cappuccino {
			background: url(../../../user_files/image/drink_menu/btn_cappuccino.gif) top left no-repeat;
			width: 241px;
			height: 33px;
			text-indent: -9999px;
			display:block;
		}

		#drink-menu #cappuccino:hover, .cappuccinoClicked {
			background-image: url("../../../user_files/image/drink_menu/mccafe_menu_cappucinoName.png") !important;
			background-position: top left;
			background-repeat: no-repeat;
		}

		#drink-menu #mocha {
			background: url(../../../user_files/image/drink_menu/btn_mocha.gif) top left no-repeat;
			width: 241px;
			height: 33px;
			text-indent: -9999px;
			display:block;
		}

		#drink-menu #mocha:hover, .mochaClicked {
			background-image: url("../../../user_files/image/drink_menu/mccafe_menu_mochaName.png") !important;
			background-position: top left;
			background-repeat: no-repeat;
		}

		#drink-menu #iced-mocha {
			background: url(../../../user_files/image/drink_menu/btn_icedMocha.gif) top left no-repeat;
			width: 241px;
			height: 33px;
			text-indent: -9999px;
			display:block;
		}

		#drink-menu #iced-mocha:hover, .iced-mochaClicked {
			background-image: url("../../../user_files/image/drink_menu/mccafe_menu_icedMochaName.png") !important;
			background-position: top left;
			background-repeat: no-repeat;
		}

		#drink-menu #hot-chocolate {
			background: url(../../../user_files/image/drink_menu/btn_hotChocolate.gif) top left no-repeat;
			width: 241px;
			height: 33px;
			text-indent: -9999px;
			display:block;
		}

		#drink-menu #hot-chocolate:hover, .hot-chocolateClicked {
			background-image: url("../../../user_files/image/drink_menu/mccafe_menu_hotChocName.png") !important;
			background-position: top left;
			background-repeat: no-repeat;
		}

/*
	#####################################################################
	# McCafe Game
	#####################################################################
*/
	#mccafe-game {
		height: 487px;
	}

/*
	#####################################################################
	# About Ronald McDonald
	#####################################################################
*/
	#about-ronald-mcdonald {
		height: 600px;
	}

		#about-ronald-mcdonald p {
			color: #fff;
			margin:0 0 20px 33px;
			width:421px;
		}


		#about-ronald-mcdonald ul{
			margin-left: 65px;
			color: #FFF;
		}

		#about-ronald-mcdonald #video {
			position:absolute;
			top:80px;
			right:120px;
			z-index:0;
		}

		#about-ronald-mcdonald #little-ronald {
			position:absolute;
			top:50px;
			right:10px;
			z-index: 1;
		}

		#about-ronald-mcdonald h3.video-title {
			color:#f7d034 !important;
			position:absolute;
			top:235px;
			right: 155px;
			font-size:13px !important;
		}


/*
	#####################################################################
	# Educational Shows
	#####################################################################
*/
	#educational-shows {
		padding-bottom: 20px;
	}

		#educational-shows ul {
			margin-left: 66px !important;
			margin-top: -10px !important;
			color:#fff;
		}

		#educational-shows p {
			color: #fff;
			margin:0 0 10px 33px;
			width:421px;
		}

		#educational-shows strong {
			margin:0 !important;
			padding-top: 10px !important;
		}

		#educational-shows h3 {
			color:#fff;
			margin-top:-20px;
		}

		#educational-shows table {
			margin-left: 66px;
			color:#fff;
		}

		#educational-shows span {
			margin-bottom: 20px;
		}

		#educational-shows span a {
			font-weight: bold;
			text-decoration:none;
		}

		#educational-shows span a:hover {
			text-decoration: underline;
		}

		#educational-shows #video {
			position:absolute;
			top:80px;
			right:120px;
			z-index:0;
		}

		#educational-shows #little-ronald {
			position:absolute;
			top:50px;
			right:10px;
			z-index: 1;
		}

		#educational-shows h3.video-title {
			color:#f7d034 !important;
			position:absolute;
			top:260px;
			right: 145px;
			font-size:13px !important;
		}

/*
	#####################################################################
	# Special Events
	#####################################################################
*/
	#special-events {
		padding-bottom: 20px;
	}

		#special-events p {
			color: #fff;
			padding: 0 0 20px 33px;
			width: 421px;
		}

		#special-events strong{
			color:#fff;
			margin-left:33px;
		}

		#special-events h3 {
			margin: 0;
			padding-top: 0;
		}

		#special-events #ronald {
			position: absolute;
			top: 33px;
			right: 20px;
		}

/*
	#####################################################################
	# Request Appearance
	#####################################################################
*/
	#request-appearance {
		padding-bottom: 20px;
	}

		#request-appearance p {
			color:#fff;
			padding:0 0 20px 33px;
			width:421px;
		}

		#request-appearance strong {
			color:#fff;
			margin-left:33px;
		}

		#request-appearance #ronald {
			position: absolute;
			top: 33px;
			right: 20px;
		}

		#request-appearance #request-form {
			background: #f4ebc5;
			width: 600px;
			margin-left: 33px;
			padding-bottom: 20px;
		}

			#request-appearance #request-form table{
				padding: 10px 10px 10px 10px;
				*margin: 10px;
			}

			#request-appearance #request-form table td{
				padding: 5px 0 5px 0;
			}

/*
	#####################################################################
	# Fan Mail
	#####################################################################
*/
	#fan-mail{
		height: 600px;
	}

		#fan-mail p, #fan-mail ul{
			color:#fff;
			margin-left: 33px;
			list-style:none;
		}

		#fan-mail li span{

		}

		#fan-mail #ronald {
			position: absolute;
			top: 33px;
			right: 20px;
		}

/*
	#####################################################################
	# Big Mac Mondays
	#####################################################################
*/
	#big-mac-mondays {
		height:600px !important;
	}

		#big-mac-mondays #banner {
			position: absolute;
			top: 33px;
			right: 20px;
		}

		#big-mac-mondays h1 {
			margin:-30px 0 0 0
		}

		#big-mac-mondays p {
			color: #fff;
			width: 421px;
			margin-left: 33px;
			margin-bottom: 20px;
		}

		#big-mac-mondays table {
			color: #fff;
			margin-left:33px;
			width:421px;
		}

			#big-mac-mondays table td {
				padding-right:10px;
				padding-left: 5px;
				padding-top:5px;
				padding-bottom: 5px;
				border-top: 1px solid #fff;
			}

		#big-mac-mondays .borderRight {
			border-right: 1px solid #fff;
		}

		#big-mac-mondays strong {
			color: #fff;
			margin: 0 0 0 33px;
			padding: 20px 0 20px 0 !important;
		}

/*
	#####################################################################
	# CAVS McFamily Night
	#####################################################################
*/
	#cavs-mcfamily-night {
		height:900px !important;
		font-size: 9px;
		color:#f8d84f !important;
	}

		#cavs-mcfamily-night h1 {
			margin:-30px 0 0 0;
		}

		#cavs-mcfamily-nights p {
			color: #fff;
			width: 421px;
			margin-left: 33px;
			margin-bottom: 20px;
		}

		#cavs-mcfamily-night table {
			color: #fff;
			margin-left:33px;
			width:421px;
		}

			#cavs-mcfamily-night table td {
				padding-right:10px;
				padding-left: 5px;
				padding-top:5px;
				padding-bottom: 5px;
				border-top: 1px solid #fff;
			}

		#cavs-mcfamily-night .borderRight {
			border-right: 1px solid #fff;
		}

		#cavs-mcfamily-night strong {
			color: #fff;
			margin: 0 0 0 33px;
			padding: 20px 0 20px 0 !important;
		}

		#cavs-mcfamily-night strong {
			margin:0 0 0 0px;
		}

/*
	#####################################################################
	# Our Community landing page
	#####################################################################
*/
	#our-community-landing {
		color: white;
		min-height: 487px;
	}

/*
	#####################################################################
	# Featured Menu Items
	#####################################################################
*/
	#featured-menu-items {
		background: url(../../../user_files/image/featured_menu_items/featured_menu_bg.jpg) top left no-repeat !important;
		height:487px;
	}

	#featured-menu-items h1 {
		margin-bottom: -20px;
	}

	#featured-menu-items h3{
		color:#fff;
	}

	#featured-menu-items #list-box {
		background: url(../../../user_files/image/featured_menu_items/fm_items_bg.png) top left no-repeat;
		height: 391px;
		width: 561px;
		margin-left: 20px;
		position:relative;
	}

		#featured-menu-items #list-box #list-items {
			position: absolute;
			top:20px;
			left: 20px;
			height:340px;
			width:520px;
			overflow-y: scroll;
		}

			#featured-menu-items #list-box #list-items table, #featured-menu-items-table {
				color: #b31212;
				background-color: #FFFFFF;
				width: 500px;
			}

			#featured-menu-items #list-box #list-items #featured-menu-items-table {
				background-color: transparent;
			}

/*
	#####################################################################
	# Just For Kids
	#####################################################################
*/
	#just-for-kids {
		height: 487px;
	}

/*
	#####################################################################
	# Coloring Book
	#####################################################################
*/
	#coloring-book {
		background: url(../../../user_files/image/coloring_book/kids_coloring_bg.jpg) top left no-repeat !important;
		height: 487px;
	}

/*
	#####################################################################
	# Kids Questions and Artwork
	#####################################################################
*/
	#kids-questions-artwork {
		background: url(../../../user_files/image/kids_questions_artwork/kids_bg.jpg) top left no-repeat !important;
		height: 598px;
	}


	#kids-questions-artwork p {
		color: #fff;
		padding: 80px 0 0 33px;
		width: 421px;
		line-height: 17px;
	}

/*
	#####################################################################
	# Submit Questions and Artwork
	#####################################################################
*/
	#kids-questions-artwork-submit {
		background: #143555 url(../../../user_files/image/kids_questions_artwork/kids_submit_bg.jpg) top left no-repeat !important;
		height: 487px;
	}


		#kids-questions-artwork-submit p {
			color: #fff;
			width: 421px;
			margin: 10px 0 0 33px;
		}

		#kids-questions-artwork-submit h4 {
			color: #fff;
			width: 421px;
			padding: 0 0 0 33px;
		}

		#kids-questions-artwork-submit ul {
			padding: 20px 0 20px 33px;
			list-style: none;
		}

/*
	#####################################################################
	# View other kids questions
	#####################################################################
*/
	#other-kids-questions {
		height: 487px;
	}

/*
	#####################################################################
	# View other kids artwork
	#####################################################################
*/
	#other-kids-artwork {
		height: 487px;
	}

/*
	#####################################################################
	# Our Charities
	#####################################################################
*/
	#our-charities {
		background: url(../../../user_files/image/our_charities/ronald_bg.jpg) top left no-repeat !important;
		height: 493px;
	}


		#our-charities p {
			color: #fff;
			width: 421px;
			line-height: 17px;
			margin: 10px 0 0 35px;
		}

		#our-charities h4 {
			color: #fff;
			font-size: 12px;
			margin: 20px 0 0 35px;
			text-transform: uppercase;
		}

		#our-charities ul.links {
			margin: 60px 0 0 0;
			list-style: none;
		}

			#our-charities ul.links li {
				margin-bottom: 20px;
			}

		#our-charities a {
			color: #f9d53c;
			font-size: 12px;
		}

/*
	#####################################################################
	# Give Feedback
	#####################################################################
*/
	#give-feedback {
		padding-bottom: 20px;
	}

		#give-feedback p, #give-feedback ul {
			color:#fff;
			margin-left: 33px;
			list-style:none;
		}

			#give-feedback #feedback-form {
				margin-left: 33px;
			}

/*
	#####################################################################
	# Take a Survey
	#####################################################################
*/
	#take-a-survey {
		padding-bottom: 20px;
	}

		#take-a-survey #survey {
			background: #fff;
			width: 500px;
			margin-left: 33px;
		}

		#take-a-survey #survey table {
			margin:20px;
		}

/*
	#####################################################################
	# Terms and Conditions
	#####################################################################
*/
	#terms-and-conditions {
		height: 487px;
	}

/*
	#####################################################################
	# Privacy Policy
	#####################################################################
*/
	#privacy-policy {
		height: 487px;
	}

/*
	#####################################################################
	# Site Map
	#####################################################################
*/
	#site-map {
		padding-bottom: 20px;
		padding-left: 100px;
	}

		#site-map h1 {
			margin-left: 0;
			padding-left: 0;
		}

		#site-map .linkRow {
			line-height: 25px;
		}

		#site-map a {
			color: white;
			text-decoration: none;
		}

		#site-map a:hover {
			text-decoration: underline;
		}

		#site-map a.main {
			font-size: larger;
			font-weight: bold;
			color: #F7D034;
		}

		#site-map #ronald {
			position: absolute;
			top: 33px;
			right: 20px;
		}

/*
	#####################################################################
	# Footer nav
	#####################################################################
*/
	#footer-nav {
		text-align: center;
		font-size: 9px;
		color: #333;
	}

		#footer-nav a {
			color: #333;
			text-decoration: none;
		}

		#footer-nav a:hover {
			text-decoration: underline;
		}







ul.main-mccafe-links{
	list-style-image: url(../../../images/list-arrow.html);
	list-style-type: circle;
	position: absolute;
	bottom: 35px;
	right: 200px;
}

.main-mccafe-links li a{
	color:#fff;
	font-size: 15px;
	text-decoration:none;
}

.main-mccafe-links li a:hover {
	text-decoration:underline;
}



/* @group Coloring Book */

/* @end */


/* @group Kids Questions & Artwork */



/* @end */


/* @group Our Charities Page */


/* @end */


/* @group Just for Kids */
/*	.kids{
		background: url(../images/kids_bg.jpg) top left no-repeat !important;
		height: 598px;
	}


	.kids p{
		color: #fff;
		padding: 80px 0 0 33px;
		width: 421px;
		line-height: 17px;
	}*/

	ul.kid-links{
		list-style: none;
		padding: 20px 0 0 33px;
	}

	.kids-coloring{
		background: url(../images/kids_coloring_bg.html) top left no-repeat !important;
		height: 487px;
	}

	.kids-coloring p{
		color: #fff;
		padding: 80px 0 0 33px;
		width: 421px;
		line-height: 17px;
	}

	ul.color-page{
		list-style: none;
		padding: 100px 0 0 33px;
	}

	.color-page li{
		float: left;
		display: inline;
		margin-right: 10px;
	}


/* @end */


/* @group Locations */


/* @end */

/* @group Mondays */



/* @end */


/* @group Mondays */



/* @end */



/* @group fan-mail */

/* @end */


/* @group Request */


/* @end */







/* @group fan-mail */



/* @end */


/* @group About Ronald */

/* @end */


/* @group Education Ronald */


/* @end */



/* @group FeedBack */

	#feedback-form {
		width: 300px;
		height: 345px;
		background: #fff;
		color: #000;
		font-size:12px;
	}

	#feedback-form table {
		margin:20px 0 0 20px;
	}


/* @end */

/* @group Survey */



/* @group Header */
.title{
	margin-left: 20px;
	color: #c81616;
	font-size: 16px;
}

/* @end */

/* @group Index */

ul.spon-logos{
	list-style: none;
	margin: 30px 0 0 20px;
}

.spon-logos li{
	float:left;
	display: inline;
	margin-right: 50px;
}

#index-bottom ul{
	list-style: none;

}

#index-bottom li{
	float: left;
	display: inline;
}

/* @end */

/* @group Footer */


#footer, #footer a{
	color: #000;
	font-size: 9px;
	text-decoration: none;
}

#footer a:hover{
	text-decoration: underline;
}

#footer ul{
	list-style: none;
	padding: 45px 0 0 20px;
}


#footer li{
	float: left;
	display: inline;
	margin-right: 3px;
}

#footer p{
	font-size:9px;
	padding:40px 0 0 20px;
	width: 600px;
}

/* @end */