@charset "utf-8";

body {
	text-align: center;
	margin:0px;
	background-color:#E6D2E6; /*#1F8420; #FFCCFF; #E6D2E6;*/
}

/******  HOMEPAGE ******/

img {border:0px;}

div#container {
	margin-left: auto; 
	margin-right: auto;
	width: 1020px;
	background-color:white;
	border:1px solid #CE94CD;	
}

#topnav td {
	background-color:#800080;
	border-right:1px solid white;
	border-top:0px solid white;
	border-bottom:1px solid white;
	width:169px;
	height:26px;
}

#leftnav {background-color:#800080;}

.footerstyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #dd0066;
}

.boxnormal {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	background-position: left top;
	letter-spacing: normal;
	text-align: left;
	word-spacing: normal;
	padding: 0px;
	margin-top:0px;
}


.boxheading {
	width:188px;
	height:80px;
	text-align:left;
	vertical-align:top;
}

h1.boxtitle {	
	font-size:18px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	margin:0px 0px 2px 0px;
}

/* border around content */
.bodyborder {
	border-top:8px solid #800080;
	border-right:8px solid #800080;
	border-bottom:8px solid #800080;
	border-left:2px solid #800080;
}	

/******  OTHER STYLES ******/

.styles_for_all {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}
.spacing_for_all {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	padding-top: 12px;
	padding-right: 46px;
	padding-bottom: 12px;
	padding-left: 46px;
}

.headlines a  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #009933;
	padding: 0px;
}

.headlines a:link {
	color: #009933;
	text-decoration:underline;
}

.headlines a:visited {
	color: #009933;
	text-decoration:underline;
}

.headlines a:hover {
	color: #009933;
	text-decoration:underline;
}

.headlines a:active {
	color: #009933;
	text-decoration:underline;
}

.headlinessmaller a  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #009933;
	padding: 0px;
}

.headlinessmaller a:link {
	color: #009933;
	text-decoration:underline;
}

.headlinessmaller a:visited {
	color: #009933;
	text-decoration:underline;
}

.headlinessmaller a:hover {
	color: #009933;
	text-decoration:underline;
}

.headlinessmaller a:active {
	color: #009933;
	text-decoration:underline;
}

.button1 {
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	
}

a:link { 
	color: #003399;
	text-decoration: underline;
}

a:visited {
	color: #003399;
	text-decoration: underline;
}

a:hover {
	color: #003399;
	text-decoration: underline;	
}

a:active {
	color: #003399;
	text-decoration: underline;
}

.bodycopy a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color:#000000;
	text-decoration: underline;
	padding: 0px;
}

.bodycopy a:link {
	color: #003399;
	text-decoration: underline;
}

.bodycopy a:visited {
	color: #003399;
	text-decoration: underline;
}

.bodycopy a:hover {
	color: #003399;
	text-decoration: underline;
}

.bodycopy a:active {
	color: #003399;
	text-decoration: underline;
}

.bodycopy a:link {
	color: #003399;
	text-decoration: underline;
}

.contactpage, .contactpage a  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 24px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	padding: 0px;
}

.contactpage a:hover {
	color: #000;
	text-decoration: underline;
}

.padding {
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
}
.subhead, .subhead a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #990099;
	line-height: 18px;
}

.subhead a:link {
	color: #990099;
	text-decoration: underline;
}

.subhead a:visited {
	color: #990099;
	text-decoration: underline;
}

.subhead a:hover {
	color: #990099;
	text-decoration: underline;
	
}
.subhead a:active {
	color: #990099;
	text-decoration: underline;
}

.division {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
	color: #FF0066;
	font-variant: normal;
	text-transform: none;
	line-height: 36px;
}

.captions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

.buttons, a.buttons  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 17px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
}

a.buttons:link {
	color: #ffffff;
	text-decoration:none;
}

a.buttons:visited {
	color: #ffffff;
	text-decoration:none;
}

a.buttons:hover {
	color: #ffffff;
	text-decoration:underline;
}

a.buttons:active {
	color: #ffffff;
	text-decoration:none;
}

.footer, a.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	padding-right: 20px;
	text-align: right;
	vertical-align: middle;
}

a.footer:link {
	color: #ffffff;
	text-decoration:underline;
}

a.footer:visited {
	color: #ffffff;
	text-decoration:underline;
}

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

a.footer:active {
	color: #ffffff;
	text-decoration:underline;
}

