html, body  {
   padding: 0px;
   margin: 0px;
   background-color: #F7F6E2;
}

#template  {
   margin: 0px auto 0px auto;
   height: 1245px;
   width: 1074px;
   position: relative;
   background-color: #F7F6E2;
}




/* ---------- */
/* SEARCH BAR */
/* ---------- */

#id0search  {
   background: url(images/id0search.jpg) no-repeat;
   visibility: visible;
   position: absolute;
   left: 650px;
   top: 83px;
   z-index: 6;
   width: 51px;
   height: 14px;
}

#searchfield  {
	background: url(images/searchfield.jpg) no-repeat;
	visibility: visible;
	position: absolute;
	left: 708px;
	top: 76px;
	z-index: 6;
	width: 263px;
	height: 30px;
}

.textInput
{
	float:left;
	background: transparent;
	border: none;
	color: #000000;
	width: 250px;
	height: 22px;
	padding-left: 5px;
	margin-left: 4px;
	margin-top: 4px;
}

#submitbutton a  {
   background: url(images/submitbutton.jpg) no-repeat 0% 0px;
   display: block;
   height: 25px;
   width: 26px;
   font-size: 25px;
   line-height: 25px;
}

#submitbutton  {
	visibility: visible;
	position: absolute;
	left: 974px;
	top: 77px;
	z-index: 6;
	width: 26px;
	height: 25px;
	background-image: url(images/submitbutton.jpg);
}



/* -------------- */
/* TOP NAVIGATION */
/* -------------- */

#navdivider1,
#navdivider2,
#navdivider3,
#navdivider4,
#navdivider5  {
   background: url(images/navdivider.jpg) no-repeat;
   visibility: visible;
   position: absolute;
   top: 136px;
   z-index: 6;
   width: 2px;
   height: 53px;
}

#navdivider1  {
   left: 444px;
}

#navdivider2  {
   left: 556px;
}

#navdivider3  {
   left: 678px;
}

#navdivider4  {
   left: 783px;
}

#navdivider5  {
   left: 897px;
}

#navbg  {
   background: url(images/navbg2.jpg) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 5;
   width: 1074px;
   height: 193px;
}


/* ------------------ */
/* NAVIGATION BUTTONS */
/* ------------------ */

#logo  {
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 8;
   width: 342px;
   height: 345px;
}

#logo a  {
   background: url(images/logo.jpg) no-repeat 0% 0px;
   display: block;
   height: 345px;
   width: 342px;
   font-size: 345px;
   line-height: 345px;
}

#logo a:hover  {
   background-position: -342px 0%;
}

#whyywmbutton  {
   visibility: visible;
   position: absolute;
   left: 343px;
   top: 155px;
   z-index: 6;
   width: 86px;
   height: 19px;
}

#whyywmbutton a  {
   background: url(images/whyywmbutton.jpg) no-repeat 0% 0px;
   display: block;
   height: 19px;
   width: 86px;
   font-size: 19px;
   line-height: 19px;
}

#whyywmbutton a:hover  {
   background-position: -86px 0%;
}

#takechallengebutton  {
   visibility: visible;
   position: absolute;
   left: 461px;
   top: 147px;
   z-index: 6;
   width: 82px;
   height: 37px;
}

#takechallengebutton a  {
   background: url(images/takechallengebutton.jpg) no-repeat 0% 0px;
   display: block;
   height: 37px;
   width: 82px;
   font-size: 37px;
   line-height: 37px;
}

#takechallengebutton a:hover  {
   background-position: -82px 0%;
}

#measureweightbutton  {
   visibility: visible;
   position: absolute;
   left: 575px;
   top: 146px;
   z-index: 6;
   width: 92px;
   height: 38px;
}

#measureweightbutton a  {
   width: 92px;
   background-image: url(images/measureweightbutton.jpg);
}

#healthwellnessbutton  {
   visibility: visible;
   position: absolute;
   left: 697px;
   top: 147px;
   z-index: 6;
   width: 71px;
   height: 30px;
}

#submitbutton a:hover  {
   background-position: -26px 0%;
}

#aboutcampaignbutton  {
	visibility: visible;
	position: absolute;
	left: 909px;
	top: 146px;
	z-index: 6;
	width: 81px;
	height: 38px;
	background-image: url(about.html);
}

#measureweightbutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 38px;
   background-position: 0% 0px;
   font-size: 38px;
   line-height: 38px;
}

#measureweightbutton a:hover  {
   background-position: -92px 0%;
}

#healthwellnessbutton a  {
   background: url(images/healthwellnessbutton.jpg) no-repeat 0% 0px;
   display: block;
   height: 30px;
   width: 71px;
   font-size: 30px;
   line-height: 30px;
}

