﻿#page {
    width: 800px; background-color: #ffffff; text-align: left; margin: 0px auto;
}
#header {
    border: solid 2px #000000; position: relative; float: left;
    font-weight: bold; width: 797px;
}
img.header {
    float: right;
}
.headerimage {
    float: right;
}
#headerMenu {
    border: solid 2px #000000; background-color: #000000; height: 40px;
    position: relative; float: left; font-weight: bold; width: 797px; color: #ffffff; padding: 0px;
}
#headerMenu a, #headerMenu .split {
    padding: 5px; font-size: 75%; color: #ffffff; text-decoration: none; float: right;
}
#headerMenu ul {position: relative; margin: 0px; padding: 0px;}
#headerMenu li {list-style-type: none; position: relative; float: left; padding: 5px 1px 5px 1px;
                white-space:nowrap; height: 40px; margin: 0px;}
#headerMenu li.food {
    background-repeat: no-repeat; background-image: url('/images/tabs/food.gif'); width: 130px;
}
#headerMenu li.panwm {
    background-repeat: no-repeat; background-image: url('/images/tabs/panwm.gif'); width: 130px;
}
#headerMenu li.obesity {
    background-repeat: no-repeat; background-image: url('/images/tabs/obesity.gif'); width: 130px;
}
#headerMenu li.c4l {
    background-repeat: no-repeat; background-image: url('/images/tabs/c4l.gif'); width: 130px; color: #cc0000;
}
#headerMenu li.infantfeeding {
    background-repeat: no-repeat; background-image: url('/images/tabs/infantfeeding.gif'); width: 130px;
}
#headerMenu li a {
    font-size: 12pt; float: left; padding: 10px; font-weight: normal; display: block;
}
#headerMenu li.c4l a {
    color: #cc0000;
}
#headerMenu a:hover {
    text-decoration: underline;
}
#WebsiteName {
    padding: 19px; float: left;
    font-size: 160%; font-family: inherit; letter-spacing: 0.1em; color: #333333;
}
#footer {
    border: solid 2px #dddddd; padding: 0px; background-color: #dddddd; text-align: center;
    font-size: 90%; font-family: inherit; letter-spacing: 0.1em; color: #000000;
    clear: both;
}
#footer a, #footer a:visited {
    font-weight: inherit; color: inherit; font-family: inherit; text-decoration: none;
	  font-size: 90%; font-family: inherit;
}
#footer a:hover {
    text-decoration: underline;
}
#navigation, #navigation_pan {
    float: left; margin: 10px; clear: both;
}
#content {
    clear: both; padding: 20px 20px 20px 20px; width: inherit;
}
a img {
    border: none;
}
/*** Items used within the #content <div> ***/
h1 {
	font-weight: lighter; font-size: 160%; font-family: inherit; letter-spacing: 0.1em;
	font-variant: normal; background-color: yellow; padding: 5px 10px 5px 10px;
	color: #333333;
}
h1.news {
    font-weight: lighter; font-size: 160%; font-family: inherit; letter-spacing: 0.1em;
    font-variant: normal; color: #ffffff; width: inherit; background-color: #66cc33;
    padding: 5px 10px 5px 10px;
}
h1.pan, #pan h1 {
    font-weight: lighter; font-size: 160%; font-family: inherit; letter-spacing: 0.1em;
    font-variant: normal; color: #ffffff; width: inherit; background-color: #003366;
    padding: 5px 10px 5px 10px;
}
h1.food, #food h1 {
    font-weight: lighter; font-size: 160%; font-family: inherit; letter-spacing: 0.1em;
    font-variant: normal; color: #ffffff; width: inherit; background-color: #66cc33;
    padding: 5px 10px 5px 10px;
}
h2 {
	font-weight: bold; font-size: 140%; color: #333333; font-family: inherit;
	letter-spacing: 0.1em;
}
h2.pan, #pan h2 {
	font-weight: bold; font-size: 140%; color: #0033cc; font-family: inherit;
	letter-spacing: 0.1em; border-bottom: solid 1px #003366;
}
h2.food, #food h2 {
	font-weight: bold; font-size: 140%; color: #66cc33; font-family: inherit;
	letter-spacing: 0.1em; border-bottom: solid 1px #66cc33;
}
h3.pan, #pan h3 {
	font-weight: lighter; font-size: 120%; color: #003366; font-family: inherit;
	letter-spacing: 0.1em;
}
h3.food, #food h3 {
	font-weight: lighter; font-size: 120%; color: #66cc33; font-family: inherit;
	letter-spacing: 0.1em;
}
h3 {
	font-weight: lighter; font-size: 120%; color: #333333; font-family: inherit;
	letter-spacing: 0.1em;
}
span.right {
	text-align: right; float: right;
}
span.left {
	text-align: left; float: left;
}
#pageoptions {
    background-color: #999999; width: inherit;
}
ul, li {
	font-size: 100%; color: #333333; font-family: inherit; line-height: 1.4em;
}
#content a {
	font-weight: bold; color: #000099; font-family: inherit; text-decoration: none;
	font-size: 100%; font-family: inherit;
}
#content a:visited {
	font-weight: bold; color: #000099; font-family: inherit; text-decoration: none;
	font-size: 100%; font-family: inherit;
}
#content a:hover {
	font-weight: bold; color: #000099; font-family: inherit; text-decoration: underline;
	font-size: 100%; font-family: inherit;
}
#pan a {
	font-weight: bold; color: #0033cc; font-family: inherit; text-decoration: none;
	font-size: 100%; font-family: inherit;
}
#pan a:visited {
	font-weight: bold; color: #0033cc; font-family: inherit; text-decoration: none;
	font-size: 100%; font-family: inherit;
}
#pan a:hover {
	font-weight: bold; color: #0033cc; font-family: inherit; text-decoration: underline;
	font-size: 100%; font-family: inherit;
}
#food a {
	font-weight: bold; color: #66cc33; font-family: inherit; text-decoration: none;
	font-size: 100%; font-family: inherit;
}
#food a:visited {
	font-weight: bold; color: #66cc33; font-family: inherit; text-decoration: none;
	font-size: 100%; font-family: inherit;
}
#food a:hover {
	font-weight: bold; color: #66cc33; font-family: inherit; text-decoration: underline;
	font-size: 100%; font-family: inherit;
}
/*** Styles used for the menu ***/
.menu {
    font-family: inherit; font-size: 80%; color: #7C6F57; border: none 0px;
}
.MenuLevel1 {
    padding: 2px; padding-left: 5px; padding-right: 5px;
    background-color: #ccffcc;
    border: solid 1px #ffffff; text-align: left; font-size: 110%;
}
.MenuLevel2 {
    padding: 2px; padding-left: 5px; padding-right: 5px; background-color: #ccffcc;
    border: solid 1px #ffffff; text-align: left; font-size: 110%;
}
.MenuLevel3 {
    padding: 2px; padding-left: 5px; padding-right: 5px; background-color: #ffffcc;
    border: solid 1px #ffffff; text-align: left;
}
.MenuLevel4 {
    padding: 2px; padding-left: 5px; padding-right: 5px; background-color: #ffffcc;
    border: solid 1px #ffffff; text-align: right;
}
.menuSelected {
    padding: 2px; padding-left: 5px; padding-right: 5px; font-size: 110%;
    border: solid 1px #ffffff; color: #000000; background-color: #66cc33;
}
.MenuHover {
    background-color: #eeeeee; color: #000000; border: solid 1px #ffffcc;
}
/*** Styles used for the menu - PAN ***/
#navigation_pan .menu {
    font-family: inherit; font-size: 80%; color: #7C6F57; border: none 0px;
}
#navigation_pan .MenuLevel1 {
    padding: 2px; padding-left: 5px; padding-right: 5px;
    background-color: #e1e1ff;
    border: solid 1px #ffffff; text-align: left; font-size: 110%;
}
#navigation_pan .MenuLevel2 {
    padding: 2px; padding-left: 5px; padding-right: 5px; background-color: #e1e1ff;
    border: solid 1px #ffffff; text-align: left; font-size: 110%;
}
#navigation_pan .MenuLevel3 {
    padding: 2px; padding-left: 5px; padding-right: 5px; background-color: #ffffcc;
    border: solid 1px #ffffff; text-align: left;
}
#navigation_pan .MenuLevel4 {
    padding: 2px; padding-left: 5px; padding-right: 5px; background-color: #ffffcc;
    border: solid 1px #ffffff; text-align: right;
}
#navigation_pan .menuSelected {
    padding: 2px; padding-left: 5px; padding-right: 5px; font-size: 110%;
    border: solid 1px #ffffff; color: #ffffff; background-color: #003366;
}
#navigation_pan .MenuHover {
    background-color: #eeeeee; color: #000000; border: solid 1px #ffffcc;
}
/*** General page styles ***/
p.indent {
    padding: 0px; padding-left: 50px; padding-right: 50px;
}
hr {
    color: #66cc33; width: 90%; text-align: center;
}
td.blue {
	font-size: 90%; margin: 10px 10px 10px 0px; color: #333333; font-family: inherit;
    background-color: #e1e1ff;	
}
p.error {
    color: Red;
}
tr.TableGreen {
    background-color: #ccff99
}
.tableborder {
    border: #cccccc 1px solid;
}
.smallgreen {
	font-weight: bold; font-size: 80%; color: #009900; font-family: inherit;
}
.boldMed {
	font-weight: bold; font-size: 80%; color: #333333; font-family: inherit;
}
.smalltext {
	font-size: 80%; color: #333333; font-family: inherit;
}
.highlight {
    color: Red;
}
td.style1 {
    font-weight: bold; font-size: 100%; color: #ffffff; background-color: #003366;
    height: 2em;
}
td.smalltext {
    background-color: #ddeeff; font-size: 80%; color: #333333; font-family: inherit;
}
.tableGreen {
    background-color: #ccff99;
}