/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin: 0; padding: 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size: 100%; }

/* Removes list-style from lists */
ol,ul { list-style: none; }

/* Removes border from images */
img { border: 0; }


body {
	background-color: #E5E5DA;
	font-family: Verdana, Arial, Helvetica;
	font-size: 72%;
	color: #4C4C33;	
}

a:link, a:visited {
	color: #808384;
}
a:hover, a:active {
	color: #4C4C33;	
}

p {	
	margin-bottom: 1.2em;
}

h1 {
	
}

h2 {
	font-size: 120%;
	margin-bottom: 0.7em;
}

h3 {
	margin-bottom: 0.7em;
	color: #929465;
}

ul {
	margin-bottom: 1.2em;
}

li {
	margin: 0 0 0.4em 20px;
	padding: 0 0 0 10px;
	background-image: url(sitegraphics/bullet.gif) 0 0.5em no-repeat;
}

/*--------------------WRAPPER--------------------*/

#wrapper {
	width: 740px;
	margin: 30px auto 30px auto;
	border: 10px solid #FFF;
}

#contentWrapper {
	width: 740px;
	background: url(sitegraphics/bg_contentwrapper.gif) 0 0 repeat-y #FFF;
}

/*--------------------BRANDING-------------------*/

#branding {
	width: 740px;	
	height: 100px;
}

/*---------------------NAV-----------------------*/

#nav {
	width: 170px;
}

#navPrint {
	display:none;
}

#nav li,
#nav a {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	width: 170px;
	height: 35px;
	background-image: url(sitegraphics/nav.gif);
	background-repeat: no-repeat;
	text-indent: -1976px;
	overflow: hidden;
}

#nav ul li a:hover { background-image: none;}

#nav-home a { background-position: 0px 0px;}
#nav-about a { background-position: 0px -35px;}
#nav-healthyeating a { background-position: 0px -70px;}
#nav-ourcustomers a { background-position: 0px -210px;}
#nav-jobs a { background-position: 0px -105px;}
#nav-contact a { background-position: 0px -140px;}
#nav-membersarea a { background-position: 0px -175px;}

#nav-home { background-position: -180px 0px;}
#nav-about { background-position: -180px -35px;}
#nav-healthyeating { background-position: -180px -70px;}
#nav-ourcustomers { background-position: -180px -210px;}
#nav-jobs { background-position: -180px -105px;}
#nav-contact { background-position: -180px -140px;}
#nav-membersarea { background-position: -180px -175px;}

#nav-homeSelected a { background-position: -180px 0px;}
#nav-aboutSelected a { background-position: -180px -35px;}
#nav-healthyeatingSelected a { background-position: -180px -70px;}
#nav-ourcustomersSelected a { background-position: -180px -210px;}
#nav-jobsSelected a { background-position: -180px -105px;}
#nav-contactSelected a { background-position: -180px -140px;}
#nav-membersareaSelected a { background-position: -180px -175px;}

#nav-homeSelected { background-position: -180px 0px;}
#nav-aboutSelected { background-position: -180px -35px;}
#nav-healthyeatingSelected { background-position: -180px -70px;}
#nav-ourcustomersSelected { background-position: -180px -210px;}
#nav-jobsSelected { background-position: -180px -105px;}
#nav-contactSelected { background-position: -180px -140px;}
#nav-membersareaSelected { background-position: -180px -175px;}



/*---------------------NAV ABOUT-----------------------*/

#navAboutPrint {
	display:none;
}

#navAbout {
	width: 511px;
	height: 35px;
}

#navAbout li,
#navAbout a {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	height: 29px;
	background-image: url(sitegraphics/nav_aboutinnovate.gif);
	background-repeat: no-repeat;
	text-indent: -1976px;
	overflow: hidden;
}

#navAbout ul li a:hover { background-image: none;}

#navAbout-howwearedifferent a { width: 169px; background-position: 0px 0px;}
#navAbout-theresults a { width: 173px; background-position: -169px 0px;}
#navAbout-newsandmedia a { width: 169px; background-position: -342px 0px;}

#navAbout-howwearedifferent { width: 169px; background-position: 0px 0px;}
#navAbout-theresults { width: 173px; background-position: -169px 0px;}
#navAbout-newsandmedia { width: 169px; background-position: -342px -0px;}

#navAbout-howwearedifferentSelected a { width: 169px; background-position: 0px -29px;}
#navAbout-theresultsSelected a { width: 173px; background-position: -169px -29px;}
#navAbout-newsandmediaSelected a { width: 169px; background-position: -342px -29px;}

#navAbout-howwearedifferentSelected { width: 169px; background-position: 0px -29px;}
#navAbout-theresultsSelected { width: 173px; background-position: -169px -29px;}
#navAbout-newsandmediaSelected { width: 169px; background-position: -342px -29px;}


