/* ****************** */
/* Reset HTML styles */
/* ****************** */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: #000; background: #fff;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
img,
a img {border: none;}

/* *************** */
/* Utility Styles */
/* ************** */

/* CLEARFIX: Just add a class of .clearfix to any element containing a float needing to be cleared, plus any Guillotine-Bug-fixing block elements within the container. (source: http://www.positioniseverything.net/easyclearing.html) */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* additional clearfix elements are in ie.css */
/*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,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: helvetica,arial,sans-serif;}
h1{font-size:195.4%; color:#e97900; text-transform: uppercase; line-height: 1.3em;}
h2{font-size:114%; color:#53682b;/*margin-bottom:5px*/;}
h3{font-size:100.5%; color:#666; margin-bottom:3px;}
h4{font-size:108%; color: #333; margin-bottom:3px;}
h5{font-size:108%; color:#000;}
h6{
	font-size:20px;
	margin: 20px 0 0 0;
	color:#666;
	}
/* HTML */
a{color: #e97900;}
a:hover {
	text-decoration:none;
}
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(../images/bg-wrapper.png) 0 0 repeat-y; 
	text-align: left; 
	font-size: 1.2em;
	}
	
#header,#page{
	width: 908px; 
	clear: both;
	}
#page{
	background: url(../images/bg-subTopper.png) 0 0 repeat-x; 
	overflow: hidden;
	}
	
.homepage #content{
	width: 908px; 
	float: left;
	}
.subpage #content{
	width: 622px; 
	padding: 50px 10px 20px 30px; 
	float: left;
	}
.homepage #promos{
	width: 918px; 
	margin-top: -12px; 
	height: 250px;
	display: inline;
	position:absolute;
	top:351px;
	left:0;
	}
/*Alternate Content Layouts*/
.layout-promosLeft #promos{float: left; width: 246px; padding-top: 40px; overflow: hidden; margin-bottom:30px;}
.layout-fullWidth #content{width: 870px;}
.layout-2col #content {float:left; width:500px;}
/* ****** */
/* 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(../images/logo-FA.png)}
.txt-HAMonth{width: 486px; background: url(../images/txt-HAMonth.png) 0 40px no-repeat;}
.logo-HAM{width: 120px; background: url(../images/logo-HAM.png); background-position: 6px 0;}
.logo-FA a,.logo-HAM a{display: block; height: 80px; width: 120px;}
/* ********** */
/* Navigation */
/* ********** */
/* superfish.css */
/* ************ */
/* Content Area */
/* ************ */
#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 div{width: 228px; float: left; overflow: hidden;}
.homepage #promos img{width: 224px;}
.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;}
#content #share{text-align:right; position:relative; top:-15px;}
/*Events page*/
#events-form{margin-top: 10px; margin-bottom:20px;}
#events-form label, #events-form select{text-transform:uppercase;}
#events-form input.zip, #events-form select.state{width:150px; margin-right:10px;}
#events-form select.state{margin-left:10px;}
#events-form  input.go{position:relative; top:15px;}
h3.results-title{color:#595959;}
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;}
.events-results-list .events-result dl dd{float:left; margin-top:10px; width:490px; font-weight:bold;}
/*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:320px; height:70px; margin-right:20px;}
.tellafriend .btn-send{position:relative; bottom:-60px;}
.tellafriend p.info{font-size:90%; padding-top:5px;}
/*Stories*/
.story-display-controls{padding-bottom:10px;}
.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; background: url(../images/bg-tabBorder.png) bottom left repeat-x; overflow: hidden !important;}
.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:90px; height:55px; padding-left: 60px; border:1px solid #b2adaa; margin-right: -1px;}
.story-tabs li.last{border-right:1px solid #b2adaa;}
.story-tabs li.ui-tabs-selected{background-color:#ebebeb; padding-bottom: 1px;}
.story-tabs li.ui-tabs-selected a{color: #e97900;}
.story-tabs li.ui-tabs-selected a .location{color: #333;}
.story-tabs li .tab-img{float:left; padding:10px;}
.story-tabs li .name, .story-tabs li .location{display: block; margin:0; padding:0;}
.story-tabs li .name{font-weight:bold; padding-top:10px;}
@media projection, screen {.ui-tabs-hide {display: none;}}
@media print {.tabs {display: none;}}
.tabs-content{background-color:#ebebeb; padding:20px; border:1px solid #b2adaa; border-top: none; margin:0; clear:both; overflow: hidden;}
.tabs-content .leftcol{float:left; width:160px;}
.tabs-content .leftcol img.face{border:1px solid #beb8b5;}
.tabs-content .rightcol{width:350px; margin-left:180px;}
.tabs-content .rightcol p.title{font-size:130%; color:#e97900; font-weight:bold; margin-bottom:0;}
.tabs-content .rightcol p.food-bank-info a{font-weight:bold;}
/* ********/
/* Footer */
/* ****** */
#footer{clear: both; width: 630px; margin: 50px 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; position:relative;}
#footer a:hover{color: #000; text-decoration: underline;}
.template-listing li{padding-bottom: 6px;}
.template-listing strong{display: block; float: left; width: 126px;}

/* DDC Added Styles */

/* Home */

#top {
	position:relative;
	float:left;
	min-height: 500px;
	_height:500px;
}

#ticker{
position:absolute;
width:160px;
height:236px;
top:40px;
padding:10px;
left:728px;
text-align:center;
z-index:9999;
}

#ticker-sub{
background:url(../images/ticker-sub.jpg);
width:184px!important;
height:285px;
padding:20px;
text-align:center;
}

	#ticker br.space, #ticker-sub br.space{
	
		margin-bottom:15px;
	
	
	}

	#ticker p, #ticker-sub p{
		font-size:11px;
		color:#777;
	}
	
	#ticker h1, #ticker-sub h1{
		font-size:170%;
		line-height:1.2em;
	}
	
	#ticker h2, #ticker-sub h2{
		font-size:98%;
	
	}
	
	#ticker h3, #ticker-sub h3{
		color:#53682B;
	}
	
	#ticker .totals, #ticker-sub .totals{
		margin-bottom:10px; 
		padding:2px; 
		color:#777; 
		text-align:center;
	}
	
	#ticker-sub .totals{
		width:184px!important;
	}
	
	#ticker-sub #ticker-spin{
		width:138px;
	}
	
	       
