html, body, #contents {
      	min-height: 100%;
      	width: 100%;
      	height: 100%;
      }
      
      /*
       * The "height" above is a hack for IE5+/Win.  Below we adjust
       * it using the child selector to hide from IE5+/Win
       */
      
      html>body, html>body #contents {
      	height: auto;
      }
      
      /*
       * Without this, Moz1.0 adds a vertical scrollbar
       */
      
      body {
      margin: 0;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
      }
      
      #contents {
      	position: absolute;
      	top: 0;
          left: 0;
      /*  Use the following to center this at 50% width, or this for 750px: width: 700px, margin-left: -350px: */
      /*
      	left: 50%;
          width: 50%;
          margin-left: -25%;
      */
      }




#body_style
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
/*	line-height: normal;
	font-weight: normal; */
	text-transform: none;
	color: #000000;
	text-align: justify;
/*	height:100%; */
	
	/* margin:100px 25%; 
	padding:0px;
	margin-left: auto;
    margin-right: auto;*/
    }
	

div.leftfloater { /* Makes elements align to the left */
float: left; 
}

div.rightfloater { /* Makes elements align to the right */
float: right; 
} 

div.clearleftfloater { /* Clears the effect of float:left on succeeding elements */
clear: left;
}

div.clearrightfloater { /* Clears the effect of float:right on succeeding elements */
clear: right; 
} 

div.clearboth {
clear: both;
}


#greenbgtop {
	background-color: #CCFFCC;
	width: 100%;
	height:97px;
	}




#logo {
	width: 164px;
	height: 97px;
	margin-left: 0px;
	margin-right: 10px;
	background-image: url(images/grafx_top/top_logo.png);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0;
}

#top_slogan {
	width: 271px;
	height: 97px;
	background-image: url(images/grafx_top/d_official_web.png);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0;
	}
	
#vicky_top {
	width: 84px;
	height: 97px;
	background-image: url(images/grafx_top/top_vicky.png);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0;
	}
	
	


#purplebar {
	background-color: #CCCCFF;
	width: 100%;
/*	height:2.1em;*/
	height:2.1em;
/*	margin-bottom:15px;*/
	margin-bottom:1em;
	text-align: center;
}
	
	
#nav {
	margin-top:0;
	margin-left:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	list-style: none;
	
	}


#nav ul {
	padding: 0;
	margin-left: -0.47em; /* to align parent layer and child layer */
	list-style: none;
	left:auto;
	
	}

a.parent {
	text-align: center;
}

/* to contain menu */
#navcontainer {
	width: 67em;
	}


/* width of <a> from the parent link */
#nav a { 
	display: block;
	width: 8em;
	text-decoration:none;
	padding: 0px;
	color: #FFFFFF;
	}
	
/* width of <a> link of dropdown */
#nav li ul li a { 
	color: #000000;
	display: block;
	width: 14em; /* width of <a> link */
	height: 1.5em;
	text-decoration:none;
	padding: 0.5em;
	text-align: left;
	}

	
#nav li ul li a:hover { 
	color: #9999FF;
	background-color: #CCFFCC;
	display: block;
	width: 14em; /* width of <a> link */
	height: 1.5em;
	text-decoration:none;
	padding: 0.5em;
	}	
		
	

#nav li {
	float: left;
	/*width: 10em;*/
	
	}

#clearleft {
	clear:left;
	}


/* light purple of parent links */
#nav li.outer {
	font-weight:bold;
	background-color: #CCCCFF;	
	text-decoration:none;
	padding: 5px 5px;

	}


#nav li.inner0 {
	font-weight:normal;
	background-color: #99CCFF;	
	text-decoration:none;
	margin-top:0.49em;
	/*padding: 5px;*/
	width: 15em;
	}

#nav li.inner0_active {
	font-weight:normal;
	background-color: #FFFFCC;	
	text-decoration:none;
	margin-top:0.49em;
	/*padding: 5px;*/
	width: 15em;
	}


