/*
background brown: #585147
background grey: #D4D2CF
link bar green: #66BC29
link highlight color: #EFF1E6
*/

body	{
	background-color:#585147;
}

#uberContainer	{	
	margin: 0 auto;
	width: 640px;
	height: 100%;
}

/* ????????????????????????????????????? attempt to fix dotted bottom-border: ???????????????????????????????????? */
a:link, a:active, a:hover, a:visited	{
	text-decoration: none;
	overflow:hidden; 
	outline:none;                   /*added outline:none*/
}

.textLink a:link, .textLink a:visited	{
	color: #32281B;
}

.textLink a:active, .textLink a:hover	{
	color: #66BC29;
}

/* ================================= HOMEPAGE ============================ */
/* ================================= HOMEPAGE ============================ */
/* ================================= HOMEPAGE ============================ */

#innerContainer {
	position:relative;
	height: 100%;
}


#hGreenLine {
	position:absolute;
	left:0px;
	top:84px;
	width:640px;
	height:2px;
	background-image: url('images/siteDesign/h-greenLine.gif');
	background-repeat: repeat-x;
}

#hImageBar{
	position:absolute;
	left:0px;
	top:86px;
	width:640px;
	height:197px;
	background-image: url('images/siteDesign/h-imageBar.jpg');
}

#hTitle {
	position:absolute;
	left:23px;
	top:283px;
	width:595px;
	height:41px;
	background-image: url('images/siteDesign/h-title.gif');
	font-size: 1px;
	color: #6A6053;
	text-indent:-1000em;
}

#hLinks	{
	position:absolute;
	left:108px;
	top:484px;
	width:425px;
	height:24px;
	z-index:3;
}

#hLinks ul.links, #sLinks ul.links {
	position: relative;
	margin-top: 0px;
	padding: 0;
	list-style: none;
	margin-left:0px;
	z-index:4;
}

#hLinks ul.links li a {
	display: inline;  
	float:left;
	width: 85px;
	height: 23px;
	font-size: 1px;
	text-indent: -1000em;
	color:#6A6053;
	background-image: url('images/siteDesign/h-links.gif');
}

#hLinks ul.links li.theCookery a 		{ 
	position:absolute; 
	left: 0px; 
	top: 0px; 
	width:85px;
	background-position: 0px 0px; 
}

#hLinks ul.links li.thePantry a 		{ 
	position:absolute; 
	left: 170px; 
	top: 0px; 
	width:85px;
	background-position: -85px 0px; 
}

#hLinks ul.links li.whosTheCook a 		{ 
	position:absolute; 
	left: 85px; 
	top: 0px; 
	width:85px;
	background-position: -170px 0px; 
}

#hLinks ul.links li.whatsCooking a 		{ 
	position:absolute; 
	left: 255px; 
	top: 0px; 
	width:85px;
	background-position: -255px 0px; 
}

#hLinks ul.links li.contactTheCook a 		{ 
	position:absolute; 
	left: 340px; 
	top: 0px; 
	width:85px;
	background-position: -340px 0px; 
}

#hLinks ul.links li.theCookery a:hover 	{ background-position: 0px -27px;   }
#hLinks ul.links li.thePantry a:hover   { background-position: -85px -27px; }
#hLinks ul.links li.whosTheCook a:hover   { background-position: -170px -27px; }
#hLinks ul.links li.whatsCooking a:hover   { background-position: -255px -27px; }
#hLinks ul.links li.contactTheCook a:hover   { background-position: -340px -27px; }

#hLinkDivider01	{
	position:absolute;
	left:193px;
	top:479px;
	width:2px;
	height:36px;
	background-image: url('images/siteDesign/h-linkDivider.gif');
	z-index:3;
}

#hLinkDivider02	{
	position:absolute;
	left:278px;
	top:479px;
	width:2px;
	height:36px;
	background-image: url('images/siteDesign/h-linkDivider.gif');
	z-index:3;
}

#hLinkDivider03	{
	position:absolute;
	left:363px;
	top:479px;
	width:2px;
	height:36px;
	background-image: url('images/siteDesign/h-linkDivider.gif');
	z-index:3;
}

#hLinkDivider04	{
	position:absolute;
	left:448px;
	top:479px;
	width:2px;
	height:36px;
	background-image: url('images/siteDesign/h-linkDivider.gif');
	z-index:3;
}

/* ================================= SUBPAGES ======================================= */
/* ================================= SUBPAGES ======================================= */
/* ================================= SUBPAGES ======================================= */

.sub	{
	background-image: url('images/siteDesign/bg-imageBar.jpg');
	background-repeat: repeat;
	background-color: #D4D2CF;
}

#sWrapper	{
	width: 640px; 
	margin: -15px auto 0px auto; 
	padding: 0px; 
	background-color:#D4D2CF;
	border: solid 1px #66BC29;
	background-image: url('images/siteDesign/s-contentBG.gif');
	background-repeat: repeat-y;
	overflow:hidden;
}

/* ================================= SUBPAGES LEFT======================================= */

#sContentLeft	{
	float: left; 
	width: 114px; 
	background-color: #585147; 
	border-right: solid 1px #66BC29;
	padding-bottom:10px;
}

.clear { clear: left;}

#sLinks	{
	position:relative;
	left:13px;
	top:120px;
	width:85px;
	height:352px;
	z-index:3;
}

#sLinks ul.links li a {
	display: inline;  
	float:left;
	width: 85px;
	height: 23px;
	margin-bottom:20px;
	font-size: 1px;
	text-indent: -1000em;
	color:#6A6053;
	background-image: url('images/siteDesign/h-links.gif');
}


