/*Table of Contents*/
/*HTML*/
/*Layout: the big containers*/
/*Alternate Content Layouts*/
/*Header*/
/*Navigation*/
/*Content Area*/
/*Events page*/
/*Partner*/
/*TellAFriend form*/
/*Stories*/
/*Footer*/
body{text-align: center; background: #4E2F17; font-family: helvetica,arial,verdana,sans-serif; font-size: 64%; line-height: 1.6em; color: #333;}
/* Headings */
h1,h2,h3,h4,h5,h6{font-weight:bold; font-style: normal; font-family: "Gotham",helvetica,arial,sans-serif;}
h1{font-size:195.4%; color:#e97900; text-transform: uppercase; line-height: 1.4em;}
h2{font-size:114%; color:#53682b; padding: 10px 0;}
h3{font-size:146.5%; color:#000;}
h4{font-size:123.1%; color: #000;}
h5{font-size:108%; color:#000;}
h6{font-size:108%; color:#000;}
/* HTML */
a{color: #e97900;}
a:hover {color: #BF6300;}
p{margin: 0.33em 0 1em 0;}
small{font-size: 85%;}
strong{font-weight: bold;}
em{font-style: italic}
big{font-size: 115%;}
sup{font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
form{margin: 0; padding: 0;}
hr{clear: both; border: 0; width: 100%; color: #d1d1d1; background-color: #d1d1d1; height: 1px; margin: 20px 0; padding: 0;}
.right{float:right;}
/* ************************** */
/* Layout: the big containers */
/* ************************** */
#wrapper{width: 908px; position: relative; padding: 14px 58px; margin: 0 auto; background: url(../../../img/minisites/ham/bg-wrapper.png) 0 0 repeat-y; text-align: left; font-size: 1.2em;}
#header,#page{width: 908px; clear: both;}
#page{background: url(../../../img/minisites/ham/bg-subTopper.png) 0 0 repeat-x; overflow: hidden;}
.homepage #content{width: 908px; float: left;}
.subpage #content{width: 620px; padding: 48px 10px 20px 32px; float: left; overflow: hidden;}
/*Alternate Content Layouts*/
.layout-promosLeft #promos{float: left; width: 246px; padding-top: 40px; overflow: hidden; margin-bottom:30px;}
.layout-fullWidth #content{width: 870px;}
/* ****** */
/* Header */
/* ****** */
#ada508{position: absolute; margin-left: -9999em;}
#header{height: 95px;}
#header h1 a,#header p,#header div{height: 95px; margin: 0; padding: 0; float: left; background-repeat: no-repeat; text-indent: -9999em;}
.logo-FA{width: 301px; background: url(../../../img/minisites/ham/logo-FA.png)}
.txt-HAMonth{width: 486px; height: 20px !important; margin-top: 40px !important; background: url(../../../img/minisites/ham/txt-HAMonth-on.png) 0 0 no-repeat;}
.txt-HAMonth a{display: block; width: 485px; height: 20px; background: url(../../../img/minisites/ham/txt-HAMonth.png) 0 0 no-repeat;}
.txt-HAMonth a:hover{background-image: none;}
.logo-HAM{width: 120px; background: url(../../../img/minisites/ham/logo-HAM.png) 6px 0 no-repeat;}
.logo-FA a,.logo-HAM a{display: block; height: 80px; width: 120px;}
/* ********** */
/* Navigation */
/* ********** */
/* superfish.css */
/* ************ */
/* Content Area */
/* ************ */
h1.image-title{height: 24px; margin-bottom: 10px; background-repeat: no-repeat; text-indent: -9999em;}
#content ul,
#content ol{margin: 1em 0; padding-left: 2.5em;}
#content ul{list-style-type: disc;}
#content ol{list-style-type: decimal;}
.subpage a.highlight{font-weight:bold;}
.subpage .graph{margin-top:30px;}
.homepage #promos {width: 920px; position: relative; left: -8px; top: 16px; margin-right: -10px; overflow: hidden;}
.homepage #promos div{height: 144px; float: left;}
.subpage #promos div{width: 246px;}
#promos div h2,
#promos div p{position: absolute; text-indent: -9999em;}
.layout-promosLeft #promos .share{padding-left:25px; padding-top:10px;}
.homepage #share{text-align:right; position:relative; top:6px; right: 4px;}
a.stbutton{padding: 3px 21px 3px 5px !important; background-position: 100% 0 !important; font-size: 0.84em; font-weight: bold; color: #666; text-transform: uppercase; text-decoration: none;}
.stico_default{}
/*Events page*/
#events-form{margin-top: 10px; margin-bottom:20px;}
#events-form .zip-holder{overflow: hidden; padding-bottom: 20px;}
#events-form input.zip, #events-form select.state{/*width:100px; added 2009-08-02*/ width: auto; margin-right:10px;}
#events-form select.state{}
h3.results-title{color:#595959; /*added 2009-08-02*/ clear: both; display: block; float: left; margin-top: 20px;}
/*Begin Added 2009-08-02*/
.zip-side {float: left; width: 150px;}
.state-side {float: left; margin-top: 25px;}
.within-label {clear: both; display: block;}
h4.foodbank-name{color:#e97900;}
h5.event-name{color:#53682b; font-size:110%;}
.events-results-list{margin-top:20px;}
.events-results-list .events-result{padding:20px; clear:both; overflow:auto;}
.events-results-list .odd{background-color:#ebebeb;}
.events-results-list .events-result dl dt{float:left; margin-top:10px; width:100px; clear:both; display:block;}
.events-results-list .events-result dl dd{float:left; margin-top:10px; width:450px; font-weight:bold; display:block;}
/*Partners*/
.partner-list{margin:40px 0 0 0 !important; padding: 0 !important;}
.partner-list li{float:left; height:30px; margin-right:30px; list-style-type: none;}
.partner-list li.cheesecake-factory{width:131px;}
.partner-list li.fortune{width:106px;}
.partner-list li.macys{width:105px;}
.partner-list li.sony{width:111px; }
h1 img{margin-bottom:10px;}
h2 img{margin-top:20px; margin-bottom:5px;}
/*TellAFriend form*/
.tellafriend{margin-top:10px;}
.tellafriend label{font-weight:bold; color:#333333; font-size:110%; padding-right:10px;}
.tellafriend .field-to{width:220px; margin-right:20px;}
.tellafriend .field-from{width:220px; }
.tellafriend .field-message{width:600px; height:140px; margin-right:20px;}
.tellafriend .btn-send{position:relative; bottom:-60px;}
.tellafriend p.info{font-size:90%; padding-top:5px;}
/*Stories*/
#story-controls input,#story-controls select{vertical-align: middle;}
.story-display-controls{width: 200px; position: relative; top: -20px; padding-bottom:10px; overflow: hidden; left: 400px;}
.story-display-controls .display-state{margin-left:20px;}
.story-display-controls .browse{float:right;}
.story-display-controls .browse .fwd, .story-display-controls .browse .back{display:inline-block; position:relative; top:3px;}
.story-display-controls .browse .fwd{padding-left:10px;}
.story-display-controls .browse .back{padding-right:10px;}
.story-tabs{height:57px; margin: 0 !important; padding: 0 !important; clear: both; background: url(../../../img/minisites/ham/bg-tabBorder.png) bottom left repeat-x; overflow: hidden !important; width:605px;}
.story-tabs a{color: #333; text-decoration: none;}
.story-tabs a.anchor{display:block; height:55px; position:absolute; left: 0; text-decoration:none; width:140px;}
.story-tabs li{list-style-type: none; position: relative; float:left; width:150px; height:55px; border:1px solid #b2adaa; margin-right: -1px;}
.story-tabs li:hover {cursor:pointer;}
.story-tabs li.last{border-right:1px solid #b2adaa;}
.story-tabs li.active{background-color:#ebebeb; border-bottom:#ebebeb; padding-bottom: 1px;}
.story-tabs li.active a{color: #e97900;}
.story-tabs li.active a .location{color: #333;}
.story-tabs li img{float:left; padding:10px;}
.story-tabs li .name, .story-tabs li .location{display: block; margin:0; padding:0;}
.story-tabs li p.name {font-weight:bold; padding-top:10px; text-transform:uppercase;}
@media projection, screen {.ui-tabs-hide {display: none;}}
@media print {.tabs {display: none;}}
#story{background-color:#ebebeb; padding:20px; border-left:1px solid #b2adaa; border-right:1px solid #b2adaa; border-bottom:1px solid #b2adaa; border-top: 0; margin:0; clear:both; overflow: auto; width:563px;}
#story .leftcol{float:left; width:160px;}
#story img.logo{background-color: #fff; padding: 3px; border:1px solid #BEB8B5;}
#story img.photo{float: left; margin-right: 20px; border:1px solid #beb8b5;}
#story .rightcol{width:350px; margin-left:180px;}
#story .title{font-size:130%; color:#e97900; font-weight:bold; margin-bottom:0;}
#story .food-bank-info a{font-weight:bold;}
/*Just For Kids*/
.kids{background: transparent url(/sitefiles/img/minisites/ham/kids-bg.jpg) 0 0 repeat-x !important;}
.kids #content{width: 761px; /*height: 560px *//* Changed to work on it, so "Send" button will show up 460px */padding: 20px 30px 40px 40px; margin: 40px 0 20px 40px; background: transparent url(/sitefiles/img/minisites/ham/kids-contentBg-game.jpg) 10px 0 no-repeat !important; font-size: 1.15em; line-height: 1.4em; }
.subpage-kids #content{background-image: url(/sitefiles/img/minisites/ham/kids-contentBg.jpg) !important}
.kids #content-box{width: 692px; /*height: 280px; */height: 210px; padding: 50px 20px 10px 40px; margin: 0; overflow: hidden; /*background: transparent url(../../../img/minisites/ham/kids-contentboxbg.jpg) 0 14px no-repeat !important;*/}
.kids #content-box .bigPic{float: right; margin-top: -30px; display: none; visibility: hidden;}
.kids h1{color: #fff;}
.kids h1.image-title{/*background-position: 30px 0;*/}
/*.kids h1.just-for-kids{background-image: url(../../../img/minisites/ham/h1-becomeAHungerHelper.jpg);}
.kids h1.write-your-congressman{background-image: url(../../../img/minisites/ham/h1-helpUsMakeADifference.jpg);}
.kids h1.intro-video{background-image: url(../../../img/minisites/ham/h1-makeItRainFood.jpg);}
.kids h1.game{background-image: url(../../../img/minisites/ham/h1-playFoodCatcher.jpg);}*/
.kids h2{margin-top: 40px; background-repeat: no-repeat; background-position: 0 0; text-indent: -9999em;}
/*.kids h2.h2-theHungerHelperToolkit{background-image: url(../../../img/minisites/ham/h2-theHungerHelperToolkit.jpg);}*/
.kids h2.h2-playFoodCatcher{background-image: url(../../../img/minisites/ham/h2-playFoodCatcher.jpg); padding: 0 !important; margin: 0 !important; border: 1px }
.kids .homeIntro{font-size: 0.85em; line-height: 1.2em;}
.kids .home-box{width: 280px !important; float: right; clear: both;}
.kids a.playNow{display: block; margin: 20px 0 0 64px;}
.kids .mainText{height: 74px; margin-top: 6px; background: transparent url(../../../img/minisites/ham/kids-txt-helpFlint.gif) 0 0 no-repeat; text-indent: -9999em;}
/*.kids .home-box p{padding: 1.0em 0 0 0; margin: 0 !important; color: #fff; font-family: "Futura",helvetica,arial,sans-serif; line-height: 1.3em;}*/
.kids .home-box .logos{position: relative;}
.kids .home-box .logos li{float: left; list-style-type: none; position: absolute;}
.kids .home-box .logos li.fa{left: 10px;}
.kids .home-box .logos li.sp{left: 210px; top: -20px;}
.kids #promos{clear: both; left: -40px !important;}
.kids .send,.kids .or,.kids .download{float: left;}
.kids .send,.kids .download{margin-left: 40px; width: 300px;}
.kids .or{width: 60px; color: #fff; font-weight: bold; font-size: 1.2em; font-family: "Arial Narrow",arial;}
.kids .one,.kids .two{background-repeat: no-repeat; padding-left: 40px; margin-left: -40px;}
.kids .one{width: 300px; background-image: url(../../../img/minisites/ham/kids-iconOne.jpg);}
.kids .two{width: 300px; background-image: url(../../../img/minisites/ham/kids-iconTwo.jpg);}
.kids .send ul{padding: 0 !important;}
.kids .send li{list-style-type: none; padding-bottom: 0.5em;}
.kids .send label{display: block; position: absolute; text-indent: -9999em;}
.kids .send input,.kids .send textarea{padding: 3px; color: #666; border: 1px #8c8c8c solid; font-size: 12px; text-align: left;}
.kids .send input{width: 180px;}
.kids .send input.button{border: 0; width: auto;}
.kids .send textarea{width: 280px; height: 100px;}
.kids .send input#ctl00_ctl00_btnSend { width: 78px; }
.kids .thanks{clear: both; margin-top: 40px; text-align: center; font-size: 0.85em; padding: 0 140px; line-height: 1.3em;}
.kids .thanks a{color: #000; text-decoration: none;}
/* ********/
/* Footer */
/* ****** */
#footer{clear: both; width: 800px; margin: 30px auto 10px auto; padding-top: 10px; border-top: 1px #ccc solid; text-align: center;}
#footer a{color: #333; text-decoration: none; display:inline-block; padding: 0 5px 0 5px;}
#footer a:hover{color: #000; text-decoration: underline;}
.template-listing li{padding-bottom: 6px;}
.template-listing strong{display: block; float: left; width: 126px;}