/*
   application.css

   Created by Craig Mink on 2008-10-15.
   Copyright 2009 Full Steam Marketing & Design. All rights reserved.
*/

/*  Import Default Generic Rules
----------------------------------------------- */
@import url(reset.css);
@import url(generic.css);

/*  Setup the wireframe s1ze
----------------------------------------------- */
body {

  background: #092c00 url('design/body-background.gif') repeat-x top left;
}

#wrapper {
  width: 960px;
  margin: auto auto;
  background-color: #fff;
  background: #fff url('design/wrapper-background.gif') repeat-y top left;
  border-left: 5px solid #000;
  border-right: 5px solid #000;
  border-bottom: 5px solid #000;
  border-top: none;
}

a img {
  border: none;
}

.content table, .content tr, .content td, .content th {
  border: none;
}

h1.section-heading, h2.section-heading {
  text-transform: lowercase;
}

h1.section-heading em, h2.section-heading em {
  font-style: normal;
  color: #360;
}

h2.section-heading em {
  margin-left: -.25em;
}

select {
  font-family: monaco,"Lucida Console",courier,mono-space;
  font-size: 92%;
  padding: 0.5em 0.4em 0.15em;
}

/*  Specialized Wireframe Rules
----------------------------------------------- */

.content a {
  padding: 0;
}

.content-block {
  clear: both;
}
.hidden {
  visibility: hidden;
}
.inactive a, .inactive li a {
  color: #bbb !important;
}
.sourcefile {
  background-color: #ff3;
  color: #c00;
  display: none;
}
.sourcefile:before {
  content: "Source: ";
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
  letter-spacing: -0.05em;
  line-height: 1em;
}

.content table, .content td, .content th {
  font-size: 12px;
  line-height: 1.2em;
  padding: 0.5em;
  border: 1px solid #ca6;
}
.content tr.odd td {
  background-color: #ede5d4;
}




/* Navigation
----------------------------------------------- */
.content #nav {
  width: 960px;
  height: 68px;
  background-color: #360;
  font-family: Arial, sans-serif;
  font-size: 14px;
  margin: 0;
  padding: 0;
}

.content #nav li {
  text-indent: -99999px;
  overflow: hidden;
}

.content ul.navigation {
  list-style: none;
  padding: 0;
  margin: 0;
  height: 68px;
}

.content ul.navigation li {
  float: left;
/*  font-size: 22px;*/
  font-size: 157%;
  line-height: 22px;
  list-style: none;
  display: inline;
  margin: 0;
  height: 68px;
  color: #fff;
}

.content ul.navigation li a {
  float: left;
}

.content #nav #nv-volunteer, .content #nav #nv-volunteer a {
  width: 160px;
  height: 68px;
}

.content #nav #nv-volunteer a {
  background: #360 url('design/nav-image.gif') top left;
}
.content #nav #nv-volunteer, .content #nav #nv-volunteer a:hover, .volunteer-page .content #nav #nv-volunteer a {
  background: #360 url('design/nav-image.gif') bottom left;
}

.content #nav #nv-get-food, .content #nav #nv-get-food a {
  width: 145px;
  height: 68px;
}
.content #nav #nv-get-food, .content #nav #nv-get-food a:hover, .get-food-page .content #nav #nv-get-food a {
  background: #360 url('design/nav-image.gif') -160px bottom;
}
.content #nav #nv-get-food a {
  background: #360 url('design/nav-image.gif') -160px top;
}

.content #nav #nv-donate, .content #nav #nv-donate a {
  width: 194px;
  height: 68px;
}
.content #nav #nv-donate a {
  background: #360 url('design/nav-image.gif') -305px top;
}
.content #nav #nv-donate, .content #nav #nv-donate a:hover, .donate-page #nav #nv-donate a {
  background: #360 url('design/nav-image.gif') -305px bottom;
}