/* class to keep the dropdown light blue */	
#nav li.inner {
	font-weight:normal;
	background-color: #99CCFF;	
	text-decoration:none;
	/*padding: 5px;*/
	width: 15em;
	}
		
#nav li.inner_active {
	font-weight:normal;
	background-color: #FFFFCC;	
	text-decoration:none;
	/*padding: 5px;*/
	width: 15em;
	}		
		

#nav li ul {
	position: absolute;
	width: 15em;
	left: -999em;
	list-style: none;
	}





#nav li:hover ul,
#nav li.sfhover ul {
	 left: auto;
	 }


/* dark purple hover of parent links */	
#nav li:hover,
#nav li.sfhover {
	 left: auto;
	 background-color:#9999FF;
	 color:#FFFFFF;
	 }

/* green shine of hover of child links */	 
#nav li ul li:hover,
#nav li ul li.sfhover {
	 left: auto;
	 background-color: #CCFFCC;
	 }
	 
	 
#nav-outershell
{
text-align: center;
}







#footer {
      	clear: both;
		position: absolute;
      	bottom: 0;
      	background-color: #ccffcc;
      	width: 70%; /* See note below */
      	text-align: center;
      	padding: 5px 15%;
      }
      
      /* SBMH -- see http://css-discuss.incutio.com/?page=BoxModelHack 
       * Stupid hack lets IE see 100%, others see 70%. 
       */
      #footer {
          \width: 100%;
          w\idth: 70%;
      }
	  
	  
/* ----- GREEN BULLET LIST ----- */


ul.specials {
	margin-top: 13px; /* The gap on top of the list touching the previous paragraph */
	margin-bottom: 0px; /* bottom gap of whole list */
	}

ul.specials li {		  /* <UL> is for positioning of the whole lists  */
	color: #6AA105;		  /* Green bullets for <LI> <ul class="specials"> */
	margin-left: -25px;	  /* For leftward indent of the bullets */
	padding-bottom: 15px;
	} 

ul.specials li span {   /* Normal-colored text for <LI><SPAN> of <ul class="specials"> */
	font: normal 13px verdana, arial, sans-serif;
	margin-left: 0;
	padding-left: 0;
	list-style: disc outside;
	color: #000000;
	} 

ul.specials li span.span2 {   /* Bold black text for <LI><SPAN class="span2"> of <ul class="specials"> */
	font: bold 13px verdana, arial, sans-serif;
	margin-left: 0;
	padding-left: 0;
	list-style: disc outside;
	color: #000000;
	} 

ul.specials li span.span3 {   /* Bold-italicized black text for <LI><SPAN class="span3"> of <ul class="specials"> */
	font: bold italic 13px verdana, arial, sans-serif;
	margin-left: 0;
	padding-left: 0;
	list-style: disc outside;
	color: #000000;
	} 	
	

/* ----- GREEN BULLET LIST ----- */	  

	  
	  
	  
/* ----- GREEN BULLET LIST WITH SMALLER OUTER MARGINS ----- */


ul.specials2 {
	margin-top: 10px; /* The gap on top of the list touching the previous paragraph */
	margin-bottom: 0px; /* bottom gap of whole list */
	}

ul.specials2 li {		  /* <UL> is for positioning of the whole lists  */
	color: #6AA105;		  /* Green bullets for <LI> <ul class="specials2"> */
	margin-left: -25px;	  /* For leftward indent of the bullets */
	padding-bottom: 5px;
	} 

ul.specials2 li span {   /* Normal-colored text for <LI><SPAN> of <ul class="specials2"> */
	font: normal 13px verdana, arial, sans-serif;
	margin-left: 0;
	padding-left: 0;
	list-style: disc outside;
	color: #000000;
	} 

ul.specials2 li span.span2 {   /* Bold black text for <LI><SPAN class="span2"> of <ul class="specials2"> */
	font: bold 13px verdana, arial, sans-serif;
	margin-left: 0;
	padding-left: 0;
	list-style: disc outside;
	color: #000000;
	} 

