* { margin: 0; padding: 0; }
a img { border: none; }
a { color: #006B4E; }
a:hover { color: #009966; }
.clear { clear: both; }
p.totop { font-style: italic; margin-top: 2em; }
ul.bullet li, ol li { margin: .5em 0 .5em 1.5em; }
h1 { font-size: 2em; margin-bottom: 10px; }
h2 { font-size: 1.7em; color: #333; line-height: 150%; margin: .25em 0 0 0; }
h3 { font-size: 1.5em; color: #333; line-height: 150%; margin-top: 1.5em 0; }

body { background: #EAEEBD url(img/body-bkgd.gif); color: #333; text-align: center; font-family: Helvetica, arial, sans-serif; font-size: small; }
div#container { width: 1020px; margin: 0 auto; text-align: center; position: relative;  }

div#header { height: 83px; padding: 0 35px; background: #006B4E url(img/header-bkgd.gif); text-align: left; position: relative; }
div#header img#logo { margin-top: -9px; float: left; }
div#header p { text-align:right; font-size: x-small; color: #CCD373; margin-right: -20px;}
div#header a { color: #CCD373; padding: 2px 8px; }
div#header a.rtdivide { border-right: 1px solid #CCD373; }
div#header a.imglink { padding: 2px; }
div#header p a img { position: relative; top: 4px; }
div#header a:hover { color: #fff; }

div#header div#nav { height: 16px; position: absolute; right: 0px; top: 50px; _top: 35px; _position: relative; _left: 80px; }
div#header div#nav img { float: left; margin: 0 2px; position: relative; top: -4px; left: -6px; }
div#header div#nav a#foodmatters { width: 103px; background: transparent url(img/nav-foodmatters.gif) left 0 no-repeat; }
div#header div#nav a#foodmatters:hover { background: transparent url(img/nav-foodmatters.gif) left -29px no-repeat; }
div#header div#nav a#filmseries { width: 85px; background: transparent url(img/nav-filmseries.gif) left 0 no-repeat; }
div#header div#nav a#filmseries:hover { width: 85px; background: transparent url(img/nav-filmseries.gif) left -29px no-repeat; }
div#header div#nav a#speakup { width: 81px; background: transparent url(img/nav-speakup.gif) left 0 no-repeat; }
div#header div#nav a#speakup:hover { width: 81px; background: transparent url(img/nav-speakup.gif) left -29px no-repeat; }
div#header div#nav a { display: block; float: left; height: 24px; }

div#header a#coupons { display: block; height: 45px; width: 110px; position: absolute; left: 859px; top: 42px; z-index: 99;
background: transparent url(img/coupons.png) 0 0 no-repeat;  _background: transparent url(img/coupons.gif) 0 0 no-repeat; }

div#header a#coupons:hover { background-position: left -50px; }

div#pagewrap { background: transparent url(img/page-bkgd.png) 0 0 repeat-y; }
div#pagewrap { _background-image: url(img/page-bkgd.gif); }

div#page { background: transparent url(img/header-bottom.gif) 0 0 no-repeat; padding-right: 36px; overflow: auto; }


div#main { width: 768px; float: left; }


img.pagehead { margin: 10px 0 4px 36px; }




/* content */
div#content { width: 525px; _width: 540px; float: right; text-align: left; margin-right: 15px; _margin-right: 5px;}
div#content p { color: #666; line-height: 150%; margin: .75em 0; }

div#content ul.lge { margin: .75em 0 .75em 1.5em; }
div#content ul.lge li { margin: .25em 0 .5em; }
div#content ul.lge li ul { margin: .75em 0 .75em 2em; }


body.food p.foodintro { font-style: italic; font-size: 110%; color: #222; }

body.speakup div.wide, body.coupons div.wide { width: 710px!important; _width: 720px!important; padding-top: 15px!important;}



/* subnav */
div#subnav { width: 200px; float: left; text-align: left; _margin-top: 5px;}
div#subnav ul { margin: 0; padding: 0; list-style-type: none; }
div#subnav ul li { margin: 0; padding: 0 0 0 11px; }
div#subnav ul li a { display: block; width: 190px; height: 62px; background: url(img/subnav.png) 0 0; }
div#subnav ul li.subnav-partners a { height: 77px; }

div#subnav ul li.subnav-seafood a { background-position: left 0px; }
div#subnav ul li.subnav-meat a { background-position: left -62px; }
div#subnav ul li.subnav-noadditives a { background-position: left -124px; }
div#subnav ul li.subnav-wholetrade a { background-position: left -186px; }
div#subnav ul li.subnav-green a { background-position: left -248px; }
div#subnav ul li.subnav-organics a { background-position: left -310px; }
div#subnav ul li.subnav-local a { background-position: left -372px; }
div#subnav ul li.subnav-pbc a { background-position: left -434px; }
div#subnav ul li.subnav-partners a { background-position: left -496px; }

div#subnav ul li.subnav-seafood a:hover { background-position: right 0px; }
div#subnav ul li.subnav-meat a:hover { background-position: right -62px; }
div#subnav ul li.subnav-noadditives a:hover { background-position: right -124px; }
div#subnav ul li.subnav-wholetrade a:hover { background-position: right -186px; }
div#subnav ul li.subnav-green a:hover { background-position: right -248px; }
div#subnav ul li.subnav-organics a:hover { background-position: right -310px; }
div#subnav ul li.subnav-local a:hover { background-position: right -372px; }
div#subnav ul li.subnav-pbc a:hover { background-position: right -434px; }
div#subnav ul li.subnav-partners a:hover { background-position: right -496px; }



ul.foodlinks  { margin: 20px 0; padding: 15px 0; background: url(img/divider-dotted.png) 0 0 no-repeat; list-style-type: none; _height: 24px; _overflow: hidden; }
ul.foodlinks li { display:block; width: 64px; height: 72px; float: left; }
ul.foodlinks li a { display:block; width: 64px; height: 72px; background-color: #999;  _background-color: #006B4E;  }
ul.foodlinks li a:hover { display:block; background-color: #006B4E;  }
ul.foodlinks li#sf, ul.foodlinks li#sf a { width: 54px; }
ul.foodlinks li#naa, ul.foodlinks li#naa a { width: 74px; }

body#seafood ul.foodlinks li#sf a, 
body#meat ul.foodlinks li#mp a, 
body#additives ul.foodlinks li#naa a, 
body#wholetrade ul.foodlinks li#wt a, 
body#greenmission ul.foodlinks li#gm a, 
body#organics ul.foodlinks li#org a, 
body#local ul.foodlinks li#loc a, 
body#premiumbodycare ul.foodlinks li#pbc a { background-color: #333; }




/* sidebar */
div#sidebar { width: 210px; float: right; background: transparent url(img/sidebar-bkgd.png) 0 0 repeat-y; margin: 10px 0; _margin-left: 4px; padding-bottom: 1px; }
div#sidebar div.sidebox { padding: 1px 10px 10px; }
div#sidebar div.sidebox h4 { font-size: 1.2em; }
div#sidebar div.sidebox h4, div#sidebar div.sidebox p { margin: .5em 0; text-align:left; padding: 0 15px;}
div#sidebar div.sidebox h4 a { text-decoration:none; }

div#sidebar div#pollpromo, div#sidebar div#filmspromo { background: url(img/sidebar-divider.gif) center top no-repeat; padding-top: 15px; }

div#facebookbar a { display: block; text-decoration:none; height: 45px; overflow:hidden; background: transparent url(img/sb-facebook.png) left top  no-repeat; }
div#facebookbar a:hover { background-position: left bottom!important; }
div#facebookbar a span { position: relative; left: -9999em; }


div#sidebar div#twitterfall { background: url(img/sb-twitter-bkgd.gif) center bottom no-repeat; text-align:left; padding: 0 0 15px; }
div#twitterfall h4, div#twitterfall a { color: #fff;  }
div#twitterfall p.complete { color: #435587; padding: .5em 15px 0!important; }
div#twitterfall p a:hover { color: #435587; }
div#twitterfall p.prompt { color: #fff; font-size: 110%; }
div#twitterfall a.tweetbutton, div#twitterfall a.tweetbutton:hover { display:block; background: url(img/twitter-respond.gif) right top no-repeat; height: 30px; overflow:hidden; text-decoration:none; }
div#twitterfall a.tweetbutton:hover { background: url(img/twitter-respond.gif) right -33px no-repeat; }
div#twitterfall a.tweetbutton span { position: relative; left: -9999em; }

div#twitterwidget { padding-left: 5px; }
div#twitterwidget p { margin: 0!important; }
div#twitterwidget a { text-decoration: underline!important; }

.tweet {
	display: block;
	clear: both;
	padding: .6em;
	margin: .3em;
	overflow: hidden;
}

#tweets2{display:none;}

.tweet b, .tweet a {
	font-weight: bolder;
	color: #00395B;
	font: 11px/1.2 "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.tweet p.text {
	margin: 0;
	padding: 0 20px;
	font-size: 11px;
	color: white;
}

.FBT-feedOuter {
	width: 206px;
	height: 260px;
}

.FBT-twitterFeed {
	width: 206px;
	height: 240px;
	padding-top: 10px;
	overflow: hidden;
	font: 11px/1.2 "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: lighter;
}




div#sidebar a.sidebutton { display: block; width: 111px; background: url(img/sidebar-buttons-bkgd.png) right top no-repeat; height: 33px; margin-left: 87px; }
div#sidebar a.sidebutton:hover { background-position: right -33px; }


body.films div#filmspromo, body.speakup div#pollpromo, body.watch div#videospromo, body.watch div#twitterwidget { display: none; } 


/* footer */
div#footer { background: transparent url(img/footer-bkgd.png) 0 0 no-repeat; padding: 25px 0; _background:none; text-align: center; font-size: x-small; }
div#footer p { _padding-top: 20px; }
div#footer a { margin: 0 3px; }
div#footer a:hover { color: white; }


/* store special landing pages */

div#storespecials { background: transparent url(img/saletags-1wk.jpg) left bottom no-repeat; padding-bottom: 450px; }

body#south div#storespecials { background: transparent url(img/saletags-1wk.jpg) left bottom no-repeat; padding-bottom: 450px; }
div.specialdetail { text-align: center; padding: 0 30px 0 70px; background: transparent url(img/saletags-hole.gif) 40px 30% no-repeat;}

div.specialdetail h3 { line-height: 120%; padding-top: .5em;}
div.specialdetail h3 span { color: #B00; }


/* film series pages */

body.films div.wide, body.watch div.wide, body.partners div.wide { width: 710px!important; _width: 720px!important; padding-top: 15px!important;}

body#filmseries ul.filmlist { list-style-type: none; margin-top: 10px; _margin-top: 20px; }
body#filmseries ul.filmlist li { margin: 0 0 1.5em; }


body#filmseries ul.filmlist li img { float: left; margin-top: 1.5em; border: 1px solid #999; }
html>/**/body#filmseries ul.filmlist li img { margin-top: 4px; }
body#filmseries ul.filmlist li div { margin-left: 88px; margin-top: 0!important;  }
body#filmseries ul.filmlist li div h2 { font-size: 1.4em; }
body#filmseries ul.filmlist li div h2, ul.filmlist li div p { margin: 0!important; }

body.films div#content table { width: 99%; border: none; }
body.films div#content table td, body.films div#content table th { vertical-align: top; padding: 10px 10px 0 0; }
body.films div#content table td { line-height: 130%; }
body.films div#content table th.listingshead { color: #930; }
body.films div#content table td span.venue { font-weight: bold; }
body.films div#content h2 { color: #930; }
body.films div#content h3 { margin-top: 1em; }
body.films div#content p.filmshare { margin: .5em 0 1em; }

body#filmsbystate th.title { width: 160px; }
body#filmsbystate td.location { width: 275px; }
body#filmsbystate td.admission { width: 90px; }
body#filmsbystate p.anchors { color: #ccc!important; }
body#filmsbystate p.anchors a { margin: 0 1px; }

p.filmshare { padding: .5em 0; }
p.filmshare a { text-decoration: none; }
p.filmshare img { position: relative; top: 3px; }
p.filmshare a span.sharelink { text-decoration: underline; }


/* partners page */

body#partners-index div#content ul { margin-left: 0;}
body#partners-index div#content ul li { list-style-type:none; padding-bottom: 1.5em; }
body#partners-index div#content ul li img { float: left; margin: .25em 10px 0 0; p }
body#partners-index div#content ul li h3 { font-size: 1.1em; margin: 0 0 0 190px; padding-bottom: 0; }
body#partners-index div#content ul li p { margin:0; padding: 0;  margin: 0 0 0 190px; }
body#partners-index div#content div#haitirelief { background-color: #ddef95; padding: 10px 20px; margin-bottom: 20px; }
body#partners-index div#content div#haitirelief h2 { font-size: 1.3em; margin-bottom: .5em; }
body#partners-index div#content div#haitirelief h3,
body#partners-index div#content div#haitirelief p
{ margin-left: 170px; }

/* home page only */

div#homepage { background: transparent url(img/header-bottom.gif) 0 0 no-repeat; padding-right: 0; }

div#homeslides { padding: 12px 43px; text-align: center; }
div#homeslides div { width: 936px; height: 316px; }


div#actions { text-align: center; padding-left: 40px; }

div.homecol { width: 205px; padding: 10px 15px 20px 5px; margin-right: 10px; background: #fff url(img/homecol-divider.png) right top no-repeat; float: left; }
div.homecol#col-video { width: 190px; margin-right: 0; padding-left: 5px; background-image: none; }
div.homecol#col-twitter { width: 230px; }
div.homecol h2 { font-size: 1.2em; }
div.homecol h2 a { text-decoration: none;  }
div.homecol h2 a:hover { text-decoration: underline;  }
div.homecol p { margin-bottom: .5em;  }
div.homecol h2, div.homecol p { text-align:left; line-height: 130%; }