.content #nav #nv-programs, .content #nav #nv-programs a {
  width: 131px;
  height: 68px;
}
.content #nav #nv-programs a {
  background: #360 url('design/nav-image.gif') -499px top;
}
.content #nav #nv-programs, .content #nav #nv-programs a:hover, .programs-page .content #nav #nv-programs a {
  background: #360 url('design/nav-image.gif') -499px bottom;
}

.content #nav #nv-calendar, .content #nav #nv-calendar a {
  width: 224px;
  height: 68px;
}
.content #nav #nv-calendar a {
  background: #360 url('design/nav-image.gif') -630px top;
}
.content #nav #nv-calendar, .content #nav #nv-calendar a:hover, .events-page .content #nav #nv-calendar a {
  background: #360 url('design/nav-image.gif') -630px bottom;
}

.content #nav #nv-about, .content #nav #nv-about a {
  width: 93px;
  height: 68px;
}
.content #nav #nv-about a {
  background: #360 url('design/nav-image.gif') -854px top;
}
.content #nav #nv-about, .content #nav #nv-about a:hover, .about-page .content #nav #nv-about a {
  background: #360 url('design/nav-image.gif') -854px bottom;
}

.content ul.navigation li:before,
#sidecol #subnav ul li:before,
#footer-nav li:before,
.content ul li:before { content: ""; } /* removing bullets for navigation unordered lists */

.content #main-nav {
  font-size: 110%;
}
.content #c-nav ul {
  border-bottom: 1px solid #eee;
  margin-bottom: 1ex;
}

/*  Header
----------------------------------------------- */

.content #header {
  float: left;
  width: 960px;
  height: 204px;
  background-color: #fff;
  font-family: Arial, sans-serif;
  font-size: 14px;
  margin: 0;
  padding: 0;
}

.content #header h1 {
  text-indent: -99999px;
  margin: 0;
}

.content #header h1 a {
  float: left;
  background: #fff url('design/header-logo.gif') no-repeat top left;
  height: 204px;
  width: 233px;
}

.content #header #food-facts-container {
  padding: 10px 0 0 0;
}

.content #header #food-facts {
  float: right;
  line-height: 18px;
  width: 200px;
  padding: 10px 6px 0;
}

.content #header #food-facts h2 {
  margin: 0;
}

.content #header #food-facts em {
  font-style: normal;
}

.content #header #food-facts p em {
  color: #960;
}

.content #header #food-facts img {
  border-style: none;
}


.content #header #food-fact-image {
  float: left;
  padding: 0;
  width: 499px;
/*  height: 184px;*/
}

.content #header #food-fact-image img {
  padding: 2px;
  border: 1px solid #960;
}

.content #column-container {
  width: 960px;
  float: left;
}

/*  Aside
----------------------------------------------- */
.content .aside {
  clear: both;
  float: left;
  margin: 0 10px 10px 20px;
  width: 142px;
  background: transparent url('design/article-top.gif') repeat-x top left;
  font-family: Arial, sans-serif;
}

.content .aside dl {
  margin: 0;
  padding: 0;
}

.content .aside dt, .content .aside a:hover {
  color: #960;
}

.content .aside dd {
  margin: 0 0 10px 0;
}

.content .aside a {
  color: #360;
}

.content .aside #foodnews a {
  font-size: 12px;
}

.content .aside a.sponsor {
  display: block;
  width: 120px;
  margin: 0;
  padding: 10px 1px;
}


/*  Named
----------------------------------------------- */

.content #named {
  float: left;
  margin: 0 10px 10px 10px;
  width: 450px;
  background: transparent url('design/article-top.gif') repeat-x top left;
  font-family: Arial, sans-serif;
  font-size: 14px;
}

.content #named .section, .aside div.section {
  padding: 5px 10px 20px 10px;
  margin: 10px 0 0 0;
/*  font-size: 14px;*/
}
.content #named .article .section {
  margin-top: -4px;
}