ul.specials2 li span.span3 {   /* Bold-italicized black text for <LI><SPAN class="span3"> of <ul class="specials2"> */
	font: bold italic 13px verdana, arial, sans-serif;
	margin-left: 0;
	padding-left: 0;
	list-style: disc outside;
	color: #000000;
	} 	
	

/* ----- GREEN BULLET LIST WITH SMALLER OUTER MARGINS----- */	  

	  
	  

/* ----- BULLET LIST FOR TOP LINKS ----- */	  

ul.toplinks {
	margin-top: 10px; /* The gap on top of the list touching the previous paragraph */
	margin-bottom: 0px; /* (default is 20px, if no or 1 link is shown); bottom gap of whole list */
						/* change to 0px if there's more than 1 link, okay? */
	}

ul.toplinks li {		  /* <UL> is for positioning of the whole lists  */
	color: #FF6699;		  /* Pink bullets for <LI> <ul class="toplinks"> */
	margin-left: -25px;	  /* For leftward indent of the bullets */
	padding-bottom: 5px;
	} 

ul.toplinks li span {   /* Normal-colored text for <LI><SPAN> of <ul class="toplinks"> */
	font: normal 10px verdana, arial, sans-serif;
	margin-left: 0;
	padding-left: 0;
	list-style: disc outside;
	color: #000000;
	} 

ul.toplinks li span.span2 {   /* Bold black text for <LI><SPAN class="span2"> of <ul class="toplinks"> */
	font: bold 10px verdana, arial, sans-serif;
	margin-left: 0;
	padding-left: 0;
	list-style: disc outside;
	color: #000000;
	} 

ul.toplinks li span.span3 {   /* Bold-italicized black text for <LI><SPAN class="span3"> of <ul class="toplinks"> */
	font: bold italic 10px verdana, arial, sans-serif;
	margin-left: 0;
	padding-left: 0;
	list-style: disc outside;
	color: #000000;
	} 	
	
ul.toplinks li a {		  /* links  */
	color: #3366CC;	
	text-decoration: none;	  
	} 

ul.toplinks li a:hover {  /* links hovered */
	color: #FF0000;
	text-decoration: underline;		  
	} 



/* ----- BULLET LIST FOR TOP LINKS ----- */	  

	  
	  
	  
	  
	  
	  
	  
	  
	  
#main {
      	
		margin-bottom: 5em;
      	height: auto;
      	/*padding: .5em; */ 
      }
	  
	  
#info {
	margin: 0 auto;
	width: 700px;
	/*width: 80%;*/
	font-size: 13px;
	background-color: #FFFFFF;
	text-align: justify;
}

#info2 {
	margin: 3px auto;
	width: 700px;
	/*width: 80%;*/
	font-size: 13px;
	background-color: #FFFFFF;
	text-align: justify;	
}


#info_small {
	margin: 0 auto;
	width: 700px;
	/*width: 80%;*/
	font-size: 10px;
	background-color: #FFFFFF;
	text-align: center;
}



#mainpage_text {
	width: 530px;
	/*width: 80%;*/
	font-size: 11px;
	font-weight: bold;
	background-color: #FFFFFF;
	text-align: center;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
}

#textright {
	text-align: right;
	}

.black10 {
	color: #000000;
	font-size: 10px;
	font-weight: normal;
	}

.blackbold10 {
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	}	

.black_bold {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}

.black_bold11 {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
}


.black_italbold {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
}

.black_ital {
	color: #000000;
	font-size: 13px;
	font-style: italic;
}

.darkpurple_bold {
	color: #9999FF;
	font-size: 13px;
	font-weight: bold;
	}
	
.darkerpurple_bold {
	color: #6666CC;
	font-size: 13px;
	font-weight: bold;
	}
	
