#wrapper li { list-style: url(/health/art/newlook/smallgreybox.gif);	font-size: small; padding-bottom: 2px; }
#wrapper li  a:link {	text-decoration: underline; }
#wrapper li  a:visited { text-decoration: underline; }
#wrapper li  a:hover { list-style: url(/health/art/newlook/smallorangearrow.gif); text-decoration: underline; color: orange; }
/* Healthy Eating - CSS Document */


body {
	margin-top: 0;
	}

#wrapper {
	margin: 10px 30px 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;
	}
	

.cite {
	margin: 20px 10px 10px 10px;
	padding: 5px;
	font-size: 8pt;
	border: 1px solid #CCCCCC;
	text-align: center;
	}

.divider {
	color: #A70025;
	font-weight:  bold;
	}

.listmenu {
	border: 1px solid #EBA63D;
	width: 450px;
	padding-top: 0 !important;
	padding-top: 20px;
	}

/* main nav */

.orangeBkg {
	background-color:#eba63d; width: 595px; 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;
	border-bottom: 2px solid #A70025;
	}
	
#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 {
	color: #A70025;
	background-color: #ffcc66;
	}
	
	
/* contact nav */

.roundCorner {
	margin-left: 320px; margin-right: 4px; 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;
	}

/* recipe stuff */

.ingred { margin-left: 10px; margin-bottom: 5px; }
.ingred td { border-bottom:1px solid #CCCCCC; }
/*.ingred-o { margin-left: 10px; margin-bottom: 5px; }*/
.ingred-o td { border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; text-align: center; }
.ingred-o2 { border-left:2px solid #CCCCCC; }
/* the casserole recipe won't center with the margins above, so it only gets the td class... */
.ingred-large td { border-bottom:1px solid #CCCCCC; }
/* titles/headers on ingredients... */
.ingred-h { color:#990000; font-weight: bold; font-size:16px; }

/* the main recipes page */
.recipes table { padding: 5px; border: 1px solid #CCC; }
.recipes table td { border: 1px solid #CCC; }
.recipes table th { color: #666; border: 1px solid #CCC; }
	 
.tablist td { border-bottom: 1px dashed #FFCC00; }
.tablist th { border-bottom: 1px dashed #FFCC00; color: #A70025; }

ul.obesity { padding-bottom: 2px; margin-left: 0px; padding-left: 0px; list-style: none; }
li.obesity { list-style: url(/health/eating/art/bull-obese.jpg); font-size: small; padding-bottom: 2px; }
li.obesity a:link {	text-decoration: none; }
li.obesity a:visited { text-decoration: none; }
li.obesity a:hover { list-style: url(/health/eating/art/bull-obese.jpg); text-decoration: underline; color: orange; }
.tablet { background-color:#FFCC00; padding:0px; }
.tablet td { text-align: center; padding: 6px; background-color: #FFFFFF; border-collapse: collapse }


/*homepage*/
#stack {position:relative;
	}
.fruit {
	position: absolute;
	right: -3px;
	z-index:3;
	top: -2px;
	}
			
#homecontact {
	z-index:10;
	position: absolute;
	left: 410px;
	top: 244px;
	width: 174px;
	color: #EBA63D;
	font-weight: bolder;
	}
#homecontact a {
	color: #EBA63D;
	text-decoration: none;
	}	
	
#homecontact a:hover {
	color: #FFCC66;
	text-decoration: none;
	}


/* homepage nav adapted from listamatic, author Claire Campbell */
#navcontainer
{
	z-index:1;
	position: absolute;
	top: 44px;
	right: 221px;
	width: 63% !important; width: 61.5%;
	margin: 0 auto;
	font-size: .9em;
	text-align: center;
	text-transform: lowercase;
	background: #EBA63D;
	padding: 0;
}

ul#navlist
{
text-align: left;
text-indent: 3em;
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-stretch: ultra-expanded;
}

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

}

ul#navlist li a
{
display: block;
width: 100%;
padding: .25em .5em .25em 0;
border-width: 1px;
border-color: #990033 #EBA63D #990033  #EBA63D;
border-style: solid;
color: #000000;
text-decoration: none;
background: #EBA63D;

}

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

ul#navlist 
{
background: #EBA63D;
color: #800000;
}

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

/* contextual menu */

#pagelife a#linklife:link, #pagelife a#linklife:visited, #pagelife a#linklife:hover, #pagelife a#linklife:active 
	{
	background-color: #fc6; font-weight: bold;
	}
	
#pagepreg a#linkpreg:link, #pagepreg a#linkpreg:visited, #pagepreg a#linkpreg:hover, #pagepreg a#linkpreg:active 
	{
	background-color: #fc6; font-weight: bold;
	}
	
#pagebaby a#linkbaby:link, #pagebaby a#linkbaby:visited, #pagebaby a#linkbaby:hover, #pagebaby a#linkbaby:active 
	{
	background-color: #fc6; font-weight: bold;
	}
	
#pagebaby a#linkbaby:link, #pagebaby a#linkbaby:visited, #pagebaby a#linkbaby:hover, #pagebaby a#linkbaby:active 
	{
	background-color: #fc6; font-weight: bold;
	}
	
#pagerec a#linkrec:link, #pagerec a#linkrec:visited, #pagerec a#linkrec:hover, #pagerec a#linkrec:active 
	{
	background-color: #fc6; font-weight: bold;
	}
	
#pagerec a#linkrec:link, #pagerec a#linkrec:visited, #pagerec a#linkrec:hover, #pagerec a#linkrec:active 
	{
	background-color: #fc6; font-weight: bold;
	}
	
#pagekid a#linkkid:link, #pagekid a#linkkid:visited, #pagekid a#linkkid:hover, #pagekid a#linkkid:active 
	{
	background-color: #fc6; font-weight: bold;
	}
	
#pagew a#linkw:link, #pagew a#linkw:visited, #pagew a#linkw:hover, #pagew a#linkw:active 
	{
	background-color: #fc6; font-weight: bold;
	}

#pageill a#linkill:link, #pageill a#linkill:visited, #pageill a#linkill:hover, #pageill a#linkill:active 
	{
	background-color: #fc6; font-weight: bold;
	}
	
#pageres a#linkres:link, #pageres a#linkres:visited, #pageres a#linkres:hover, #pageres a#linkres:active 
	{
	color: #ff9; font-weight: bold;
	}
	
#pagecon a#linkcon:link, #pagecon a#linkcon:visited, #pagecon a#linkcon:hover, #pagecon a#linkcon:active 
	{
	color: #ff9; font-weight: bold;
	}

.tabloid table {
	border: 1px solid #fc0;
	padding: 6px;
	border-collapse: collapse;
	}
	
.tabloid table td {
	border: 1px solid  #fc0;
	padding: 6px;
	}

	
	
.download {
	font-family: "Trebuchet MS", "Arial Narrow";
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #990000;
	text-decoration: none;
}

.download a:link {
	color: #CC0000;
	text-decoration: none;
}

.download a:visited {
	color: #996666;
	text-decoration: none;
}

.download a:hover {
	color: #eba63d;
	text-decoration: none;
}

/* */

.quiz { width: 500px; margin: auto; padding: 10px; border: 1px solid #A70025; background-color: #FFEFDF; }

.col_left { float: left; width: 100px; text-align: right; line-height: 25px; }

.col_right { float: right; width: 380px; line-height: 25px; }