#ticker-spin {
	background: #000;
	height: 25px;
	padding: 1px 1px 1px 0;
	width: 138px;
	margin:0 auto 5px;
}
#ticker-spin img {
	margin-left: 1px;
}


/* Login */
.login-form {
left:300px;
position:absolute;
top:10px;
width:500px;
}

.login-form input.submit {
background-image:url(../images/btn-login.png);
border:0 none;
cursor:pointer;
height:30px;
margin:0;
width:61px;
}

.login-form label {
display:inline;
float:none !important;
margin:18px 0 0 5px !important;
padding-right:5px;
text-align:right;
font-size:10px;
}

.login-form input {
display:inline;
}

.login-form input.text {
margin:0;
width:120px;
}

/* Nav */

.MenuContainer {  
position:absolute;
z-index:999;
top:93px;
width:928px;
margin-left: 10px;
/*background-color:#666;*/
text-transform:uppercase;
font-size:90%;
/*width:668px; */
padding-top:4px;
}

.MenuContainer li{
/* UnComment this if you would like a Menu under the banner*/
float:left;
line-height:1.3;
background:url(../images/nav-bg.jpg) repeat-x;
height:21px;
padding-top:8px;
border-left:1px solid #ccc;
border-right:1px solid #6F6F6F;

}

.MenuContainer a:link, .MenuContainer a:visited, .MenuContainer a:active { 
color: #FFF; 
display:block;
padding-left:7px;
padding-right:7px;
font-size: 1em;
font-weight:700;
margin-left:5px;
margin-right:5px;
text-decoration:none;

/* width:105px;  This is need to make IE6 work correctly, this value should be the width of the Container - all padding and margins */
}

.MenuContainer a:hover { 
/*background-color: #000;
text-decoration:none;*/
color:#FFE2BF;
}



/* common site styles 
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
textarea{ /* Used to set the size of the textarea on composeletters page & Tell-Ariend */
width:90%;
height:150px;
}

label { 
display:block;
float:left;
font-weight:bold;
margin-top:5px;
width:8em;
}

input {
background:#FFFFFF url(../images/bg-input.gif) repeat-x scroll left top;
border:1px solid #CCCCCC;
padding:5px;
margin-bottom:5px;
width:150px;
}
select{
margin-bottom:10px;
}


.clear {
clear:both;
}

.alt {
display:none;
}


.small{
	font-size:10px;
}

.red{
	color:#FF0000;
}

.clear {
	clear:both;
}


/* Content Managed Class */

.cm ul, .cm ol{
margin-left:50px;
padding:5px;
}

.cm ul {
list-style-type:disc;
}

.cm ol {
list-style-type:decimal;
}

.RequiredMark {
color:#FF0000;
display:block;
float:left;
font-size:.8em;
font-weight:700;
margin-top:10px;
width:0.8em;
}

/* Sub image */

#sub_graphic{
	width:100%;
	background-color:#999;
	height:175px;
}



/* Communicate */

#LetterRegistration {
margin:20px 0;
width:670px;
}

#LetterRegistration #RegColumn1 {
float:left;
width:125px;
}

#LetterRegistration #RegColumn2, #LetterRegistration #RegColumn3 {
float:left;

width:320px;
}

#LetterRegistration #RegColumn3 {
margin-left:15px;
}

#LetterArea {
background-color:#EFEBE0;
border:1px dotted #999999;
padding:25px;
width:580px;
}

.CLLetterBody {
background-color:#FFFFFF;
border:1px solid #DDDDDD;
color:#9A9B92;
font-size:12px;
height:320px;
line-height:1.3em;
padding:15px;
width:540px;
}

.CLSignature {
font-weight:bold;
}

#callout{
float:right;
width:220px;
}