.darkerpurple_bold10 {
	color: #6666CC;
	font-size: 10px;
	font-weight: bold;
	}
	
.darkpink_bold10 {
	color: #CC3366;
	/*color: #FF6699;*/
	font-size: 10px;
	font-weight: bold;
	
	}

.red_bold {
	color: #FF0000;
	font-size: 13px;
	font-weight: bold;
	}

.red10 {
	color: #FF0000;
	font-size: 10px;
	font-weight: normal;
	}	

h1.darkpurple {
	color: #9999FF;
	font-size: 15px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 10px;
	
}	

h1.darkpurple2 {
	color: #9999FF;
	font-size: 15px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 0px;
}


h1.darkpurple3 {
	color: #9999FF;
	font-size: 15px;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 0px;
	
}



/* GREEN HOVER ------------ */

A.green:link {
			font-family: Verdana, Arial, Helvetica, sans-serif;
		/*	margin: 0px 5px;
			vertical-align:middle; */
			font-size: 13px;
			 
			color: #669900;
			text-decoration: none;
			} 
A.green:visited {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 13px;
		/*	margin: 0 5px;
			vertical-align:middle; */
			color: #669900;
			text-decoration: none;
			}
A.green:active {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 13px;
		/*	margin: 0 5px
			vertical-align:middle; */
			color: #669900;
			text-decoration: none;
			} 
A.green:hover {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 13px;
		/*	vertical-align:middle; */
			color: #FF0000;
			background-color: #FFFFFF;
			text-decoration: underline;
			 
			}
			
			
/* GREEN HOVER (smaller links) ------------ */

A.green10:link {
			font-family: Verdana, Arial, Helvetica, sans-serif;
		/*	margin: 0px 5px;
			vertical-align:middle; */
			font-size: 10px;
			 
			color: #669900;
			text-decoration: none;
			} 
A.green10:visited {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
		/*	margin: 0 5px;
			vertical-align:middle; */
			color: #669900;
			text-decoration: none;
			}
A.green10:active {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
		/*	margin: 0 5px
			vertical-align:middle; */
			color: #669900;
			text-decoration: none;
			} 
A.green10:hover {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
		/*	vertical-align:middle; */
			color: #FF0000;
			background-color: #FFFFFF;
			text-decoration: underline;
			 
			}
			
			

/* GREEN HOVER BOLD ITALICIZED------------ */

A.green_bolditalic:link {
			font-family: Verdana, Arial, Helvetica, sans-serif;
		/*	margin: 0px 5px;
			vertical-align:middle; */
			font-size: 13px;
			font-weight: bold;
			font-style: italic; 
			color: #669900;
			text-decoration: none;
			} 
A.green_bolditalic:visited {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 13px;
			font-weight: bold;
			font-style: italic; 
		/*	margin: 0 5px;
			vertical-align:middle; */
			color: #669900;
			text-decoration: none;
			}
A.green_bolditalic:active {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 13px;
			font-weight: bold;
			font-style: italic; 
		/*	margin: 0 5px
			vertical-align:middle; */
			color: #669900;
			text-decoration: none;
			} 
A.green_bolditalic:hover {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 13px;
			font-weight: bold;
			font-style: italic; 
		/*	vertical-align:middle; */
			color: #FF0000;
			background-color: #FFFFFF;
			text-decoration: underline;
			 
			}
			
			
			
			
			
			
			
#recipeheader {
			font-size: 13px;
			font-weight: bold;
			background-color: #9999FF;
			color: #FFFFFF;
			padding: 3px 2px;
			margin-top: 2px;
			margin-bottom: 15px;
			}
			
#ingredients {
			border-left: solid 1px #9999FF;
			margin-top: 5px;
			margin-bottom: 5px;
			padding-left: 10px;
			}
			
p {
  margin-bottom: 5px;		
  }
  
p.p1 {
  margin-bottom: 10px;		
  }
  
p.p2 {
  margin-top:5px;
  margin-bottom: 0px;		
  }
  
