/*
--=.._/(        Oregon Food Bank GLOBAL STYLES      )\_..=--
    	  */


/*
ISITE Design


--------- Notes -----------

* html {anything} addresses IE < 6 browser bugs
*+html {anything} addresses IE 7 browser bugs

------- typography ---------

font-sizes are set in em for resizable goodness.  Here's a basic guide for the stylesheet.
font-size: .642em; 	= 9px
font-size: .714em; = 10px
font-size: .78em; = 11px
font-size: .857em; 	= 12px
font-size: .928em; = 13px
font-size: 1em; = 14px
font-size: 1.071em;  = 15px
font-size: 1.143em; = 16px
font-size: 1.25em; = 17px
font-size: 1.285em;	= 18px
font-size: 1.357em; = 19px
font-size: 1.428em; = 20px
font-size: 1.5em; = 21px
font-size: 1.57em; = 22px
font-size: 1.643em; = 23px
font-size: 1.714em; = 24px

font colors:
	base body color: #333333;
		
link colors:
	main content a: #0000ff;
	main content hover: #999999;

*/

/* Basic browser reset  */
body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dd,dt,button,fieldset,legend,label,input,textarea,form { margin:0;padding:0;border:0; }
html,input,textarea,select { font-size: 100% } /*keep ie happy*/

body 					{ font: 87%/1.5 Helvetica, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6	{ border-bottom:1px solid #cabfaa; color:#603813; font-weight: normal; margin: 0 0 .25em 0;}

h1	{ font-size: 2.14em; } 	/* 30px */
h2	{ font-size: 1.43em; } /* 20px */
h3	{ font-size: 1.28em; line-height:1.2em; } /* 18px */
h4	{ font-size: 1em; } 	/* 14px */
h5	{ font-size: 0.857em; } 	/* 12px; */
h6	{ font-size: 0.78em; } /* 11px; */

p	{ margin-bottom: 0.85em; }

input, textarea { border: 1px solid #242323; }
abbr,acronym	{ border-bottom: 1px dotted #999; cursor: help; }
ul, ol 	{ margin: 0 0 0.85em 1.7em; }
table	{ border-collapse: collapse; }
td		{ border: 1px solid #ccc; padding: .5em;  }

/*----------------------------------- Site Structure --------------------*/

body { background:#112739 none; }

#header { background:#ccbc96 url(../img/css/bg-header.jpg) 0 0 repeat; }
	#header .decorator {
		background:transparent url(../img/css/bg-header-decorator.png) 0 0 repeat-x;
		height:4.356em;
		padding:24px 0 0;
	}
	#header .content-wrap { z-index:20; }
	#brand {
		border:none;
		display:block;
		height:171px;
		position:absolute; top:-22px; left:0;
		width:168px;
		z-index:20;
		
	}
		#brand img { border:none; }
	#search-site {
		padding:1.7em 0 0;
		float:right; }

#nav { position:relative; z-index:10; }	/* see navigation section for positioning of individual elements */

#content {
	background:transparent url(../img/css/bg-content.jpg) 0 0 repeat;
	overflow:hidden;
	position:relative;
	z-index:5;
}
	#content .decorator {
		background:#e7dcc2 url(../img/css/bg-content-decorator.png) center top repeat-y;
	}

	#content .content-wrap {
		background:#fff url(../img/css/bg-content-content-wrap.jpg) 0 0 repeat-y;
		overflow:hidden;
		padding:15px 22px 0;
	}

.content-wrap {
	margin:0 auto;
	position:relative;
	width:940px;
	}
	.content-wrap .content-wrap {
		margin:0;
		padding:0;
		position:static;
		width:auto;
	}

/* three col, secondary on left, tertiary on right   */

#lead { background:#d8c69b url(../img/css/bg-interior-wood.jpg) left bottom repeat; color:#603813; }
	#lead .content-wrap { 
		background:transparent url(../img/css/bg-lead-content-wrap.png) 0 0 repeat-y;
		min-height:286px;
		padding:0 0 15px;
	}
	.page-home #lead  .content-wrap{ min-height:500px; }
#content .inner-decorator { background:transparent url(../img/css/bg-inner-decorator.jpg) 0 0 repeat-y; overflow:hidden; }
#primary {
	background:transparent url(../img/css/bg-primary.png) 0 0 repeat-x;
	color:#252525;
	display: inline;
	float: left;
    margin-left: 220px;
	margin-top:-6px;
	overflow:hidden;
	padding:33px 0 0.85em 20px;
	width: 700px;
}
	#primary .introduction {
		margin:0 0 20px;
		overflow:hidden;
	}
	#primary .main {
		float:left;
		margin:0 20px 0 0;
		width:460px;
	}
	.sidebar {
		float:right;
		width:220px;
	}
	/* view is middle, full width callout on pages */
	#primary .view {
		border: 1px solid #cabfaa;
		border-width: 1px 0;
		clear: both;
		margin: 1.7em 0;
		padding: 0.85em 0;
	}
		#primary .view li 			{ height: auto; margin: 0 12px 0.85em 0; }
		.view h2                    { border-bottom:none; margin-bottom:0; }
		.view img.left              { margin-bottom:.42em; }
		.view-inner 				{ background: transparent url(../img/css/bg-view.jpg) 0 0 repeat-y; }
		.view-top, .view-bottom		{ display: none; } 
		.view-inner .view-top,
		.view-inner .view-bottom 	{ background: transparent url(../img/css/bg-view.jpg) -700px 0 no-repeat; display: block; height: 9px; overflow: hidden; width: 700px; }
		.view-inner .view-bottom 	{ background-position: -1400px 0; }
		.view-inner .view-content	{ padding: 8px 13px; }
		.album-list .view-content	{ padding: 0 13px; }
		
		.view-inner a.more			{ margin-top: .6em; }
		
