/* CSS Document */

/*IDS*/

body{text-align:center; margin:0px; font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;}
	#Container{width:900px; text-align:left; margin-left:auto; margin-right:auto;}
		#Header{height:116px; background-image: url("/graphics/design/peelStrip.jpg"); background-position:top left; border-bottom:1px solid #666666;}
			#HeaderLinks1{width:410px; height:25px; float:right;}
			#HeaderLinks2{width:250px; height:25px; float:right; text-align:right;}
			#Menu{width:660px; float:right; color:#999999; height:50px; margin-top:38px;}
		#Content{}
		#Footer{background-image: url("/graphics/design/peelStrip.jpg"); background-position:top left; height:26px; border-bottom:6px solid #439539; clear:both; color:#FFFFFF; padding-left:20px; padding-top:10px; font-size:0.85em; border-top:1px solid #666666;}

/*homepage only*/

#Focus{height:261px; margin-top:2px; background-image: url("/graphics/examples/focus.jpg");}
	#FocusTextTop{height:42px; width:598px; background-color:#37902f; float:left; filter: alpha (opacity=70); -moz-opacity: 0.7; opacity: 0.7;  position:relative; }
	#FocusTextBottom{height:43px; width:376px; background-color:#37902f; float:right; margin-top:168px;  filter: alpha (opacity=70); -moz-opacity: 0.7; opacity: 0.7;}

#Content1{float:left; width:200px; margin:10px; margin-top:0px; width:256px; margin-right:0px; display:inline;}
#Content2{float:left; width:328px; margin:10px; margin-top:0px; margin-left:20px; margin-right:0px;}
#Content3{float:left; width:256px; margin:10px; margin-top:0px; margin-left:20px;}

/*not homepage*/

#Tabs{background-image: url("/graphics/design/tabs_top.gif"); width:193px; float:left; margin-right:20px; background-repeat:no-repeat; margin-top:24px; height:250px;}

#SectionFocus{height:277px; background-position:right; background-repeat:no-repeat; padding-right:420px; border-bottom:1px solid #666666; }

#SectionFocus #Tabs{ float:left; margin-right:30px;}

#SectionFocus h1{ margin-top:20px;}

#SectionFocus.bags{background-image: url("/graphics/examples/sectionFocus.jpg");}
#SectionFocus.segments{background-image: url("/graphics/content/focus/segments.jpg");}
#SectionFocus.slices{background-image: url("/graphics/content/focus/slices.jpg");}
#SectionFocus.slices2{background-image: url("/graphics/content/focus/slices2.jpg");}
#SectionFocus.sugar{background-image: url("/graphics/content/focus/sugar.jpg");}

/* article*/

#Content.article{padding:0px; float:right; width:670px;}
#rhCol{float:right; width:200px; margin-top:30px; background-color:#CCCCCC; height:350px; margin-left:10px; padding:5px}

/*ELEMENTS*/