button, a.button, input.button {
background:#CB8700 url(../images/bg-button.png) repeat-x scroll left top;
border:1px solid #B67A00;
color:#FFFFFF;
cursor:pointer;
font-size:9pt;
font-weight:bold;
padding:6px 10px;
text-decoration:none;
}

button:hover, a.button:hover, input.button:hover, input.submit:hover {
color:#FFFFFF;
opacity:0.8;
text-decoration:none;
}


/* Tell a friend */
/*.letter_format_taf {
background:#F6F6EF url(../images/bg-text.png) repeat-x scroll 0 0;
border:1px solid #FFFFFF;
color:#9A9B92;
font-size:12px;
height:430px;
line-height:1.3;
padding:7px;
width:480px;
}*/

#TAFLetter {
background-color:#F6F6F6;
border:1px solid #DDDDDD;
color:#9A9B92;
font-size:12px;
line-height:1.3em;
padding:15px;
}

#right_callouts{
float:right;
width:300px;
margin-top:60px;

}

input.text, input.title, textarea.text {
background:#F6F6EF url(../images/bg-text.png) repeat-x scroll 0 0;
border:1px solid #FFFFFF;
color:#333333;
font-size:12px;
padding:7px;
}


/* sidebar */

.grey-box{
	margin:0!important;
	padding:0!important;
	background:url(../images/grey-grad.jpg) repeat-x;
	text-align:center;
}

.grey-box li{
	list-style-type:none;
	float:left;
	width:175px;
	padding:15px;
	height:105px;
	background:url(../images/grey-grad.jpg) repeat-x;
	background-position:bottom left;
	background-color:fff;
	border:1px solid #DFDFDF;
	margin:5px 0 30px 0;
}

.grey-box h1{
	font-size:100%;
	margin-bottom:10px;
	margin-top:10px;
}

.grey-box a{
	color:#53682B;
	
}



/* Communicate */

 .clock-border{
	 padding:20px!important; 
	 border:1px solid #DFDFDF;
	
 }
 
#clock td{
	padding:5px;	
}


/* comm-call */

b.number{
	
	text-transform:uppercase;
	font-weight:bold;
	color:#E97900;
}


/* share-social */

.imgLeft{
	float:left;
	padding-right:8px;
	padding-bottom:2px;
	padding-top:5px;
}

.social-sub {
	 background:url(../images/social-bg.jpg)!important; 
	 height:460px!important;
	 text-align:left!important;
	 
}

.grey-box li.social{
width:auto;
height:40px;
}

/* My Profile */

#ham-totals{
margin-top:10px;
}

#ham-totals td{
	background-color:#efefef;
	border-bottom:1px solid #fff;
	padding:10px;	
}

#ham-totals td.grey{
	
	background-color:#ccc;
	text-align:center;
}

#ham-totalsMed{
margin-top:10px;
}

#ham-totalsMed td{
	background-color: #bdd888;
	border-bottom:1px solid #fff;
	padding:10px;	
}

#ham-totalsMed td.grey{
	
	background-color: #8aad47;
	text-align:center;
}
#ham-totalsSmall{
margin-top:10px;
}

#ham-totalsSmall td{
	background-color: #f2d7b1;
	border-bottom:1px solid #fff;
	padding:10px;	
}

#ham-totalsSmall td.grey{
	
	background-color:#d09949;
	text-align:center;
}

#loginInError {
	color:#F00;
	font-weight:bold;
}

.select-text {
	background-color:#F6F6EF;
	border:1px solid #EFEFEF;
	color:#333333;
	font-size:12px;
	margin:0 0 6px 1px;
	padding:7px;
	width:110px;
	display: inline;
}

.JumpLinks { /* Built into all pages */
	width:200px;
	}
	
.JumpLinks a {
	display:block; 
	margin-top:3px; 
	padding:0 0 0 15px; 
	position:relative; 
	float:left; 
	width:180px; 
}
.AllowBullets ul{
list-style:disc;
margin-left:40px;
padding:5px;
}
#targets {
	float: left;
	display: inline;
}
.targetsch {
	float:left;
	margin: 0 0 2px 0;
	display: inline;
}
.chTarget {
	margin:0;
	background:none;
	width:20px;
	border: none;
}
.homeJumplinks {
	padding: 16px 0 0 0;
	margin-right: -1px;
	display:inline;
}

#badge body{
	background-color:#FFF;
	text-align:left;
	
}

#badge .MenuContainer{
	width:460px;
	margin: auto;
}

#fac-small {
	float:right; 
	margin:10px 20px 0 0;
	
}

#fac-small h5{
	color:#E97900;
	font-size:14px;
	font-weight: bold;
}

#fac-med {
	float:left; 
	margin:10px 0 0 50px;	
}

#fac-med h5{
	color:#53682B;
	font-size:14px;
	font-weight: bold;
}

#fac-large {
	float:left;
	margin: 10px 0 0 0;
	width:250px;
}

#fac-large h5{
	color: #000;
	font-size:14px;
	font-weight: bold;
}

#homeImagesFade {
	position: relative;
	}
	#ItemsToFade img {
		position: absolute;
		left: 0;
		top: 0;
	}