#secondary {
	background:transparent url(../img/css/bg-secondary.png) right top no-repeat;
	color: #603813;
	display: inline;
	float: left;
	margin-left: -940px;
	margin-top: -6px;
	overflow:hidden;
	padding:0 8px 0 12px; 
	width: 200px;
}
	#secondary .content-wrap {
		background:transparent url(../img/css/bg-secondary-content-wrap.png) 0 0 repeat-y;
	}


/* home page interior layout is different */

.page-home #content { }
.page-home #content .inner-decorator { background:transparent none; padding-bottom:18px; }
.page-home #lead .content-wrap { padding-bottom:12px; }
.page-home #primary, .page-home #secondary {
	display:block;
	float:none;
	margin:0;
	padding:0;
	width:100%;
}
.page-home #primary {
	margin-top:-6px;
	padding:33px 0 0;
}
.page-home #primary .column {
	display:inline;
	float:left;
	margin:0 20px 0 0;
	width:380px;
}
.page-home .sidebar { width:140px; }

.page-home #secondary {
	background:#d8c69b url(../img/css/bg-interior-wood.jpg) left top repeat;
	margin:18px 0 0;
}
.page-home #secondary .decorator { background:transparent url(../img/css/bg-lead-content-wrap.png) 0 0 repeat-y; }
.page-home #secondary .content-wrap { background:transparent url(../img/css/dropshadow-top.png) 0 0 repeat-x; padding:9px 0 0; }
.page-home #secondary .callouts {
	background:transparent url(../img/css/bg-home-page-callouts.png) bottom left no-repeat;
	overflow:hidden;
	padding:6px 12px 15px;
}

.page-home #secondary .callouts h2 { border:none; font-size:1.57em; line-height: 1.2; }
.page-home #meals-count { background:transparent url(../img/css/h2-12456-meals.png) 0 0 no-repeat; display:block; height:41px; text-indent:-9999em; width:242px; }
.page-home #secondary .callout { float:left; }
#secondary .callouts #dropoff {
	padding:0 36px 0 0;
	width:206px;
}
#secondary .callouts #capital-campaign {
	padding:0 32px 0 0;
	width:224px;
}
#secondary .callouts #hunger-issues {
	background:transparent url(../img/css/bg-callouts-meals.png) top left no-repeat;
	min-height:162px;
	padding:0 0 0 168px;
	width:250px;
}





#footer { 
	background:transparent url(../img/css/bg-footer.jpg) 0 0 repeat-x;
	clear: both;
	color:#91b0c7;	
}
	#footer .content-wrap {
		overflow:hidden; 
		padding:36px 0 20px;
	}
	#footer a {
		color:#fff; 
		text-decoration:none;
	}
	#footer h3 {
		border-bottom:3px double #4c6578;
		color:#91b0c7;
		font-size:1.7em;
		margin-bottom:.143em;
	}
	#footer a:hover { color:#637b8a; }
	#footer a.button:hover { color:#fff; }
	#footer .nav {
		float:left;
		margin-right:20px;
		width:140px;
	}
	#footer li { padding:0 0 6px; }
	#footer .promoted, #footer .network { width:218px; }
		#footer .promoted li { 
			border-bottom:3px double #4c6578;
			padding:4px 0;
		}
			#footer .promoted li.last { border:none; }
		#footer .promoted a { 
			background:transparent url(../img/css/bg-footer-promoted.png) 0 .0714em no-repeat;
			display:block;
			font-size:1.285em;
			padding:0 0 0 16px;
			text-transform:uppercase;
		}
	#footer .network { 
	    margin:0 0 8px;
	    padding:0;
}
	#footer .network ul { margin:0 0 16px; }
	    #closing {
	        background:transparent url(../img/css/bg-footer-network.png) right bottom no-repeat;
	        clear:both;
	        padding:1em 0 0;
	        min-height:56px;
	    }

/* widgets and interior containers */

.section {
	overflow:hidden;
	margin:0 0 1.285em;
}
	.section-item { margin: 0 0 1.285em 0; }