#healthwellnessbutton a:hover  {
   background-position: -71px 0%;
}

#kidscornerbutton  {
	visibility: visible;
	position: absolute;
	left: 796px;
	top: 155px;
	z-index: 6;
	width: 93px;
	height: 16px;
	background-image: url(kids.html);
}

#kidscornerbutton a  {
   background: url(images/kidscornerbutton.jpg) no-repeat 0% 0px;
   display: block;
   height: 16px;
   width: 93px;
   font-size: 16px;
   line-height: 16px;
}

#kidscornerbutton a:hover  {
   background-position: -93px 0%;
}

#aboutcampaignbutton a  {
   background-repeat: no-repeat;
   display: block;
   height: 38px;
   background-position: 0% 0px;
   font-size: 38px;
   line-height: 38px;
}

#aboutcampaignbutton a  {
   width: 81px;
   background-image: url(images/aboutcampaignbutton.jpg);
}

#aboutcampaignbutton a:hover  {
   background-position: -81px 0%;
}




/* --------------- */
/* LEFT NAVIGATION */
/* --------------- */

#leftnavmenu  {
	font: 18px/50px Tahoma, sans-serif;
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: left;
	color: #FFFFFF;
	position: absolute;
	left: 75px;
	top: 333px;
	z-index: 3;
	width: 240px;
}

#leftnavmenu li {
   width: 100%;
   display: block;
   margin: 0px;
}

#leftnavmenu li a  {
   color: #FFFFFF;
}

#leftnavmenu li a  {
   border-bottom-color: #000000;
   border-bottom-style: none;
   border-right-color: #000000;
   border-right-style: none;
   border-left-color: #000000;
   border-left-style: none;
   border-width: 0px;
   border-top: 0px;
   padding-left: 0px;
   padding-right: 0px;
   text-decoration: none;
   width: 100%;
   display: block;
}

#leftnavmenu li a:hover  {
   color: #F4EE58;
}

#leftnavline1, 
#leftnavline2, 
#leftnavline3, 
#leftnavline4,  
#leftnavline5 {
	background: url(images/leftnavline.jpg) no-repeat;
	visibility: visible;
	position: absolute;
	left: 65px;
	width: 248px;
	height: 9px;
} 

#leftnavline1 { 
z-index: 4; 
top: 379px; 
} 
#leftnavline2 { 
z-index: 3; 
top: 428px; 
} 
#leftnavline3 { 
z-index: 3; 
top: 477px; 
} 
#leftnavline4 { 
z-index: 3; 
top: 526px; 
}
#leftnavline5 { 
z-index: 3; 
top: 575px; 
}





/* ---- */
/* BODY */
/* ---- */


#bodygrow  {
   padding: 0px 105px 0px 355px;
   background: url(images/interiorgrowtile2.jpg) repeat-y center top;
   visibility: visible;
   margin: 0px;
   position: relative;
}

#bodygrow *:first-child  {
   margin-top: 0px;
}

#bodygrow *:last-child  {
   margin-bottom: 0px;
}

#bodygrow p  {
   line-height: 18px;
}

#bodygrow a {
	color: #282561;
	text-decoration: underline;
}

#bodygrow a:hover {
	color: #BF1E2E;
	text-decoration: underline;
}

#backgroundimage  {
   background: url(images/backgroundimage.jpg) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 190px;
   z-index: 4;
   width: 1074px;
   height: 89px;
}

#scootdown  {
   position: relative;
   top: 279px;
}

#copyrighttext p,
#bodygrow p,
#addresstext p  {
   font: 12px Verdana, sans-serif;
   margin: 0px;
   color: #282561;
   text-align: left;
}

#headline  {
	visibility: visible;
	position: absolute;
	left: 353px;
	top: 234px;
	z-index: 5;
	width: 325px;
	height: 47px;
}

#circle1  {
	background: url(images/circle1.jpg) no-repeat;
	visibility: visible;
	position: absolute;
	left: 746px;
	top: 204px;
	z-index: 5;
	width: 299px;
	height: 299px;
	background-image: url(images/circle1.png);
}

#circle2  {
	background: url(images/circle2.jpg) no-repeat;
	visibility: visible;
	position: absolute;
	left: 746px;
	top: 204px;
	z-index: 5;
	width: 299px;
	height: 299px;
	background-image: url(images/circle2.png);
}

#circle3  {
	background: url(images/circle3.jpg) no-repeat;
	visibility: visible;
	position: absolute;
	left: 746px;
	top: 204px;
	z-index: 5;
	width: 299px;
	height: 299px;
	background-image: url(images/circle3.png);
}