#pressrelease1 {
	font-size:10px;
	color: #000000;
	font-weight: bold;
	width: 700px;
	/*border-bottom: solid 1px #000000;*/
	}
	
#pressrelease2 {
	font-size:10px;
	color: #000000;
	font-weight: bold;
	width: 700px;
	bottom: solid 1px #000000;*/
	}
	
	
#topwhatsnew {
	font-size: 10px;
	/*width: 250px;*/
	color: #000000;
	background-color: #FFFFCC;
	padding: 5px;
	margin-top: 0.75em;
	margin-right: 10px;
	}
	
#mid {
	text-align: center;
}

#topnewsbox {
	width: 210px;
	text-align: justify;
	}
	
#mainpage_line {
	font-size: 10px;
	border-top: 1px solid #000000;
	padding-top: 10px;
	width: 500px;
	
	}
	
	
/* FOR THE FORM */	
	
input.green {
	background-color: #CCFF66;
	border-style: solid; 
	border-width: 1px;
	border-color: #6AA105;
	letter-spacing: .01em;
	font-weight: normal;
	font-size: 11px;
	color: #000000;
	}
	
input.errortext {
	background-color: #FF0000;
	border-style: solid; 
	border-width: 1px;
	border-color: #6AA105;
	letter-spacing: .01em;
	font-weight: normal;
	font-size: 11px;
	color: #FFFFFF;
	}

input.orange {
	background-color: #FF6600;
	border-style: none; 
/*  border-width: 1px;
	border-color: #6AA105; 
	font-weight: normal; */
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 2px;
	}
	
	
input.darkgreen {
	background-color: #6AA105;
	border-style: none; 
/*  border-width: 1px;
	border-color: #6AA105; 
	font-weight: normal; */
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 2px;
	}	

input.whitenoborder {
	background-color: #FFFFFF;
	border-style: none; 
/*  border-width: 1px;
	border-color: #6AA105; */
	font-weight: bold;
	font-size: 10px;
	color: #000000;
	
	}

select.green {
	background-color: #CCFF66;
	border-style: solid; 
	border-width: 1px;
	border-color: #6AA105;
	letter-spacing: .01em;
	font-weight: normal;
	font-size: 11px;
	color: #000000;
	}

textarea.green {
	background-color: #CCFF66;
	border-style: solid; 
	border-width: 1px;
	border-color: #6AA105;
	letter-spacing: .01em;
	font-weight: normal;
	font-size: 11px;
	color: #000000;
	}

textarea.errortext {
	background-color: #FF0000;
	border-style: solid; 
	border-width: 1px;
	border-color: #FF0000;
	letter-spacing: .01em;
	font-weight: normal;
	font-size: 11px;
	color: #FFFFFF;
	}

.redtextshow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: .05em;
	font-weight: normal;
	color: #FF0000;
	}	

	
#form_width {
	width: 475px;
	background-color: #FFFFCC;
	padding: 10px;
	border: 1px solid #6AA105;
	margin-bottom: 5px;
}	

#form_1st_col {
	width: 70px;
	margin-right: 10px;
	margin-top: 10px;
	}


/* for the 1st item only */
#form_1st_col_1 {
	width: 70px;
	margin-right: 10px;
	margin-top: 25px;
	}

/* for the 1st item only */
#form_1st_col_2 {
	width: 70px;
	margin-right: 5px;
	margin-top: 25px;
	}


#form_2nd_col {
	/*width: 200px;*/
	margin-right: 10px;
	margin-top: 10px;
}

/* for the 1st item only */
#form_2nd_col_1 {
	width: 200px;
	margin-right: 10px;
	margin-top: 25px;
	}


#form_header {
	width: 470px;
	font-weight: bold;
	font-size: 14px;
	color: #6AA105;
	border-bottom: 1px solid #FF9900;
	padding-bottom: 0;
		
}	
	
/* END OF FORM STYLES */