.sidebar .section {
	border:5px solid #1c3c53;
}
.sidebar img { border-width:5px; }
	#content .sidebar .content-wrap {
		background:transparent url(../img/css/bg-sidebar-profile-img.png) 0 -1px repeat-x;
		border:1px solid #3d7a97;
		padding:8px;
	}
.page-home .sidebar .section {
	border:none;
}
.call-to-action { margin:0 0 1.285em; }
#content .call-to-action h3 {
	font-size:1.285em;
	border: none;
	color:#1a1a1a;
	margin:0;
}
.call-to-action a.button {
	display:inline-block;
	font-size:1.071em;
	padding:6px 8px;
}

.profile img {
	background:transparent url(../img/css/bg-sidebar-profile-img.png) left bottom repeat-x;
	border:none;
	margin:-8px -8px 0;
	padding:0 0 10px;
}
.profile .event-description { border-top:1px solid #bfbfbf }


.promotion, #secondary .section {
	background:#3d3021 none;
	color:#fff;
	margin:1.285em 0;
	overflow:hidden;
	padding:14px 12px;
}

#secondary .section { padding: 0; }
#secondary .section h2 { color: #FFF; }

	.promotion p, #secondary .section p { font-size:1em; }
	.promotion img, #secondary .section img { border:1px solid #3b2414; margin:0; }
.image {
	padding:0;
	position:relative; z-index:1;
}
	.image img { 
		background:transparent none;
		border-color:#3d7a97;
		display:block;
		padding:0;
	}
	.image a.button { float:left; margin: -30px 0 0 12px; position:relative; z-index:2; }

.nav-callout {
	background:#3d3021 url(../img/css/bg-home-nav-callout.jpg) 0 0 repeat;
	padding:8px;
}
.nav-callout ul {
	list-style:none;
	margin:0;
	padding:0;
}
.nav-callout ul li { margin:.429em 0; }
.nav-callout a, .nav-callout a:visited {
	color:#fff;
	font-size: 1em;
	line-height:1.2;
}
.nav-callout a:hover, .nav-callout a:active { color:#808080; }


.network li { margin:.25em 0; overflow:hidden; }
.nav-callout .network li { margin: 0 0 .643em; }
.page-home .nav-callout .network li {margin-left: -.2em;}
.nav-callout .network .advocate { margin-bottom:0; }
.network a {
	float:left;
	padding:0 0 0 24px;
}
	
	.network .newsletter a { background:transparent url(../img/css/icon-newsletter.png) 2px 2px no-repeat; }
	.network .facebook a { background:transparent url(../img/css/icon-facebook.png) 2px 1px no-repeat; }
	.network .twitter a { background:transparent url(../img/css/icon-twitter.png) 2px 1px no-repeat; }
	.network .addthis a { background:transparent url(../img/css/icon-addthis.png) 2px 1px no-repeat; }
	.network .advocate a { background:transparent url(../img/css/icon-advocate.png) 2px 3px no-repeat; }
	
	/* customization for AddThis widget */
	.network li a span {display:none;}
	.network li .addthis_button_compact span { display:inline; }
	#atffc { display:none; }

/* home page tabs */
#introductions .section {
	margin:0;
	overflow:hidden;
}

#introductions .content {
	background:transparent url(../img/css/bg-introductions-section.png) 0 0 repeat-y;
	margin:6px 0 0;
	overflow:hidden;
	padding:6px 16px;
}
#introductions .welcome .content { background:transparent none; }
	
#introductions h1,
#introductions h2,
#introductions h3 { 
	border:none;
	color: #3a2514;
	font-size:1.571em;
	line-height:1.09;
}
	#introductions h2 a, #introductions h2 a:visited { color: #3a2514; }

#introductions p,
#introductions .nav {
	font-size:1em;
	margin-bottom:.429em;
}

#introductions .welcome h1 {
	float:left;
	line-height:1.182;
	margin:0 20px 0 0;
	width:364px;
}
#introductions .welcome p {
	float:left;
	margin:0 20px 0 0;
	width:332px;
}
#introductions .image-main {  display:block; }

#introductions .nav {
	float:left;
	line-height:1.3;
	width:184px;
}
#introductions .callout {
	float:left;
	line-height:1.3;
	margin:0 0 0 22px;
	padding:0 0 0 22px;
	width:196px;
}

/* generic pager */
.pager { float:right; text-align:center; margin-top:.857em; }
.pager .prev { background:transparent url(../img/css/arrow-small-left.png) left center no-repeat; padding:0 .643em 0 10px; }
.pager .next { background:transparent url(../img/css/arrow-small-right.png) right center no-repeat; padding:0 10px 0 .643em; }