.content #named .article p.donate-link {
  margin-top: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #ede5d4;
}
.content #named .article p.donate-link a span {
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}
.content #named .article p.donate-link a {
  display: block;
  background: transparent url('/images/home/fbm-food-aid-telethon-logo.jpg') no-repeat top center;
  width: 430px;
  height: 180px;
}
.content #named .article p.donate-link a img { display: none; }
.content #named .article p.donate-link a:hover {
  background-position: bottom center;
}
.content div.section+div.section {
  background: transparent url('design/named-section-divider.gif') repeat-x top left;
}

.content ul.section-list {
  list-style: none;
  padding: 0;
  margin: 0 0 40px 0;
  height: 68px;
  text-indent: 10px;
}

.content ul.section-list a {
  color: #fff;
  text-decoration: none;
}

.content ul.section-list li.li-1, .content ul.section-list li.li-2 {
  padding: 2px 0;
  margin-left: 0;
  text-indent: 10px;
}

.content ul.section-list li.li-1 {
  background-color: #960;
}

.content ul.section-list li.li-2 {
  background-color: #b1893b;
}

.content #named .section h1 {
  font-size: 225%;
  color: #092b00;
}

.content #named .section h2 {
  font-size: 150%;
  color: #960;
}

.content #named .section a, .content #sidecol #foodprograms a {
  color: #360;
}

.content #named .section a:hover {
  color: #960;
}

.content #named .section img {
  float: left;
  padding: 15px 15px 15px 0;
}

.content #named .section .board-members dt {
  margin-bottom: 0.4em;
  margin-top: 0.8em;
  font-weight: bold;
}

.content #named .section .board-members dd {
  margin: 0;
}


/*  Ways to Donate section
----------------------------------------------- */
.content #named .section .secure {
  color: #c00;
}
.content #named .section .secure img {
  float: none;
  vertical-align: center;
  padding: 0;
}

.content #donation-form {}
.content #donation-form label abbr {
  font-size: 100%;
  text-decoration: none;
  border: 0 none;
}
.content #donation-form fieldset {
  background-color: #f5ead7;
  border: 1px solid #eb9;
}
.content #donation-form legend {
  background-color: transparent;
  padding: 0 2px;
  font-style: italic;
}

/*  Programs
----------------------------------------------- */
.programs-page .content .section table {
  width: 100%;
}
.programs-page .content .section table td {
  padding: 0 5px;
}

.programs-page .content .section .standard-list {
  list-style-type: disc;
}
.programs-page .content .section .standard-list li {
  text-indent: 0;
}



.home-page .content .no-indent {
  margin: 0;
}

/*  Sidecol
----------------------------------------------- */

.content #sidecol {
  float: right;
  margin: 0 20px 10px 0px;
  width: 286px;
  background: transparent url('design/article-top.gif') repeat-x top left;
  font-family: Arial, sans-serif;
  font-size: 14px;
}

/*.content #sidecol h2, .content #sidecol #foodsponsors h3 {
  margin: 0 0 -10px 0;
}*/

.content #sidecol #foodsponsors h3 {
  color: #960;
}

.content #sidecol img {
  padding: 12px 10px 0px 0px;
}

.content #sidecol #subnav {
  padding: 10px 0 20px 0;
  margin: 10px auto 20px auto;
  width: 240px;
/*  font-size: 13px;*/
  font-size: 92%;
  background: transparent url('design/named-section-divider.gif') repeat-x bottom left;
}

.content #sidecol #subnav ul {
  list-style-type: none;
  padding: 10px 0 0 0;
  margin: 0;
}

.content #sidecol #subnav li {
  background: transparent url('design/bullet.gif') no-repeat 0 .75em;
  padding: 3px 10px 3px 15px;
  text-indent: 0;
  /*height: 20px;*/
}

.content #sidecol #subnav a {
  text-decoration: none;
  color: #336600;
}

.content #sidecol #subnav a:hover {
  color: #960;
}

.content #sidecol #foodprograms,
.content #sidecol #foodsponsors,
.content #sidecol #sidecol-links {
  padding: 0 0 25px 0;
/*  font-size: 12px;*/
}
.content #sidecol #foodprograms,
.content #sidecol #foodsponsors,
.content #sidecol #fb-like {
  margin: 20px auto;
  width: 240px;
  background: url('design/named-section-divider.gif') repeat-x bottom left;
}