#circle4  {
	background: url(images/circle4.jpg) no-repeat;
	visibility: visible;
	position: absolute;
	left: 746px;
	top: 204px;
	z-index: 5;
	width: 299px;
	height: 299px;
	background-image: url(images/circle4.png);
}

#circle5  {
	background: url(images/circle5.jpg) no-repeat;
	visibility: visible;
	position: absolute;
	left: 746px;
	top: 204px;
	z-index: 5;
	width: 299px;
	height: 299px;
	background-image: url(images/circle5.png);
}

#circle6  {
	background: url(images/circle6.jpg) no-repeat;
	visibility: visible;
	position: absolute;
	left: 746px;
	top: 204px;
	z-index: 5;
	width: 299px;
	height: 299px;
	background-image: url(images/circle6.png);
}

#circle7  {
	background: url(images/circle7.jpg) no-repeat;
	visibility: visible;
	position: absolute;
	left: 746px;
	top: 204px;
	z-index: 5;
	width: 299px;
	height: 299px;
	background-image: url(images/circle7.png);
}

#circle8  {
	background: url(images/circle8.jpg) no-repeat;
	visibility: visible;
	position: absolute;
	left: 746px;
	top: 204px;
	z-index: 5;
	width: 299px;
	height: 299px;
	background-image: url(images/circle8.png);
}

#headline p  {
   font: bold 22px/15px Tahoma, sans-serif;
   margin: 0px;
   color: #BF1E2E;
   text-align: left;
}




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


#footer  {
   position: relative;
   left: 0px;
   width: 100%;
   height: 414px;
   margin-bottom: 438px;
}

#id1footer  {
   background: url(images/footer2.jpg) no-repeat;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 4;
   width: 1074px;
   height: 414px;
}

#shadow  {
   background: url(images/shadow.jpg) no-repeat;
   visibility: visible;
   position: absolute;
   left: 68px;
   top: 30px;
   z-index: 5;
   width: 496px;
   height: 12px;
}

#copyrighttext p  {
   line-height: 15px;
}

#copyrighttext  {
	visibility: visible;
	position: absolute;
	left: 801px;
	top: 38px;
	z-index: 5;
	width: 219px;
}

#contactusline  {
   background: url(images/sitemapline.jpg) no-repeat;
   visibility: visible;
   position: absolute;
   top: 84px;
   z-index: 5;
   width: 175px;
   height: 1px;
}
#id0contactus  {
   background: url(images/id0contactus.jpg) no-repeat;
   visibility: visible;
   position: absolute;
   left: 112px;
   top: 64px;
   z-index: 5;
   width: 84px;
   height: 13px;
}

#contactusline  {
   left: 111px;
}

#addresstext p  {
   line-height: 18px;
}

#addresstext  {
   visibility: visible;
   position: absolute;
   left: 113px;
   top: 89px;
   z-index: 5;
   width: 181px;
}

#sitemap  {
   background: url(images/sitemap.jpg) no-repeat;
   visibility: visible;
   position: absolute;
   left: 341px;
   top: 64px;
   z-index: 5;
   width: 62px;
   height: 17px;
}

#sitemapmenu li  {
   width: 100%;
   display: block;
   margin: 0px;
}

#sitemapmenu li a {
   border-bottom-color: #000000;
   border-bottom-style: none;
   border-right-color: #000000;
   border-right-style: none;
   border-left-color: #000000;
   border-left-style: none;
   border-width: 0px;
   border-top: 0px;
   padding-left: 0px;
   padding-right: 0px;
   text-decoration: none;
   width: 100%;
   display: block;
}

#sitemapline {
   background: url(images/sitemapline.jpg) no-repeat;
   visibility: visible;
   position: absolute;
   top: 84px;
   z-index: 5;
   width: 175px;
   height: 1px;
}

#sitemapline  {
   left: 340px;
}

#sitemapmenu li a  {
   color: #282561;
}

#sitemapmenu li a:hover  {
   text-decoration: underline;
}

#sitemapmenu  {
   font: 12px/18px Verdana, sans-serif;
   margin: 0px;
   padding: 0px;
   list-style: none;
   text-align: left;
   color: #282561;
   position: absolute;
   left: 340px;
   top: 89px;
   z-index: 5;
   width: 223px;
}

#partners  {
	background: url(images/partners.jpg) no-repeat;
	visibility: visible;
	position: absolute;
	left: 634px;
	top: 65px;
	z-index: 5;
	width: 166px;
	height: 21px;
}

#partnerslogos  {
	visibility: visible;
	position: absolute;
	left: 634px;
	top: 92px;
	z-index: 5;
	width: 365px;
	height: 123px;
}
