html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background-color: #D7F9B0
} 

p { font-size: 10px; !important;font-size: 70%; line-height: 133%; font-family: Arial, Helvetica, sans-serif; color: #666; }
h1,h2,h3 { margin: 0px; padding: 0px; }
 
a { color: #336633; }
 
#pagewidth{
	width:748px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;

} 
 
 
#extraDiv2 { position: absolute; left: 0px; top: 0px; width: 748px; height: 800px; background: url(images/body_bg.gif) repeat-y #fff;} 

#extraDiv1 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 51px;
	background: url(images/header_bg.gif) left top repeat-x;

} 

#bottombanner {
	position: relative;
	left: 0px;
	bottom: -100px;
	width: 100%;
	height: 51px;
	background: url(images/footer_bg.gif) left  bottom repeat-x;
}

#Yummy {
	position: relative;
	left: -20px;
	top: -310px;
	z-index: 2;
	width: 463px;
	margin: 0px;
	padding: 0px;
	background: url(images/name.gif) top left no-repeat;
	height: 121px;
	visibility: visible;
} 
 
 #pageHeader h1 {
	position: absolute;
	left: 0px;
	top: -51px;
	z-index: 2;
	width: 237px;
	height: 176px;
	margin: 0px;
	padding: 0px;
	background: url(images/logo.gif) left top no-repeat;
	visibility: visible;
}
#pageHeader h1 span,#pageHeader h2 { position: absolute; left: -9999px; }

 #under {
	position: relative;
	left: 0px;
	bottom: -151px;
	z-index: 2;
	width: 237px;
	height: 176px;
	margin: 0px;
	padding: 0px;
	background: url(images/under.gif) left bottom no-repeat;
}
#under h1 span,#under h2 { position: absolute; left: -9999px; }
 
#container { background: url(images/rightside_top.gif) 0px 0px no-repeat; width: 510px; margin: 48px 0px 0px 0px; padding-top: 12px; } 
 
 
 
#linkList {
	position: absolute;
	left: 13px;
	top: 120px;
	width: 212px;
	background: url(images/leftside_bg.gif) left top repeat-x;
}

#lselect { width: 212px; background: url(images/list_bg.gif) left top repeat-y; }
#lselect h3 { background: url(images/select_tit.gif) left top no-repeat; width: 212px; height: 0px !important;height /**/:35px; padding-top: 35px; display: block; overflow: hidden; }
#lselect ul { margin: 0px; padding: 0px 0px 0px 2px; list-style-type: none; font-size: 10px; !important;font-size: 70%; font-family: Arial, Helvetica, sans-serif; }
#lselect li { padding: 5px 5px 5px 5px; margin: 0px; width: 196px !important;width /**/:206px; text-align: left; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #e9e9e9; border-bottom-color: #FFFFFF; display: block; }
#lselect li:hover { background-color: #fff; } 
 
#rightsidebg {
	position: absolute;
	left: -8px;
	top: 17px;
	width: 506px;
	background: url(images/leftside_bg.png) left top repeat-x;
	height: 583px;
}
 
 
#container {
	background: url(images/rightside_top.gif) top left no-repeat;
	margin: 0px -10px;
	padding-top: 24px;
	z-index: 3;
}
 
 
 
 
 
#header{
	position:relative;
	height:51px;
	width:100%;
	visibility: visible;
} 
 
#leftcol{
 width:100px;
 height:500px; 
 float:left; 
 position:relative;  
 }
 
#maincol{
	float: right;
	display:inline;
	position: relative;
	
	width:500px;
	height:500px;
 }
 
#footer{
 height:20px; 
  background-color:#DaD8d8; 
 clear:both;
 } 
 
#basefooter{
width:248px;
 height:20px; 
 clear:both;
 } 
 
#supportingText {
	width: 488px;
	background: url(images/leaf.gif) right bottom no-repeat;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
} 


#supportinghead {
	width: 488px;
	background: url(images/veg.png) right bottom repeat-x;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
} 



#explanation { margin-bottom: 20px; padding-top: 30px; }
#explanation h3 { width: 458px; height: 0px !important;height /**/:24px; padding: 24px 0px 0px 0px; background: url(images/tit_02.gif) left top no-repeat; display: block; overflow: hidden;}
#explanation p { margin: 5px 0px 5px 20px; padding: 0px; }


 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}