/* lighweightbox - lightbox like image pop out */
#lwb-overlay {
    background:#000 none;
    display:none;
    opacity:0.5;
    position:absolute; top:0; left:0;
    z-index:9999;
}
.ie #lwb-overlay { filter:alpha(opacity=50); }
#lwb {
    background:#fff none;
    border:3px solid /*#3d3021*/ #cabfaa;
    display:none;
    padding:8px 12px 4px;
    position:absolute;
    z-index:10000;
}
#lwb-content img { display:block; }
.lwb-close { padding:4px 0; text-align:right; }
.lwb-close-control { 
    background:transparent url(../img/css/icon-lwb-close.png) right 0 no-repeat;
    color:#587c23;
    cursor:pointer;
    font-size:.929em;
    font-weight:bold;
    padding-right:20px;
}
.lwb-close-control:hover { color:#253f19; background-position: right -16px; }




/*----------------------------------- Page-specific -----------------*/

/* search results */ 

#search-results {
	margin:0 0 1.5em;
	overflow:hidden;
}
#search-results h2 { margin-bottom:1em; }

.results { margin-bottom:0; }
.results h3 { border:none; margin-bottom:0; }

#search-results .service {
	border-bottom:1px solid #cabfaa;
	margin:1.285em 0 .428em;
	padding:0 0 14px;
}
.service h4 { 
	color:#603813;
	margin:0;
}
.service dl {
	overflow:hidden;
	width:460px;
}
.service dt {
	color:#1a1a1a;
	float:left;
	margin:0 .25em 0 0;
}
.service dd { margin:0 0 .25em; }

/* album page */
.album-list { 
	border-bottom: 1px solid #cabfaa;
	margin:0 0 .857em;
	padding:0 0 6px;
}
.album-list h2 { border-bottom:none; margin-bottom:.25em; }
.album-list h5 { font-size: 1em; }
.album-list ul {
	list-style:none;
	margin:0 -21px 0 0;
	overflow:hidden;
	padding:0;
	width:720px;
}
.album-list li{
	float:left;
	height:15.928em;
	margin:0 21px 1.429em 0;
	width:159px;
}
.album-list li p { margin:0; }
.videos li img {
	border-color:#382c1e;
	background-color:#9a8479;
}

/* calendar page */
.events-listing h2 { 
	font-size:2.143em;
	margin-top:0;
}
.events-listing dl.events { 
	font-size:1em;
	margin:0;
	overflow:hidden;
	padding:0 0 1em;
}
dl.events dt { 
	clear:left;
	float:left;
	margin:0 0 .25em;
	width:34%;
}
.events-listing dl.events  dt {	width:180px; }
dl.events dd { 
	float:left;
	margin:0 0 .25em;
	width:66%;
}
.events-listing dl.events  dd {	width:280px; }

#secondary .date { margin-bottom:48px; }
#secondary .date a { font-size:.857em; }
#secondary .nav-month .prev span,
#secondary .nav-month .next span { position:absolute; left:-9999em; top:0; }

#secondary .nav-month { padding:8px 0; text-align:center; }
#secondary .nav-month h3 { border:none; display:inline; margin:0; padding:0 4px; }
#secondary .nav-month a { display:inline-block; height:15px; width:8px; }
#secondary .nav-month .prev { background:transparent url(../img/css/arrow-large-left.png) 0 2px no-repeat; }
#secondary .nav-month .next { background:transparent url(../img/css/arrow-large-right.png) 0 2px no-repeat; }

.events-upcoming h3 { border-color:#8a7558; margin-bottom:.5em; }

/* news article */

.document #primary h2.topic { border-bottom:none; }

.document h1{
	border-bottom:none;
	border-top:1px solid #cabfaa;
	margin:0;
}

.heading {
    border-bottom:1px solid #cabfaa;
    margin:0 0 .25em;
    overflow:hidden;
}
    .heading h2 {
        border:none;
        margin:0;
    }
    .heading a.button { margin-bottom:.428em; }

.page-news-article .date {
	font-size:1em;
	font-style:italic;
}
.page-news-article .meta {
	border-bottom:1px solid #cabfaa;
	margin:1em 0 2em;
	overflow:hidden;
}
.page-news-article .meta dl, .page-news-article .meta .resources {
	display:inline;
	float:left;
	margin-right:2%;
	width:48%;
}
.page-news-article .meta dl { margin-right:20px; width:460px; }
.page-news-article .meta .resources { margin-right:0; width:220px; }
.page-news-article .utility {
	float:right;
	margin:.75em 0 0 1.5em;
}
.page-news-article h1 {
	font-size: 1.9em;
	line-height: 1.2;
	padding-bottom: .2em;
}
.utility span, .utility a { color:#587c23; cursor:pointer; float:right; padding:0 1.285em 0 16px; }
.utility span:hover { color:#253f19; }
.utility .print { background:transparent url(../img/css/icon-print.png) 0 center no-repeat;  }
.utility .email { background:transparent url(../img/css/icon-email.png) 0 center no-repeat; }
.utility .addthis_toolbox { float:right; }
.utility .addthis_button_compact { background: transparent url(../img/css/icon-addthis-small.png) 0 center no-repeat; padding-right:0; }
.utility .addthis_toolbox span { display:inline; float:none; padding:0; }


.page-news-article .meta dt { color:#1a1a1a; }
.page-news-article .meta h4 { font-size:1em; }

.page-news-article .content-article {
	border-bottom:1px solid #cabfaa;
	margin-bottom:1em;
	padding-bottom:1em;
}

/* gallery page */
.page-news-viewer #primary .main {
	margin:0;
	position:relative;
	width:540px;
}
.page-news-viewer #viewer { width:434px; margin:0 auto; }
#viewer-image { min-height: 180px; text-align:center; }
#viewer-text { margin: 0 auto; }
.page-news-viewer #viewer img { margin: 0 auto 8px; }
.page-news-viewer #viewer h2 {
	border-bottom:none;
}


.js .page-news-viewer #browser a {
	display:block;
	height:32px;
	overflow:hidden;
	position:absolute; top:140px;
	text-indent:-9999em;
	width:32px;
}
.js .page-news-viewer #browser a:hover { background-position: 0 -32px; }
	.js .page-news-viewer #browser .next {
		background:transparent url(../img/css/bg-viewer-next-button.png) 0 0 no-repeat;
		left:508px;
	}
	.js .page-news-viewer #browser .prev {
		background:transparent url(../img/css/bg-viewer-back-button.png) 0 0 no-repeat;
		left:0;
	}