.sidebuttons, .sidebuttons a  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	color: #ffffff;
	line-height: 26px;
	background-position: left top;
	top: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.sidebuttons a:link {
	color: #ffffff;
	text-decoration:none;
}

.sidebuttons a:visited {
	color: #ffffff;
	text-decoration:none;
}

.sidebuttons a:hover {
	color: #ffffff;
	text-decoration:underline;
}

.sidebuttons a:active {
	color: #ffffff;
	text-decoration:none;
	}
	
.headlines2 a  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ff6600;
	padding: 0px;
}

.headlines2 a:link {
	color: #ff6600;
	text-decoration:underline;
}

.headlines2 a:visited {
	color: #ff6600;
	text-decoration:underline;
}

.headlines2 a:hover {
	color: #ff6600;
	text-decoration:underline;
}

.headlines2 a:active {
	color: #ff6600;
	text-decoration:underline;
}
.headlines3, .headlines3 a  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #dd0066;
	padding: 0px;
}

.headlines3 a:link {
	color: #dd0066;
	text-decoration:underline;
}

.headlines3 a:visited {
	color: #dd0066;
	text-decoration:underline;
}

.headlines3 a:hover {
	color: #dd0066;
	text-decoration:underline;
}

.headlines3 a:active {
	color: #dd0066;
	text-decoration:underline;
}

.headlinesl, .headlinesl a  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-style: normal;
	line-height: 25px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #009933;
	padding: 0px;
}

.headlinesl a:link {
	color: #009933;
	text-decoration:underline;
}

.headlinesl a:visited {
	color: #009933;
	text-decoration:underline;
}

.headlinesl a:hover {
	color: #009933;
	text-decoration:underline;
}

.headlinesl a:active {
	color: #009933;
	text-decoration:underline;
}
.toc, .toc a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color:#000000;
	text-decoration: underline;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
}

.toc a:link {
	color: #003399;
	text-decoration: underline;
}

.toc a:visited {
	color: #003399;
	text-decoration: underline;
}

.toc a:hover {
	color: #003399;
	text-decoration: underline;
}
.toc a:active {
	color: #003399;
	text-decoration: underline;
}
.kids {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	background-position: center top;
}


p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color:#000000;
	padding: 0px;
	margin:0px;
}

.fruitlist  { 
	text-align: left; 
	text-indent: -50px; 
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
    margin-left: 5px;
	margin-top: 0px;
	list-style-type: none;	
}

.fruitlisttoc  {
	text-indent: -20px; 
	text-align: left; 	
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
    margin-left: 5px;
	margin-top: 0px;
	list-style-type: none;	
	font-weight: bold; 
}

.fruitlisttocsub  {
	text-indent: 0px; 
	text-align: left; 	
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
    margin-left: 5px;
	margin-top: 0px;
	list-style-type: none;	
	font-weight: bold; 
}

.fruitlistnoindent  { 
	text-align: left; 
	text-indent: 0px; 
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
    margin: 3px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;	
}

.caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	font-weight: normal;
	margin:0px 0px 17px 0px;
	width:240px;
}

.contentpadding {
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	
}

.whathapheadlines{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #009933;
}

.emaillist {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color:#000000;
	padding: 0px;
	margin:0px;
}

.purple {color:#800080;}

/**** HEADING *****/

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
	color: #FF0066;
	font-variant: normal;
	text-transform: none;
	line-height: 36px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-style: normal;
	line-height: 25px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #009933;
	padding: 0px;
	margin:20px 0px 0px 0px;
}

h3  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #990099;
	padding: 0px;
	margin:20px 0px 0px 0px;
}

.nm  {margin:0px;}	
.tm  {margin:20px 0px 0px 0px;}	  

h2.headlines{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #009933;
	padding: 0px;
	margin:0px 0px 3px 0px;
}

h2.headlinessmaller{
	font-family: Arial, Helvetica, sans-serif;
	color: red;
	font-size: 15px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;	
	padding: 0px;
	margin:0px 0px 3px 0px;
}


h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;	
	padding: 0px;
	margin:10px 0px 0px 0px;
}

.orange {color: #ff6600;}
.redish {color: #dd0066;}
.green {color: #009933;}

.tip {	
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;	
}

#recipes p {margin:20px 0px 0px 0px;}	  

#links a {color: #003399;}
#links p {margin:0px 0px 17px 0px;}	  
#links p.nm {margin:0px 0px 0px 0px;}	  

#skiptocontent a {
	position:absolute;
	left:-999em;
	overflow:hidden;
}

#createchange p {
	margin:10px 0px 10px 0px;
}

#nutrition101 p {
	margin:10px 0px 10px 0px;
}