a{ color:#4a9021;}

h2{color:#ff6b04; font-size:0.9em; background-image: url("/graphics/design/arrows/arrow1.jpg"); background-repeat:no-repeat; background-position:0px 5px; padding-left:13px; margin-top:0px; padding-top:0px; font-weight:bold; margin-bottom:5px;}

h1{color:#ff6b04; font-size:1.5em; margin-top:30px; margin-bottom:5px;}

h2 a{color:#ff6b04; text-decoration:none;}

h3{color:#555555; font-size:0.9em; margin-top:0px; padding-top:0px; font-weight:bold; margin-bottom:0px;}

p{color:#333333; font-size:0.75em; margin-top:0px; margin-bottom:10px; line-height:1.3em;}

ul,ol{ margin-left:30px; padding-left:0px; margin-top:0px; padding-top:0px;}

#Content li{ font-size:0.75em; padding-left:0px; margin-left:0px;	color:#333333;}
#Content li li{ font-size:1em;}
#Content li li li{ font-size:1em;}


a:hover{ text-decoration:underline;}

/*GENERAL CLASSES*/

.left{ float:left}
.right{ float:right}

/*SPECIFIC CLASSES*/

.logo{float:left; margin-left:52px; margin-top:12px; display:inline;}
.headerLinks1{list-style-type:none; margin:0; padding:0; padding-top:5px; font-size:0.75em;}
	.headerLinks1 li{display:inline; padding-left:10px; padding-right:8px;}
		.headerLinks1 li a{color:#333333; text-decoration:none;}
		.headerLinks1 li a:hover{text-decoration:underline}
		
.headerLinks2{list-style-type:none; margin:0; padding:0; padding-top:5px; font-size:0.75em; padding-right:20px;}
	.headerLinks2 li{display:inline; padding-left:10px; padding-right:8px;}
		.headerLinks2 li a{color:#333333; text-decoration:none;}
		.headerLinks2 li a:hover{text-decoration:underline}
		
.menu{list-style-type:none; margin:0; padding:0; font-size:1em; height:25px; font-weight:bold; padding-top:21px;}
	.menu li{display:block; margin-right:20px; float:left; cursor:pointer; background-color:#439539; border:1px solid white; padding-left:9px; padding-right:9px; height:23px; line-height:21px;}
		.menu li a{color:white; text-decoration:none;}
		.menu li.current a{color:#ff6b05;}
		.menu li.current{background-color:white; border:1px solid #439539; }
		
#Footer p {color:#006600; text-decoration:none; font-size:0.8em;}		
#Footer p a{color:#006600; text-decoration:none;}


.recipeThumb{float:left; width:320px; padding-right:7px; padding-left:7px;  padding-bottom:10px;  padding-top:10px;}

.recipeThumb img{float:left; margin-right:5px;}
.recipeThumb h2{margin:0px; text-decoration:none; font-size:0.85em; line-height:1.2em;}
.recipeThumb p{margin:0px; text-decoration:none; line-height:1.2em; float:right; width:230px;}

/*homepage only*/

.focusTextTop{float:left; clear:left; color:white; margin-top:-42px; position:relative; font-weight:normal; font-size:1.2em; width:598px; padding-left:20px; padding-right:10px; padding-top:10px; margin-bottom:0px; letter-spacing:0px;}
.focusTextBottom{float:right; clear:right;  margin-top:-42px; position:relative; font-weight:normal; font-size:1.2em; width:355px; padding-left:10px; padding-top:10px; margin-bottom:0px;letter-spacing:0px;}
	.focusTextBottom a{color:white; text-decoration:none; padding-right:35px; background-image: url("/graphics/design/arrows/arrow2.gif"); background-position:right; background-repeat:no-repeat;}

/*not homepage*/

.tabs{margin:0; padding:0; font-size:1em; font-weight:bold;  margin-bottom:-4px; margin-left:8px;}
	.tabs li{padding-left:15px; padding-right:15px; margin-bottom:1px; border-bottom:1px solid #419f41; padding-bottom:3px; line-height:20px; padding-top:2px;}
	
	.tabs li a{color:#419f41; text-decoration:none; margin:0px; padding:0px; padding-top:4px;}
	.tabs li:hover{background-image:url(/graphics/design/greenDot.gif); background-repeat:no-repeat; background-position:3px 8px}
	.tabs li.current{background-image:url(/graphics/design/orangeDot.gif); background-repeat:no-repeat; background-position:3px 8px}
	.tabs li.current a{color:#ff6b05;}
		
	.tabs li.first a{color:#FFFFFF;}
	.tabs li.first:hover{background-image:url(/graphics/design/whiteDot.gif); background-repeat:no-repeat; background-position:3px 8px}
	.tabs li.first.current{background-image:url(/graphics/design/whiteDot.gif); background-repeat:no-repeat; background-position:3px 8px}
	



	
.quart{width:20%;margin:15px 2% 15px 2.5%;float:left;}
.fifth{width:18%;margin:15px 1% 15px 1%;float:left;}

.clear{overflow:hidden; height:1px; width:1px; line-height:1px; clear:both;}