.page-news-viewer .sidebar { width:160px; }
ul.image-nav {
	list-style:none;
	margin:0;
	padding:0;
}
.image-nav li {
	float:left;
	height:61px;
	margin:0 0 14px 19px;
	text-align:center;
	width:61px;
}
.image-nav img {
	background:transparent none;
	border:1px solid #9a8479;
	display:inline;
	max-height:59px;
	max-width:59px;
	padding:0;
}
.image-nav a { display:block; }


/*----------------------------------- Type, Links and Lists----------*/

a, a:visited		{ color: #5A9803; text-decoration:none; }
a:hover, a:focus 	{ color: #253f19; }
a.dp_top-button { margin-top:2em; }

p { margin-bottom:.75em; }

h1 { margin:0 0 .42em; }
.document h1 { font-size: 1.423em; } 
.document h2.topic { font-size: 2.143em; }

.page-home #primary h2 { font-size: 2.143em; }
.sidebar h2 { font-size: 1.285em; }
h2.non-division, h3.non-division {
    border-bottom:none;
}

h4, h5, h6 { 
	border:none;
	color:#1a1a1a;
}
h4.division, h5.division, h6.division {
    border-bottom:1px solid #cabfaa;
}
h4 { font-weight:bold; }
h5 { margin-bottom:.5em; }

blockquote {
	border:1px solid #bfbfbf;
	border-width:1px 0 1px 0;
	color:#3e7898;
	font-style:italic;
	margin:1em;
	padding:0 .428em;
}

/* contextual typography */
.sidebar h2 {
	border-color:#bfbfbf;
	color:#1a1a1a;
	margin:0 0 .25em;
	word-spacing:-2px;
}
	.page-home .sidebar h2 {
		border:none;
		line-height:1;
		margin:-8px -8px 0;
		text-indent:-9999em;
	}
		.page-home #stay-informed { 
			background:transparent url(../img/css/h2-stay-informed.png) 0 0 no-repeat;
			height:77px;
			margin:0 0 2px
			width:140px;
		}
		.page-home #get-help { 
			background:transparent url(../img/css/h2-get-help.png) 0 0 no-repeat;
			height:43px;
			width:140px;
		}
#primary .profile h2 { border:none; margin:0; }

.sidebar h3 {
	border:none;
	color:#1a1a1a;
	font-size:1em;
}
.sidebar h4 {
	color:#1a1a1a;
	font-size:.857em;
	font-weight:normal;
}
.sidebar blockquote {
	margin:.428em 0;
	padding:4px 0;
}
.article h3, .article-listing h3 { border: none; }
.article .date, .article-listing .date {
	color:#808080;
	font-style:italic;
	margin:-.283em 0 .25em;
}


/* lists */

.article-listing {
	list-style:none;
	margin:0;
	padding:0;
}
.article-listing li {
	border-bottom:1px solid #cabfaa;
	margin:0 0 1em;
	overflow:hidden;
	padding:0 0 .5em;
}
	.article-listing img {
		float:right;
		margin-left:.75em;
		margin-right:0;
	}