#sLinks ul.links li.theCookery a 		{ 
	background-position: 0px 0px; 
}

#sLinks ul.links li.whosTheCook a 		{ 
	background-position: -85px 0px; 
}


#sLinks ul.links li.thePantry a 		{ 
	background-position: -170px 0px; 
}

#sLinks ul.links li.whatsCooking a 		{ 
	background-position: -255px 0px; 
}

#sLinks ul.links li.contactTheCook a 		{ 
	background-position: -340px 0px; 
}

#sLinks ul.links li.home a 		{ 
	background-position: -425px 0px; 
}

#sLinks ul.links li.theCookery a:hover 	{ background-position: 0px -27px;   }
#sLinks ul.links li.thePantry a:hover   { background-position: -170px -27px; }
#sLinks ul.links li.whosTheCook a:hover   { background-position: -85px -27px; }
#sLinks ul.links li.whatsCooking a:hover   { background-position: -255px -27px; }
#sLinks ul.links li.contactTheCook a:hover   { background-position: -340px -27px; }
#sLinks ul.links li.home a:hover   { background-position: -425px -27px; }

#sLinkDivider01	{
	position:absolute;
	left:21px;
	top:32px;
	width:49px;
	height:1px;
	background-color: #66BC29;
	z-index:3;
}

#sLinkDivider02	{
	position:absolute;
	left:21px;
	top:75px;
	width:49px;
	height:1px;
	background-color: #66BC29;
	z-index:3;
}

#sLinkDivider03	{
	position:absolute;
	left:21px;
	top:117px;
	width:49px;
	height:1px;
	background-color: #66BC29;
	z-index:3;
}

#sLinkDivider04	{
	position:absolute;
	left:21px;
	top:160px;
	width:49px;
	height:1px;
	background-color: #66BC29;
	z-index:3;
}

#sLinkDivider05	{
	position:absolute;
	left:21px;
	top:204px;
	width:49px;
	height:1px;
	background-color: #66BC29;
	z-index:3;
}

#sSideImages	{
	position:relative;
	left:5px;
	top:10px;
	width:106px;
	text-align:center;
	z-index:3;
}

.sSideImage	{
	position:relative;
	left:0px;
	top:12px;
	width:104px;
	height:auto;
	margin-bottom:5px;
	z-index:4;
}

/* ================================= SUBPAGES RIGHT======================================= */

#sContentRight	{
	float: right; 
	width: 524px;
	padding-bottom:10px;

}

#sPageHeader	{
	position:relative;
	top: 63px;
	left:-115px;
	width:640px;
	height:44px;
	background-image: url('images/siteDesign/s-pageHeader3.gif');
	z-index:3;	
}

#s-header	{
	position: relative;
	top:96px;
	left:40px;
	width: 327px;
	height: 16px;
}

#sContent	{
	position:relative;
	top:5px;
	padding-left:40px;
	padding-right:35px;
	padding-top:100px;
	width:450px;
	color:#585147; 
	font-size:12px; 
	font-family: arial, sans-serif;
	line-height:16px;
	z-index:2;
}




#s-header.theCookery	{background-image: url('images/siteDesign/sh-the-cookery.gif');}
#s-header.ourMantra	{background-image: url('images/siteDesign/sh-our-mantra.gif');}
#s-header.whosTheCook	{background-image: url('images/siteDesign/sh-whos-the-cook.gif');}
#s-header.thePantry	{background-image: url('images/siteDesign/sh-the-pantry.gif');}
#s-header.whereWeShop	{background-image: url('images/siteDesign/sh-where-we-shop.gif');}
#s-header.whatsCooking	{background-image: url('images/siteDesign/sh-whats-cooking.gif');}
#s-header.contactTheCook	{background-image: url('images/siteDesign/sh-contact-the-cook.gif');}
#s-header.whatWillThisCost	{background-image: url('images/siteDesign/sh-the-deal.gif');}

#definition	{
	position:relative;
	top:0px;
	left:0px;
	width: 400px;
	height: 100px;
	margin-top:15px;
	margin-bottom:15px;
	padding:15px;
	border: solid 1px #66BC29;
}

.defHead	{
	font-weight: bold;
}

.noun	{
	font-weight:bold;
	font-style:italic;
}

#foodGroups	{
	position:relative;
	left:0px;
	top:0px;
	width: 480px;
	border: solid 0px #ff0000;
}

#foodGroupsList	{
	display:block;
	width: 230px;
	border:solid 0px #00ff00;
}

#foodGroupsInfo	{
	position:relative;
	left: 0px;
	top:0px;
	width:500px;
	border: solid 0px #0000ff;
}

.millBulletList	{
	list-style-image: url(images/siteDesign/millBullet.gif);
	line-height:20px;
	padding-left:30px;
	margin-top:0px;
}

#layerVeg, #layerGrains, #layerSweeteners, #layerProteins, #layerOils, #layerSalts	{
	position:absolute;
	top:0px;
	left: 0px;
	visibility:hidden;
	padding:5px;
	width:430px;
	border: solid 1px #66BC29;
}

#foodGroupsList a:link, #foodGroupsList a:active	{
	color: #66BC29; !important;
}

#foodGroupsList a:hover, #foodGroupsList a:visited	{
	color: #66BC29;
}

.leftImage	{
	border: #000000 solid 1px;
	margin-right: 20px;
	margin-bottom:20px;
	float:left;
}

.recipe	{
padding-top:10px;
}
.recipe h1	{font-size:13px;}
.recipe h2	{font-size: 11px;}
.recipe ul	{padding-left:13px;}
.recipe li	{padding-left:0px;}

.credit	{
	font-size: 11px;
	font-style:italic;
	text-align:left;
}