/***********GOOGLE **************/

.cse-branding-bottom,
.cse-branding-right {
margin:0;
padding:0
}
.cse-branding-bottom,
.cse-branding-right {
/*zoom: 1;*/
}
.cse-branding-bottom:after,
.cse-branding-right:after {
/*content: ".";*/
display: block;
height: 0;
clear: both;
visibility: hidden
}
.cse-branding-text { 
font: 10px Arial;
}
.cse-branding-form form {
margin-bottom: 0;
padding-bottom: 0;
}
/* Bottom-specific selectors */
.cse-branding-bottom .cse-branding-logo, 
.cse-branding-bottom .cse-branding-text {
display: block; 
float: left
}
.cse-branding-bottom .cse-branding-form {
margin-bottom: 3px;
}
.cse-branding-bottom .cse-branding-logo {
padding: 0
}
.cse-branding-bottom .cse-branding-text {
padding-top: 4px
}
.cse-branding-right .cse-branding-form {
float: left;
}
/* Right-specific selectors */
.cse-branding-right .cse-branding-logo, 
.cse-branding-right .cse-branding-text {
margin-left: 4px;
}
.cse-branding-right .cse-branding-form {
float: left;
margin-right: 4px;
}
.cse-branding-right .cse-branding-logo {
padding: 0
}
.cse-branding-right .cse-branding-text {
margin-top: -4px
}

/*********** END GOOGLE**************/

.ullist  { 
	text-align: left; 
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
    margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: disc;	
	line-height:17px;
}

td.bodycopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color:#000000;
	padding: 0px;
}

td.wakeform {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color:#000000;
	padding: 0px;
}

td.wwform {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color:#000000;
	padding: 0px;
}

td.wakeformright {
	text-align: left;
	font-style: normal;
	font-size: 14px;
	font-weight: normal;
	color:#000000;
}


#events td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color:#000000;
	padding: 0px;
	margin:0px;
	vertical-align:top;
}

.olproplist  { 
	text-align: left; 
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
    margin-left: 35px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height:20px;
}


ul.video {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color:#000000;
	padding: 0px;
	margin-left:40px;
	margin-top:5px;
	text-align:left;
}


/************** SCROLLER **********************/

#whatsnew{
	width:180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	/*text-align: center;	 DO NTO USE - messes up IE!!!*/
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}

/* root element for scrollable */
.vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 350px;	 
	width: 175px;
}

/* root element for scrollable items */
.items {	
	position:absolute;
	
	/* we use very large space for height here */	
	height:20000em;	
	margin: 0px;
}

/* single scrollable item */
.item {
	padding:5px;
	font-size:12px;
	height:360px;
	margin-left: auto; 
	margin-right: auto;
}

/* elements inside single item */
.item img {
	float:left;	
}

/* the action buttons above the scrollable */
#actions {
	width:176px;
	margin:0px;	
	padding:0px 2px 0px 3px;
}

#actions a {
	cursor:pointer;
	color:purple;
	font-size:14px;
	font-weight:bold;
	font-family:Arial;
}

#actions a:hover {
	text-decoration:none;
	/*
	text-decoration:underline;
	color:#000;
	*/
}

.disabled {
	visibility:hidden;		
}

.next {
	float:right;
}	
.prev {
	float:left;
}	

#whatsnew p {
	text-align:center;
	float:left;
	width:170px;
	border:0px solid red;
	margin-left: auto; 
	margin-right: auto;	
	margin-top:0px;
	margin-bottom:0px;	
    font-family:Arial;
}

#whatsnew p.tm {
	margin-top:10px;
}

#whatsnew a {
	font-size:14px;
	font-weight:bold;
	font-family:Arial;
}

#whatsnew a.wnhead {
	font-size:16px;
	font-weight:bold;
	font-family:Arial;
	color: #009933;
	text-decoration:none;
}

#whatsnew a.wnsubhead {
	font-size:14px;
	font-weight:bold;
	font-family:Arial;
	color: #990099;
}

#whatsnew p.wnhead {
	font-size:16px;
	font-weight:bold;
	font-family:Arial;
	color: #009933;
}

#whatsnew p.wnsubhead {
	font-size:14px;
	font-weight:bold;
	font-family:Arial;
	color: #990099;
}

/************** END SCROLLER ****************/