.events-upcoming {color: #603813; }
.events-upcoming dd { border-bottom:1px solid #b19d76; padding-bottom:.5em; margin-bottom: .5em; }

dl.meta, .meta dl { 
	margin:0 0 1em;
	overflow:hidden;
}
dl.meta dt, .meta dl dt {
	clear:left;
	float:left;
	font-weight:bold;
	margin:0 0 .5em 0;
	padding-right:.5em;
}
dl.meta dd, .meta dl dd {
	float:left;
	margin:0 0 .5em;
}

.resources ul, ul.resources {
	list-style:none;
	margin:0 0 1em;
	padding:0;
}

dl.collapsible dt {
	font-weight: bold;
	margin:  0;
}
	dl.collapsible dt a				{ color: #4d4d4d; outline: none; }
	dl.collapsible dt a span 		{ color: #587c23; }
	dl.collapsible dt a:hover,
	dl.collapsible dt a:hover span	{ color: #253f19; }
dl.collapsible dd 		{ padding: 0 0 .643em 0; }
dt span.state			{ font-family: "Courier New", Courier, monospace; font-size: 1.3em; }

.listing li { margin-bottom: 1.2em; }

/* images */
#primary .introduction img.left { margin-right:20px; }
#primary .introduction img.right { margin-left:20px; }

img {
	background:#3d7a97 none;
	border:4px solid #1c3c53;
	display:block;
	margin:.5em 0 .25em;
	padding:1px;
} 
p img {
	display:inline;
	float:left;
	margin:0 10px 1em 0;
}

img.no-border {
	background:transparent none;
	border:1px solid #857051;
	padding:0;
}

img.plain, .plain img {
	background:transparent none;
	border:none;
}

img.left { 
	display:inline;
	margin-right:.75em;
}
img.right { 
	display:inline;
	margin-left:.75em;
}

/* contextual image treatments */
#lead img,
#header img { 
	background:transparent none;
	border:none;
	margin:0;
	padding:0;
}

.article img { 
    float:left;
    margin-right:.5em;
}



/*---------------------------------- Navigation --------------------*/
/* global nav styles */
.nav ul, ul.nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.inline li {
	display:inline;
	padding:0 .857em;
	}
	
.nav-pager { overflow:hidden; }
.nav-pager a.prev { 
	background:transparent url(../img/css/arrow-small-left.png) left center no-repeat;
	float:left;
	padding:0 0 0 12px;
}
.nav-pager a.next { 
	background:transparent url(../img/css/arrow-small-right.png) right center no-repeat;
	float:right;
	padding:0 12px 0 0;
}
	


/* main and utility navigation */
#nav-main {
	position:absolute;
	left:0; bottom:-301px;
	width:100%;
	z-index:20;
}
	.page-home #nav-main { bottom:-361px; }
	#nav-main .content-wrap {
		background:transparent url(../img/css/util-dropshadow-bottom.png) left bottom repeat-x;
		height:45px;
	}
	#nav-main #tabs { 
		overflow:hidden;
		padding:0 0 0 13px;
		width:927px;
	}
	#nav-main #tabs li,
	#nav-main #tabs a {
		float:left;
		height:45px;
		width:148px;
	}
	#nav-main #tabs a {
		background:transparent url(../img/css/bg-nav-main-tab.png) 0 0 no-repeat;
		color:#c1b49a;
		font-size:1em;
		font-weight:bold;
		line-height:1;
		height:27px;
		padding:18px 5px 0; 
		text-align:center;
		text-decoration:none;
		text-transform:lowercase;
		width:138px;
	}
	#nav-main #tabs a:hover,
	#nav-main #tabs a.over,
	#nav-main #tabs li.on a {
		background-position:0 -45px;
		color:#366783;
	}
		#nav-main #tabs .first a { height: 35px; padding-top: 10px; }
		#nav-main #tabs #nav-main-our-work { margin-right:26px; }
		
#calls-to-action { position:relative; }
#calls-to-action li { height:0; }
#calls-to-action a {
	display:block;
	height:47px;
	position:absolute; right:-42px;
	text-indent:-9999em;
	width:180px;
	z-index:40;
}
	#calls-to-action a:hover, #calls-to-action li.on a { background-position: -180px 0; }
	#nav-donate-now a { background:transparent url(../img/css/btn-donate-now.png) 0 0 no-repeat; top:-249px; }
		.page-home #nav-donate-now a { top:-309px; }
	#nav-get-help a { background:transparent url(../img/css/btn-get-help.png) 0 0 no-repeat; height:53px; top:-191px; }
		.page-home #nav-get-help a { top:-251px; }
	#nav-run-food-drive a { background:transparent url(../img/css/btn-run-food-drive.png) 0 0 no-repeat; top:-121px; }
		.page-home #nav-run-food-drive a { top:-181px; }

/* utility nav in brown bar at top */

#nav-utility {
	background:transparent url(../img/css/bg-nav-utility.png) 0 0 repeat-x;
	font-size:1.14em;
	line-height:1.75;
	margin:-6px 0 0;
	padding:10px 0 0;
}
	#nav-utility .decorator {
		background:#3b2f20 url(../img/css/bg-nav-utility-decorator.png) left bottom repeat-x;
		padding:0 0 4px;
	}
	#nav-utility .content-wrap {
		overflow:hidden;
		padding:0 0 0 200px;
		width:740px;
	}
	#nav-utility ul { 
		background:transparent url(../img/css/bg-nav-utility-seperator.png) right center no-repeat;
		float:left; }
	#nav-utility li { 
		background:transparent url(../img/css/bg-nav-utility-seperator.png) 0 0 no-repeat;
		padding-bottom:1px;
	}
	#nav-utility a {
		color:#fff;
		padding-left:2px;
		text-decoration:none;
		text-shadow:.085em .085em .085em #000;
		text-transform:lowercase
	}
	#nav-utility a:hover, #nav-utility .on a { color: #84765c; }
	#nav-utility #language-toggle { float:right; }