/*------------------HEALTHY EATING NAV-----------------------*/


#navHealthyPrint {
	display:none;
}

#navHealthy {
	width: 511px;
	height: 35px;
}

#navHealthy li,
#navHealthy a {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	height: 29px;
	background-image: url(sitegraphics/nav_healthyeating.gif);
	background-repeat: no-repeat;
	text-indent: -1976px;
	overflow: hidden;
}

#navHealthy ul li a:hover { background-image: none;}

#navHealthy-nutritionalstandards a  { width: 169px; background-position: 0px 0px;}
#navHealthy-studentschoice a { width: 173px; background-position: -169px 0px;}

#navHealthy-nutritionalstandards { width: 169px; background-position: 0px 0px;}
#navHealthy-studentschoice { width: 173px; background-position: -169px 0px;}

#navHealthy-nutritionalstandardsSelected a { width: 169px; background-position: 0px -29px;}
#navHealthy-studentschoiceSelected a { width: 173px; background-position: -169px -29px;}

#navHealthy-nutritionalstandardsSelected { width: 169px; background-position: 0px -29px;}
#navHealthy-studentschoiceSelected { width: 173px; background-position: -169px -29px;}


/*-------------------CONTENT----------------------*/

#contentMain {
	position: relative;
	float: right;
	width: 510px;
	margin: 15px 0 0 0;
	padding: 160px 15px 0 0;
}

#contentMain .banner {
	position: absolute;
	top: 0;
	left: -10px;
	
}

#contentSub {
	float: left;
	width: 180px;
}

#contentSub .panel{
	margin: 15px 0 5px 15px;
}

.jobsPanel {
	margin: 0 0 1.2em 0;
	padding: 15px;
	border: 1px solid #939465;
	font-size: 95%;
}

#customers {
	margin: 0;
	padding: 0;
}
#customers li {
	margin: 0 0 1em 0;
	padding: 0 0 0.8em 0;
	border-bottom: 1px solid #E5E5DA;
	background: none;
}
#customers p {
	margin-bottom: 0.8em;
	font-size: 110%;
}
#customers .cite {
	text-align: right;
	font-size: 100%;
	color: #939465;
}

/*-------------------TITLES----------------------*/

#titleHome {
	display: block;
	width: 510px;
	height: 30px;
	margin: 0 0 15px 0;
	text-indent: -1976px;
	background:url(sitegraphics/title_home.gif) no-repeat 0 0;
}
#titleAbout {
	display: block;
	width: 510px;
	height: 27px;
	margin: 0 0 15px 0;
	text-indent: -1976px;
	background:url(sitegraphics/title_about.gif) no-repeat 0 0;
}
#titleOurCustomers {
	display: block;
	width: 510px;
	height: 27px;
	margin: 0 0 15px 0;
	text-indent: -1976px;
	background:url(sitegraphics/title_ourcustomers.gif) no-repeat 0 0;
}
#titleHealthyEating {
	display: block;
	width: 510px;
	height: 27px;
	margin: 0 0 15px 0;
	text-indent: -1976px;
	background:url(sitegraphics/title_healthyeating.gif) no-repeat 0 0;
}
#titleJobs {
	display: block;
	width: 510px;
	height: 27px;
	margin: 0 0 15px 0;
	text-indent: -1976px;
	background:url(sitegraphics/title_jobs.gif) no-repeat 0 0;
}
#titleContact {
	display: block;
	width: 510px;
	height: 27px;
	margin: 0 0 15px 0;
	text-indent: -1976px;
	background:url(sitegraphics/title_contactus.gif) no-repeat 0 0;
}
#titleMembersArea {
	display: block;
	width: 510px;
	height: 27px;
	margin: 0 0 15px 0;
	text-indent: -1976px;
	background:url(sitegraphics/title_membersarea.gif) no-repeat 0 0;
}
#titleNews {
	display: block;
	width: 510px;
	height: 27px;
	margin: 0 0 15px 0;
	text-indent: -1976px;
	background:url(sitegraphics/title_newsandpress.gif) no-repeat 0 0;
}
#titleSchoolsAndColleges {
	display: block;
	width: 510px;
	height: 27px;
	margin: 0 0 15px 0;
	text-indent: -1976px;
	background:url(sitegraphics/title_ourschoolsandcolleges.gif) no-repeat 0 0;
}
#titleWhatOurCustomersSay {
	display: block;
	width: 510px;
	height: 27px;
	margin: 0 0 15px 0;
	text-indent: -1976px;
	background:url(sitegraphics/title_whatourcustomerssay.gif) no-repeat 0 0;
}

/*-------------------FOOTER-----------------------*/

#footer {
	clear: both;
}

.imageLeft {
	float: left;
	margin: 0 15px 15px 0;
}
.imageRight {
	float: right;
	margin: 0 0 15px 15px;
}