html {
		overflow: -moz-scrollbars-vertical;
	}
	body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #666;
		margin: 0px;
	}
	div#gradient {
		background: #a2c6e8 url(../img/backgrounds/body.jpg) top repeat-x;
	}
	div#fruit {
		background: transparent url(../img/backgrounds/apple.jpg) top right no-repeat;
		min-width: 890px;
	}	
	div#wrapper {
		width: 890px;
		margin: auto;
	}
	div#menu {
		float: left;
		width: 250px;
		margin: 20px 0px 0px 0px;
	}
	
	div#menu ul {
		list-style-type: none;
		margin: 0px 0px 0px 0px;
		padding: 0px;
	}
	div#menu ul li a {
		display: block;
		width: 250px;
		height: 0px;
		padding-top: 24px;
		background-repeat: no-repeat;
		background-color: transparent;
		overflow: hidden;
	}
	div#menu ul li.home a {
		background-image: url(../img/menu/home.gif);
 	}	
	div#menu ul li.home a:hover {
		background-image: url(../img/menu/home_med.gif);

 	}	
	
	
	div#menu ul li.fun-days-out a {
		background-image: url(../img/menu/fun-days-out.gif);
 	}	
	div#menu ul li.fun-days-out a:hover {
		background-image: url(../img/menu/fun-days-out_med.gif);
 	}
	
	div#menu ul li.fun-game-guide a {
		background-image: url(../img/menu/fun-game-guide.gif);
 	}	
	div#menu ul li.fun-game-guide a:hover {
		background-image: url(../img/menu/fun-game-guide_med.gif);
 	}
	
	div#menu ul li.lunchbox-power-up a {
		background-image: url(../img/menu/lunchbox-power-up.gif);
 	}	
		div#menu ul li.lunchbox-power-up a:hover {
		background-image: url(../img/menu/lunchbox-power-up_med.gif);
 	}	
	div#menu ul li.make-my-kids-eat a {
		background-image: url(../img/menu/make-my-kids-eat.gif);
 	}	
	div#menu ul li.im-not-eating-that a {
		background-image: url(../img/menu/im-not-eating-that.gif);
 	}	
	
	div#menu ul li.get-your-kids-to-eat-well a {
		background-image: url(../img/menu/get-your-kids-to-eat-well.gif);
 	}	
	div#menu ul li.get-your-kids-to-eat-well a:hover {
		background-image: url(../img/menu/get-your-kids-to-eat-well_med.gif);
 	}		
	div#menu ul li.they-hate-so-try a {
		background-image: url(../img/menu/they-hate-so-try.gif);
 	}		
	div#menu ul li.they-hate-so-try a:hover {
		background-image: url(../img/menu/they-hate-so-try_med.gif);
 	}
	div#menu ul li.tv-ad a {
		background-image: url(../img/menu/tv-ad.gif);
 	}
	div#menu ul li.tv-ad a:hover {
		background-image: url(../img/menu/tv-ad_med.gif);
 	}
	div#menu ul li.skull-candy a {
		padding: 25px 0 0 25px;
		height: auto;
		color:#fff;
		font-size:1.1em;
 	}
	div#menu ul li.skull-candy a img { padding-bottom:5px; }		



	/*
	div#menu ul li.product-info a {
		background-image: url(../img/menu/product-info.gif);
 	}	
	div#menu ul li.nutritional-info a {
		background-image: url(../img/menu/nutritional-info.gif);
 	}
	*/
	div#menu ul li.our-drinks a {
		background-image: url(../img/menu/our-drinks.gif);
 	}	
	div#menu ul li.our-drinks a:hover {
		background-image: url(../img/menu/our-drinks_med.gif);
 	}	

	div#menu ul li.good-nutrition a {
		background-image: url(../img/menu/good-nutrition.gif);
 	}	
	div#menu ul li.good-nutrition a:hover {
		background-image: url(../img/menu/good-nutrition_med.gif);
 	}	
		
	div#menu ul li.share-your-ideas a {
		background-image: url(../img/menu/share-your-ideas.gif);
 	}	
	div#menu ul li.share-your-ideas a:hover {
		background-image: url(../img/menu/share-your-ideas_med.gif);
 	}		
	div#menu ul li.register a {
		background-image: url(../img/menu/register.gif);
 	}		
	div#menu ul li.register a:hover {
		background-image: url(../img/menu/register_med.gif);
 	}			
	
	div#menu ul.submenu {
		list-style-type: none;
		margin: 0px 0px 0px 17px;
		padding: 0px;
		color: #fff;
		font-weight: bold;	
		display: none;	
	}
	div#menu ul.submenu li a {
		display: block;
		width: 175px;
		height: auto;
		padding: 0px 0px 0px 10px;
		margin-left: 10px;
		background-image: none;
		overflow: auto;
		color: #fff;
		font-weight: bold;
	}	
	
	div#menu ul.submenu li a:hover {
		background: transparent url(../img/bullets/small_white.gif) left center no-repeat;
	}		
	
	
			
	div#menu a.bft {
		display:none;
		/*
		margin: 15px 0px 20px 26px;
		display: block;
		*/
	}				
	div#body {
		float: left;
		width: 640px;
		margin: 100px 0px 20px 0px;
	}
	
	div#body div.upper {
		height: 20px;
		overflow: hidden;
	}
	div#body div.body {
		background-color: #fff;
	}
	div#body div.body h1 {
		with: 620px;
		margin: 0px 0px 0px 20px;
		height: 0px;
		padding-top: 42px;
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: top left;
	}
	
	div#body div.body p.intro, div#body div.body p.sub_intro, div#body div.body p.message {
		margin: 1em 240px 1em 20px;
		font-weight: bold;
	}	
	div#body div.body p.message {
		color: #304b9a;
		margin-right: 20px;
	}
	
	div#body div.body p.sub_intro {
		margin: 1em 20px 1em 20px;
		font-weight: normal;
	}		
	
	div#body div.body div.header {
		padding: 5px 20px 20px 20px;
	}
	
	
	div#body div.body div.content {
		padding: 5px 20px 20px 20px;
		clear: left;
	}
	
	div#body div.body div.content p.intro {
		margin: 1em 70px 1em 0px;
		font-weight: normal;
	}
	
	div#body div.lower {
		height: 75px;
		overflow: hidden;
	}		
	
	div#footer {
		padding: 3px 0px 10px 0px;
		text-align:center
	}
	div#footer p {
		margin: 3px 0px 3px 0px;
	}
	div#footer a {
		color: #304b9a;
		text-decoration: none;
	}
	
	/* I suspect we'll use this in a few places: */
	
	div.green_button, div.green_button div {
		height: 26px;
		cursor: pointer;
	}
	div.green_button div {
		float: left;
	}									
	div.green_button div.left, div.green_button div.right {
		width: 10px;
		overflow: hidden;
		background: #6abf4d url(../img/buttons/green_left.gif) no-repeat;
	}
	div.green_button div.right {
		background: #6abf4d url(../img/buttons/green_right.gif) no-repeat;
	}
	div.green_button div.text {
		background: #6abf4d url(../img/buttons/green_bg.gif) repeat-x;
		padding: 4px 2px 0px 2px;
		height: 22px;
	}
	div.green_button div.text a {
		font-weight: bold;
		color: #fff;
	}