#nav-sub-head {
	height:5.642em;
	margin-bottom:.285em;
	position:relative; /* provide context for absolutely positioned h2 in #sub-nav */
}
#nav-sub h2 {
	border-color:#8a7558;
	font-size:1.285em;
	font-weight:bold;
	margin-bottom:0;
	position:absolute; left:0; bottom:0;
	text-transform:uppercase;
	width:200px;
}

#nav-sub ul { margin: 0 0 1.5em; }
#nav-sub li {
	border-bottom:1px solid #8a7558;
	line-height:1.2;
	padding:6px 0 6px 0;
}
	#nav-sub li ul { margin:0; padding: 0 0 0 3px; }
	#nav-sub li li { 
	background:transparent url(../img/css/bg-nav-sub.png) 0 1.028em no-repeat;
	border:none;
	padding:6px 0 2px 8px;
}
	
#nav-sub a {
	color:#2d4a1e;
	font-size:1em;
	text-decoration:none;
}
	#nav-sub a:hover, #nav-sub .on a,
	#nav-sub .on .on a 					{ color:#675d48; }
	#nav-sub .on li a 					{ color:#2d4a1e; }
	#nav-sub .on li a:hover				{ color:#675d48; }
    
    #nav-sub h2 a         { color:#603813; font-size:.857em; }


/*----------------------------------- Forms -------------------------*/

fieldset ul {
    list-style-type: none;
	margin: 0;
}
fieldset li {
    margin-bottom: .857em;
	overflow:hidden;
}
input, select, textarea, label, button {
    display: block;
}
input, select, textarea {
	border:1px solid #754c28;
	font:Helvetica, Arial, sans-serif;
}
input {
	padding:4px 3px;
	width:172px;
}
select {
	padding:2px;
	width:180px;
}
/* firefox viewstate input fix */
input[type=hidden] { border: none; display: none; }

button, a.button,
input[type='button'], input[type='submit'], input[type='reset'] {
	background:#2e4b1f url(../img/css/btn.png) 0 0 repeat-x;
	color:#fff;
    cursor: pointer;
	font:.786em Helvetica, Arial, sans-serif;
	height:2em;
	padding:0 4px;
	text-shadow:.085em .085em .085em #000;
	text-transform:uppercase;
}
input[type='button'], input[type='submit'], input[type='reset'] {
    border:none;
    font-size:.934em;
    width:auto;
}
a.button {
	height:auto;
	padding:4px;
	text-decoration:none;
}
button:hover, a.button:hover,
input[type='button']:hover, input[type='submit']:hover, input[type='reset']:hover {
	background-color:#162a10;
	background-position:0 -52px;
	color:#fff;
}

legend { display:none; }
legend.title {
	color:#3b2314;
	display:block;
	font-size:1.142em;
	margin:0 0 .25em;
}
*+html legend.title { margin-left:-8px; }

label.title { 
    font-weight:bold;
    margin:0 0 .5em;
}


/* specific forms */

/* design pattern based on site wide search in header */
.introduction .search-simple { 
    clear:left;
    float:left;
    width:460px;
}
.view .search-simple { float: none; width: auto; }
.search-simple input, .search-simple select {
	float:left;
	margin:0 8px 0 0;
}
.search-simple button { 
	float:left;
	font-size:.857em;
	padding-bottom:.071em;
}

/* events filter on calendar page */

.events-filter { margin:0 0 1em; }
.events-filter select { width:220px; }
.js .events-filter button { display:none; }

/* utility to create checkboxes on the fly */
.checkbox { margin-top:.25em; overflow:hidden;}
.checkbox label { 
    display:block;
    margin:0 0 .25em;
}
.checkbox input {
    border:none;
    float:left;
    margin:0 4px 0 0;
    width:13px;
}
.view .search-simple .checkbox input { /*  margin-top: .25em;  */ vertical-align: middle; padding: 0; }
*+html .view .search-simple .checkbox input { margin-top: -.25em; }
.inline-filter .checkbox label {
    float:left;
    width:90px;
}
.view .search-simple .inline-filter .checkbox label { padding-right: 1.4em; width: auto; line-height: 1 }
*+html .view .search-simple .inline-filter .checkbox label { line-height: 1.25 }

/*-----------------------------------  web forms for marketers forms -------------------------*/

.scfForm fieldset { 
    margin:0 0 1.71em;
}
.scfForm legend { 
    color:#603813;
    display:block;
    font-size:1.429em;
    margin:0 0 .25em;
}
/* capture all base layout divs, and style as if they were form lis */

