/* Healthy Eating - CSS Document */


body {
	margin-top: 0;
	}

#wrapper {
	margin: 10px 20px 30px 20px;
	}
	
#wrapper h1 {
	font: normal normal bold medium Arial, Helvetica, sans-serif; color: #A70025;
	margin-left: 20px;
	}

#wrapper h2 {
	font: normal normal bold small Arial, Helvetica, sans-serif; color: #A70025;
	}


/* main nav */

.orangeBkg {
	background-color:#eba63d; width: 593px; margin-top: 0 !important; margin-top: -3px;
	}

#navsite ul {
	padding: 3px 0;
	margin: 0;
	font: normal normal normal 0.9em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	
	}
	
#navsite ul li {
	list-style: none;
	margin: 0;
	display: inline;
	}
	
#navsite ul li a {
	padding: 3px 0.1em; margin: 0; text-decoration: none;
	}
	
#navsite ul li a:link, #navsite ul li a:visited {
	color: #000;
	}
	
#navsite ul li a:hover, #navsite ul li a:active {
	
	background-color: #ffcc66;
	}
	
.divider {
	color: #A70025;
	font-weight:  bold;
	}
	
/* contact nav */

.roundCorner {
	margin-left: 320px; margin-right: 2px; height: 23px;
	background: #A70025 url(/health/eating/art/corner.gif) no-repeat left;
	}

.contact {
	padding-top: 4px; margin: 0;
	font: normal normal bold 0.8em Verdana, Arial, Helvetica, sans-serif; text-align: right;
	}
	
.contact a {
	padding: 0 1em; margin: 0; text-decoration: none;
	}
	
.contact a:link, .contact a:visited {
	color: #E48D28; text-decoration: none;
	}
	
.contact a:hover, .contact a:active {
	color: #ff9; text-decoration: none;
	}

/* slogan */

#slogan {
	position:absolute; left:35px; top:25px; width:220px; height:21px; z-index:1;
	font: italic normal bold small Verdana, Arial, Helvetica, sans-serif;
	color: #fff; text-align: left;
	}
	
#slogan-in {
	position:absolute; left:175px; top:58px; width:180px; height:21px; z-index:1;
	font: italic normal normal 0.85em Verdana, Arial, Helvetica, sans-serif;
	color: #fff; text-align: left;
	}

.recipes table {
	 padding: 5px; border: 1px solid #CCC;
	 }
	 
.recipes table td {
	 border: 1px solid #CCC;
	 }
	 
.recipes table th {
	 color: #666;
	 border: 1px solid #CCC;
	 }
/*homepage*/
#stack {position:relative;
	}
.fruit {
	position: absolute;
	right: -3px;
	z-index:3;
	top: -2px;
	}
/*.logo {
	position: absolute;
	right: 316px;
	z-index:1;
	top: 11px;
	}
hr.orange { color: #FF9933;
	position: absolute;
	right: 0px;
	z-index:1;
	top: 43px;
	}
	*/
/*#eatingmenu {
	z-index:1;
	position: absolute;
	right: 199px;
	width: 400px;
	top: 43px;
	height: 174px;

}

#eatingmenu ul {
	list-style-type: none;
	line-height: 1.55em;
	font-stretch: extra-expanded;
	font-weight: bolder;
}
#eatingmenu ul a{
	color: #000000;
	text-decoration: none;
}

#eatingmenu ul a:hover{
	color: #990033;
	background-color: #FFCC66;
}

#eatingmenu ul li a:hover{
	color: #990033;
	background-color: #FFCC66;
}
*/
			
#homecontact {
	z-index:1;
	position: absolute;
	right: 380px;
	top: 220px;
	width: 174px;
	color: #FF9933;
	font-weight: bolder;
	}
#homecontact a {
	color: #FF9933;
	text-decoration: none;
	}	
	
#homecontact a:hover {
	color: #FFCC66;
	text-decoration: none;
	}

/*#homecontact ul{
	list-style-type: none;
}
*/


/* homepage nav adapted from listamatic, author Claire Campbell */
#navcontainer
{
	z-index:1;
	position: absolute;
	top: 44px;
	right: 240px;
	width: 55%;
	margin: 0 auto;
	font-size: .9em;
	font-weight: bolder;
	text-align: center;
	text-transform: lowercase;
	background: #FF9933;
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em 0 0.5em 2em;
border-width: 1px;
border-color: #990033 #FF9933 #990033  #990033;
border-style: solid;
color: #000000;
text-decoration: none;
background: #FF9933;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #FF9933;
color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #990033;
background: #FFCC66;
border-color: #aaab9c #fff #fff #ccc;
}