body {margin:0;padding:0;height:100%;width:100%;background:transparent url(../_nimages/backgroundgraphic.jpg) repeat-x;font:80% Arial,Verdana,Helvetica,sans-serif;color:#000}

#wrapper {position:relative;height:820px;width:1024px;margin:0 auto;background:transparent url(../_nimages/home.jpg) 0 0 no-repeat}
.about #wrapper {background:transparent url(../_nimages/about.jpg) no-repeat}
.edu #wrapper {background:transparent url(../_nimages/education.jpg) no-repeat}
.welfare #wrapper {background:transparent url(../_nimages/welfare.jpg) no-repeat}
.health #wrapper {background:transparent url(../_nimages/health.jpg) no-repeat}
.healthisa #wrapper {background:transparent url(../_nimages/healthisa.jpg) no-repeat}
.healthscramble #wrapper {background:transparent url(../_nimages/healthscramble.jpg) no-repeat}
.gallery #wrapper {background:transparent url(../_nimages/gallery.jpg) no-repeat}
.galleryshow #wrapper {background:transparent url(../_nimages/gallery_show.jpg) no-repeat}
.contact #wrapper {background:transparent url(../_nimages/contact.jpg) no-repeat}
.recipes #wrapper {background:transparent url(../_nimages/recipes.jpg) no-repeat}

.store {background:transparent url(../_nimages/store_locator_bg.jpg) repeat-x}
.store #wrapper {background:transparent url(../_nimages/store_locator.jpg) no-repeat}

#logo {position:absolute;top:157px;left:44px;width:135px;height:103px;background:transparent url(../_nimages/logo.png) no-repeat}

#nav {position:absolute;height:30px;line-height:29px;width:580px;top:257px;left:184px}
#nav ol,#footer ul,.edu #content .subnav ul,#textsize ul {margin:0;list-style:none;white-space:nowrap;color:#000}
#nav ol li,#footer ul li,.edu #content .subnav ul li,#textsize ul li {display:inline}
#nav ol li a,#footer ul li a,.edu #content .subnav ul li a {display:inline-block;padding:0 14px 0 0;height:13px}
#nav ol li a:hover,#nav ol li a.on {background-position:0 -13px}
#footer ul li a {padding:0 18px 0 0;height:16px}
#footer ul li a:hover {background-position:0 -16px}

#textsize {position:absolute;top:207px;left:732px}
#textsize a {margin:0 2px 0 0}

#nav a.home {width:31px;background:transparent url(../_nnav/home.png) 0 0 no-repeat}
#nav a.about {width:37px;background:transparent url(../_nnav/about.png) 0 0 no-repeat}
#nav a.education {width:62px;background:transparent url(../_nnav/education.png) 0 0 no-repeat}
#nav a.welfare {width:46px;background:transparent url(../_nnav/welfare.png) 0 0 no-repeat}
#nav a.health {width:39px;background:transparent url(../_nnav/health.png) 0 0 no-repeat}
#nav a.gallery {width:47px;background:transparent url(../_nnav/gallery.png) 0 0 no-repeat}
#nav a.recipes {width:46px;background:transparent url(../_nnav/recipies.png) 0 0 no-repeat}
#nav a.store {width:88px;background:transparent url(../_nnav/store.png) 0 0 no-repeat}
#nav a.contact {width:53px;background:transparent url(../_nnav/contact.png) 0 0 no-repeat}

#content {position:absolute;width:420px;height:310px;top:330px;left:310px}
#content a {color:#000;text-decoration:underline}
#content a:hover {color:#f4a100}
#content .area {float:left;height:200px;width:200px;margin:0 30px 0 0}
#content .objectarea {float:left;width:180px}
#content ul {margin:0 0 0 -25px;font-size:85%}

#content a.poll img {display:none}
#content a.poll {display:inline-block;width:64px;height:22px;background:transparent url(/_cmslibrary/images/home_button.png) no-repeat;text-decoration:none}
#content a.poll:hover {background:transparent url(/_cmslibrary/images/home_button_on.png)}
	
#content .area .scrollarea {height:200px;width:200px;overflow:hidden}

.about #content {top:375px;left:210px}
.about #content .area {width:175px;height:225px;overflow:hidden;}
.about #content .area .scrollarea {width:100%;height:205px}
.about #content .area .scrollarea div {padding:0 10px 0 0}

.edu #content {top:382px;left:300px}
.edu #content .subnav {margin:0 0 14px 0}
.edu #content .subnav ul {margin:0 0 0 -40px}
.edu #content .area {width:325px}
.edu #content .area .scrollarea {width:100%;height:148px}
.edu #content .area .scrollarea div {padding:0 10px 0 0}

.edu #content .subnav a {font-weight:700;text-decoration:none;font-size:110%}
.edu #content .subnav a:hover,.edu #content .subnav a.on {text-decoration:underline}

.welfare #content {top:360px;left:312px}
.welfare #content .area {width:336px}
.welfare #content .area .scrollarea {width:100%;height:118px}
.welfare #content .area .scrollarea div {padding:0 10px 0 0}

.health #content {width:560px;height:210px;top:320px;left:180px}
.health .char1 {position:absolute;top:110px;left:30px;width:150px;height:105px;overflow:hidden}
.health .char2 {position:absolute;top:70px;left:365px;width:168px;height:110px;overflow:hidden}
.health #content .area .char1 .scrollarea {width:100%;height:105px}
.health #content .area .char2 .scrollarea {width:100%;height:110px}
.health #content .area .char1 .scrollarea a,.health #content .area .char2 .scrollarea a {padding: 0 0 10px 0}

/*.health .area a {height:13px;width:76px;display:inline-block}
.health #content .char1 a {margin:10px 0 0 0;display:block;font-weight:700;text-decoration:none}
.health #content .char2 a {margin:0;display:block;font-weight:700;width:100%;text-decoration:none}*/
.health #content .char1 a,.health #content .char2 a {text-decoration:none}
.health #content .char1 a:hover,.health #content .char2 a:hover {text-decoration:underline;color:#000}
.healthisa #content {top:360px;left:342px}
.healthisa #content .area {width:336px}
.healthisa #content .area .scrollarea {width:100%;height:118px}
.healthisa #content .area .scrollarea div {padding:0 10px 0 0}
.healthscramble #content {top:360px;left:222px}
.healthscramble #content .area {width:222px}
.healthscramble #content .area .scrollarea {width:100%;height:188px}
.healthscramble #content .area .scrollarea div {padding:0 10px 0 0}

.gallery #content,.galleryshow #content {top:440px;left:800px}
.gallery #content .area,.galleryshow #content .area {width:160px}
.gallery #content .area a,.galleryshow #content .area a {font-weight:700;text-decoration:none;color:#000}
.gallery #content .area a:hover,.galleryshow #content .area a:hover,.galleryshow #content .area a.on {text-decoration:underline}
.gallery #content .area,.galleryshow #content .area {width:160px;height:130px;overflow:hidden}
.gallery #content .area .scrollarea,.galleryshow #content .area .scrollarea {width:100%;height:130px}

.galleryshow #slides {position:absolute;top:282px;left:265px}
.galleryshow #slides .slides_container {width:488px;height:289px;overflow:hidden;display:block}
.galleryshow #slides .pagebg {position:absolute;top:270px;height:20px;width:488px;background:transparent url(/_cmsscripts/gallery/basebg.png);z-index:99}
.galleryshow #slides .pagination {position:absolute;top:256px;list-style:none;z-index:100;margin:13px 0 0 -40px;}
.galleryshow #slides .pagination li {float:left;margin:8px 1px 0 5px}
.galleryshow #slides .pagination li a {display:block;width:7px;height:0;padding-top:7px;background:url(/_cmsscripts/gallery/pagination.png);overflow:hidden}
.galleryshow #slides .pagination li.current a {background-position:0 -7px}
.galleryshow #slides .slides_container .noimages {padding:24px}
.galleryshow #slides img {max-width:488px;max-height:289px;min-width:488px;min-height:289px}

.recipes #content {width:470px}
.recipes #content .area {position:absolute;top:100px;left:200px;width:260px;height:220px}
.recipes #content .area ul {list-style:none;margin:15px 0 0 0}
.recipes #content .area a {text-decoration:none}
.recipes #content .area li img {position:absolute;top:-12px;left:149px;visibility:hidden}
.recipes #content .area li:hover img {visibility:visible;text-decoration: underline;}
.recipes #content .area li:hover a {text-decoration:underline;}

.store #content {width:620px;height:410px}
.store #store_home {position:absolute;top:730px;left:100px}
.store #store_home a {display:block;height:42px;width:82px;background:transparent url(../_nnav/st_home.png) no-repeat}
.store #store_home a:hover {background-position: 0 -42px}

.store a.mapdot {display:block;height:6px;width:6px;background:transparent url(../_nimages/mapdot.png) 0 0 no-repeat}
.store a.mapdot:hover {background-position:0 -6px;}

.store #mapinfo {position:absolute;z-index:99}
.store #mapinfo .text {padding:20px 25px}
.store .one {width:195px;height:91px;background:transparent url(../_nimages/1box.png) no-repeat}
.store .two {width:260px;height:195px;background:transparent url(../_nimages/2box.png) no-repeat}
.store .three {width:260px;height:181px;background:transparent url(../_nimages/3box.png) no-repeat}
.store .four {width:260px;height:192px;background:transparent url(../_nimages/4box.png) no-repeat}
.store .five {width:260px;height:239px;background:transparent url(../_nimages/5box.png) no-repeat}
.store .six {width:280px;height:302px;background:transparent url(../_nimages/6box.png) no-repeat}
.store .seven {width:280px;height:316px;background:transparent url(../_nimages/7box.png) no-repeat}


#footer {height:16px;width:1024px;margin:0 auto;text-indent:6px}
#footer a.follow {width:70px;background:transparent url(../_nnav/followus.png) 0 0 no-repeat}
#footer a.join {width:56px;background:transparent url(../_nnav/joinus.png) 0 0 no-repeat}
#footer a.sitemap {width:59px;background:transparent url(../_nnav/sitemap.png) 0 0 no-repeat}
#footer .cr {margin:20px 0 0 0;color:#666;font-size:85%}

h1,h2 {margin:0 0 12px 0}
h1 {font-size:100%;color:#f4a100}
h2 {font-size:90%}
p {font-size:85%;margin:0 0 8px}
a img {border:none}
h5 {margin:0}
.about h1,.edu h1,.welfare h1,.healthisa h1,.healthscramble h1 {color:#000;margin:0}
.home h1,.content h1 {font-size:110%}

.hotspot {position:absolute;cursor:pointer}
#info {position:absolute;background:no-repeat}