.scfSingleLineTextBorder, .scfMultipleLineTextBorder, .scfPasswordBorder, .scfEmailBorder, .scfNumberBorder, .scfDateSelectorBorder, .scfCheckboxBorder, .scfFileUploadBorder, .scfDropListBorder, .scfListBoxBorder, .scfRadioButtonListBorder, .scfCheckBoxListBorder, .scfFooterBorder { 
    margin:0 0 .643em;
    width:450px;
}
/* basline inputs and textarea */
.scfSectionContent input { width:420px; }
    .scfPasswordGeneralPanel input, .scfEmailGeneralPanel input, .scfNumberGeneralPanel input { width: 180px; }
.scfSectionContent textarea {
    padding:4px 3px;
    width:420px;
}

/* checkboxes and radios */
.scfCheckbox input, .scfCheckBoxList input, .scfRadioButtonList input {
    border:none;
    float:left;
    margin:0 4px 0 0;
    width:15px;
}
.scfCheckBoxList label, .scfRadioButtonList label { float:left; }

    .ff .scfCheckbox input, .ff .scfCheckBoxList input, .ff .scfRadioButtonList input { margin-top:3px; }
    table.scfCheckBoxList, table.scfRadioButtonList { margin:0 0 0 8px; width:auto; }
    .scfCheckBoxList td, .scfRadioButtonList td {
        border:none;
        padding:4px 12px 0 0;
    }

/* date selects */
.scfDateSelectorGeneralPanel { overflow:hidden; }
.scfDateSelectorGeneralPanel select { 
    float:left;
    margin:0 8px 0 0;
    width:60px;
}
    .scfDateSelectorGeneralPanel .scfDateSelectorMonth { width:100px; }

/* File Uploads */
.scfFileUploadGeneralPanel input { width:300px; }

/* complex fields */
.scfPasswordConfirmation, .scfCreditCard { 
    margin:0 0 .643em;
    width:450px;
}
.scfPasswordConfirmation input, .scfCreditCard input { width:180px; }


/* captcha needs a little extra love */
.scfCaptcha { 
	background:transparent url(../img/css/bg-sidebar-profile-img.png) 0 -1px repeat-x;
	border:5px solid #1C3C53;
    display:inline-block;
    margin:0 0 .857em;
	padding:8px;
}
.scfCaptchTop table { margin:0; width:auto; }
.scfCaptchTop td { border:none; padding:0; }
.scfCaptchTop td div { padding:4px 8px 4px 0; }
.scfCaptchTop td div div { border:1px solid #3d7a97; }
.scfCaptchTop input { padding:0; width:auto; }
.scfCaptchaBorder img { 
    background:transparent none;
    border:none;
    display:block;
    margin:0;
    padding:0;
}
.scfCaptchStrongTextPanel input { 
    border:1px solid #3d7a97;
    width:180px;
}


.scfRequired { color:#000; display:block; font-weight:bold; }



/*----------------------------------- Tables ---*/

table { margin:0 0 .857em; width:100%; }
td, th {
	border:1px solid #8a7558;
	padding:4px;
	text-align:left;
}
th { 
	border:none;
	color:#000;
	padding:0 4px;
}

table.calendar { margin-bottom:.25em; }
.calendar, calendar td { 
	background:#fff none;
	border:1px solid #7a6a60;
}
.calendar td {
	color:#999;
	padding:0;
	text-align:center;
}
#secondary .calendar th {
	background-color:#352b1e;
	border:none;
	color:#fff;
	font-weight:normal;
	padding:2px 0;
	text-align:center;
}
#secondary .calendar td { padding:4px 0; }

	.calendar th abbr { border:none; }
	.calendar td a { display:block; }
	
.noborder table, .noborder table tr, .noborder table tr td, .noborder table tr th{border:none;}

.calendar td.off {
	background:#a8ba9c none;
	color:#fff;
}
.calendar td.events { font-weight:bold; }
#secondary .calendar td.events { padding:0;}
#secondary .calendar td.events a { padding:4px 0;}

.calendar td.today { background:#46682c none; color:#fff; }
#nav-sub .calendar td.today a {
	color:#fff;;
}


/* ---------------------- 3rd party widgets -------------------- */
iframe {
	border: none;
	margin: 0 0 1em 0 !important;
	padding: 0 !important;
}
#primary iframe {
	width: 698px;
	height: 900px;
}


/*----------------------------------- Randoms/dev utility styles ---*/

.accessibility { height:0;left:-9999em;line-height:0;position:absolute;text-indent:-9999em; }
.column {
    float: left;
	width: 45%;
	margin-right: 2%;
}

.small 			{ width: 25%; }
.medium 		{ width: 48%; }
.large 			{ width: 90%; }
.error, .red 	{ color: red; }

/* there's always a better way than using these. */
.hide			{ display: none; }
.left 			{ float: left; }
.right 			{ float: right; }
.clear 			{ clear: both; }
.clearleft 		{ clear: left; }
.clearright 	{ clear: right; }


#ham-widget input[type=checkbox] { width: 15px; } /* fix for pledge widget on home page */