#fb-like {
  padding: 0 0 20px 0;
}
/* for pages without subnav */
.home-page .content #fb-like,
.events-page .content #fb-like {
  padding-top: 10px;
}

.content #sidecol #presentspons {
  float: right;
  margin-top: -10px;
}

.content #sidecol #foodprograms h3 {
  color: #360;
  clear: both;
}
.content #sidecol #foodprograms h3 a {
  color: #360;
  text-decoration: none;
}

.content #sidecol #foodprograms img {
  float: left;
  margin: -8px 0 0 0;
}

.content #sidecol #sidecol-links {
  margin: 0;
  padding: 0 0 0 16px;
}

.content #sidecol #sidecol-links img {
  padding: 5px 0;
  margin: 0;
  border-style: none;
}
/* Index
-------------------------------------------------------- */
ul#nav {
  margin: 0;
  padding: 0;
  width: 130px;
}
ul#nav li {
  list-style-type: none;
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid #000;
  line-height: 20px;
  padding: 5px 0;
}
ul#nav li a {
  color: #000;
  text-decoration: none;
}


/* Calendar / Event Styles
-------------------------------------------------------- */
.event-date {}
.event-title { font-weight: bold; }
.event-location {}
.event-sponsor {}
.event-description {}


h3 span { color: #888; }


/* Error Rules
----------------------------------------------- */
.error, .fieldWithErrors {
  padding: 2px;
  /* margin: right; */
}
.content .fieldWithErrors input.textfield, .content .fieldWithErrors input,
.content .fieldWithErrors textarea, .content .fieldWithErrors select {
  border: 1px solid #c00 !important;
  background-color: #fee !important;
}
.content #errorExplanation {
  margin: 10px 0 20px;
  border: 1px solid #c00;
  padding: 0;
  background-color: #fff5f5;
}
.content #named .section #errorExplanation h2 {
  background: #c00 url("images/alertbad_icon.gif") no-repeat left;
  margin: 0;
  padding: 5px 5px 6px 30px;
  border: inherit;
  font-size: 12px;
  color: #fff;
  text-align: left;
  font-weight: bold;
}
.content #errorExplanation p {
  margin: 10px 10px 0 10px;
  padding: 5px;
  font-size: 11px;
  color: #c00;
}
.content #errorExplanation ul {
  margin-left: 30px;
}
.content #errorExplanation ul li {
  padding-right: 10px;
  color: #c00;
  font-size: 11px;
  list-style: square;
  text-indent: 0;
}

/* alerts (flash messages)
----------------------------------------------- */
div#alert {
  margin: 0 0 15px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 5px 5px 5px 30px;
  font-size: 11px;
  text-align: left;
}
div#alert.alertgood {
  background: #e2f9e3 url("images/alertgood_icon.gif") no-repeat left;
  border-color: #9c9;
  color: #060;
}
div#alert.alertwarning {
  background: #fff8dd url("images/attention_icon.gif") no-repeat left;
  border-color: #fc0;
  color: #000;
}
div#alert.alertbad {
  background: #c00 url("images/alertbad_icon.gif") no-repeat left;
  border-color: #c99;
  color: #fff;
  font-weight: bold;
}

/* Footer
----------------------------------------------- */
#footer {
  clear: both;
  background: #360 url('design/footer-background.gif') no-repeat top left;
  width: 960px;
  height: 50px;
  text-align: center;
  line-height: 1px;
/*  font-size: 13px;*/
  font-size: 92%;
  padding-top: 60px;
}

#footer, #footer a {
  color: #fff;
}

#footer a:hover {
  color: #960;
}

#footer-nav {
  clear: both;
  display: inline;
  padding: 2px;
}

#footer-nav a {
  text-decoration: none;
}

#footer-nav a:hover {
  color: #960;
}

#footer-nav ul {
  padding: 0;
  margin-left: 0;
}

#footer-nav li {
  padding: 0 12px;
  display: inline;
  list-style: none;
}