@charset "utf-8";
/* CSS Document */

body { background-color: #3b2313; font-family: helvetica, arial, sans-serif; font-size: .9em; color: #000; line-height: 1.3em; }

/***** Primary Layout Styles *****/

div#content_wrapper { margin: 0 auto; padding: 0; width: 960px;
						border-top: 25px solid #3b2313; background:#fff; }

div#masthead { position: relative;
				height: 200px; }

div#navigation { position: relative;
					margin: 0 5px 25px 5px; height: 50px;
					background-color: #436026;
					z-index: 50; }

div#maincontent { position: relative;
					margin: 0 5px 0 5px;
					z-index: 20; }

div#leftcolumn { float: left; margin-right: 25px; margin-bottom: 25px; padding-bottom: 125px;
									width: 675px; }
div#rightcolumn { float: left; margin-bottom: 25px;
									width: 250px; }

div#baselinebanners { position: absolute; bottom: 50px; left: 75px;
						width: 600px; height: 75px;
						text-align: right; }

div#footer { position: relative;
				padding: .5em .5em 2em .5em;
				height: 2.5em;
				background-color: #3b2313;
				color: #8b8d8e; font-size: .9em;
				z-index: 10; }

/***** Page Element Styles *****/

img#mainlogo { margin-top: 20px; margin-left: 20px; }

div#topnavigation { position: absolute; top: 8px; right: 8px; }
	div#topnavigation a { color: #000 !important; font-size: .9em; }
	
ul#mainnavigation { margin: 0; padding: 0; list-style-type: none; }
	ul#mainnavigation li { position: relative;
							float: left; width: auto;
							border-right: 2px solid #fff; }
	ul#mainnavigation li.spacer { width: 26px; height: 50px; }
	
	ul#mainnavigation li ul { position: absolute; top: 50px; left: 0; display: none;
								margin: 0; padding: 0; width: 220px;
								list-style-type: none;
								border: 1px solid #436026;
								background:#fff; }
	ul#mainnavigation li.hover ul { left: 0; }
	ul#mainnavigation li ul li { float: none;display:block;margin:0;padding:0;
									border: 0px solid #fff; border-bottom: 1px solid #436026;
									background-color: #d3bf96; }
	ul#mainnavigation li ul li.alt { background-color: #8b8d8e; }
	ul#mainnavigation li ul li.hover { background-color: #fff !important; }
	ul#mainnavigation li ul li a { display: block; padding: .25em;
									color: #000; font-size: .9em; }
	
	ul#mainnavigation a { text-decoration: none !important; }
	
div.subnavigation { }
	div.subnavigation h2 { margin-bottom: 0; padding-bottom: 6px;
							border-bottom: 1px solid #436026; }
	div.subnavigation ul { margin: 0; padding: 0; list-style-type: none; }
	div.subnavigation ul li { padding: .5em 0 .5em 10px;
								background: transparent url(images/bg_subnav.gif) 1px 1em no-repeat ;
								border-bottom: 1px solid #436026; }
	div.subnavigation ul li a { text-decoration: none; }
	div.subnavigation ul li a:hover { text-decoration: underline; }
	div.subnavigation ul li ul li { padding-bottom: 0px; border-bottom: 0px solid #fff; }
	
div.newsstory { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #eee; }
	div.newsstory h2 { margin-bottom: 10px; line-height:1.2em;
						font-size: 1.5em; font-weight: bold; }
	div.newsstory h4 { margin-bottom: 10px; } 
	div.newsstory span.more { float: right; font-weight: bold; font-style: italic; }
	
div.newsdetail { }
	div.newsdetail h1 { line-height:1.2em; }
	div.newsdetail div.date { margin-bottom: .25em;
								font-size: .9em; color: #ccc; }
	div.newsdetail a.back { float: right;
							font-weight: bold; font-size: smaller; }

div.hungerfact { margin: 0 0 1.5em 1em; }
	div.hungerfact h3 { margin-bottom: .5em; }
	div.hungerfact h3.hover { color: #F7931E; cursor: s-resize; }
	div.hungerfact.active h3 { color: #F7931E; }
	div.hungerfact div.fact { margin-left: .5em; }
	div.hungerfact p.more { margin: 2px 0 0 0; text-align: right; font-weight: bold; font-style: italic; }
	
div.event { margin-bottom: 25px; }
	div.event h2 { margin-bottom: 10px;
						font-size: 1.5em; font-weight: bold; }
	div.event h4 { margin-bottom: 10px; }
	div.event div.date { margin-bottom: .25em; font-size: .9em; }
	div.event div.location { margin-bottom: 1em; }
	div.event div.details { }
	div.event span.more { font-weight: bold; font-style: italic; }
	
div.eventpreview { margin-bottom: 1em; }
	div.eventpreview span.date { font-size: .9em; }
	div.eventpreview span.event { font-weight: bold; }
	div.eventpreview a { color: #fff !important; text-decoration: none !important; }
	
div.eventdetail { margin-bottom: 25px; }
	div.eventdetail div.date { margin-bottom: .25em; font-size: .9em; }
	div.eventdetail div.location { margin-bottom: 1em; }
	div.eventdetail a.back { float: right;
							font-weight: bold; font-size: smaller; }
	
div#headerimage { margin-bottom: 25px; position: relative; }
	div#headerimage div.primary {}
	div#headerimage ul.thumbnails { position: absolute; top: 0; left: 0;
										margin: 0; padding: 0;
										width: 60px; height: 300px;
										overflow: hidden;
										list-style-type: none;
										background-color: #000; }
	div#headerimage ul.thumbnails li { margin: 0; padding: 0;
										width: 60px; height: 60px;
										overflow: hidden;
										filter:alpha(opacity=45); -moz-opacity:0.45; -khtml-opacity: 0.45; opacity: 0.45; }
	div#headerimage ul.thumbnails li.active { filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity: 0.95; opacity: 0.95; background-color: #fff; }
	div#headerimage ul.thumbnails li img { margin: 0 0 0 -38px; border: 0px solid #fff; }

div.paginator { margin-top: 2em; padding: 1em;
				border-top: 1px solid #436026;
				font-size: .9em; color: #666; }
				
form.fixed { font-size: .9em; }
	form.fixed label { display: block; margin: 0 0 1em 0; }
	form.fixed span.title { float: left; width: 120px; }
	form.fixed span.spacer { clear: left; float: left; width: 120px; }
	form.fixed label.inline { float: left; margin-right: 1em; width: auto; }
		form.fixed label.inline span.title { float: none; display: block; width: auto; }
		
	form.fixed label.error { float: none; display: inline; padding-left: 10px; font-size: .9em; color: red; }
	form.fixed label.wide label.error { display: block; margin-left: 110px; }
	form.fixed p.error { text-align: right; font-size: .9em; }
	form.fixed input.error, form.fixed textarea.error { border-color: red; }
	
ul.formerrors { list-style-type: disc; }
ul.formerrors li { margin-left: 25px; padding: .25em; color: red; }
	
/***** Rounded Cornders: Thrash Boxes *****/

div#leftcolumn div.cssbox{ width: 660px !important; /* intended total box width - padding-right(next) */
												width: 645px; /* IE Win = width - padding */ }

div#rightcolumn div.cssbox{ width: 235px !important; /* intended total box width - padding-right(next) */
												width: 220px; /* IE Win = width - padding */ }

div.cssbox,
div.cssbox_body,
div.cssbox_head,
div.cssbox_head div.heading { background: transparent url(images/thrash_white.png) no-repeat bottom right; }

div.cssbox { padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
				margin: 0 0 25px 0;
				font-size: .9em; }

div.cssbox_head { background-position: top right;
					margin-right: -15px; /* pull the right image over on top of border */
					padding-right: 15px; /* right-image-gap + right-inside padding */ }
div.cssbox_head div.heading { background-position: top left;
								padding: 10px 0 5px 13px; /* padding-left = image gap + interior padding ... no padding-right */
								height: auto !important;
								height: 1%; /* IE Holly Hack */ }
div.cssbox_head div.heading2 { background-position: top left;
								padding: 0; /* padding-left = image gap + interior padding ... no padding-right */
								height: auto !important;
								height: 1%; /* IE Holly Hack */
								line-height: 6px; }
div.cssbox_body { background-position: bottom left;
					margin-right: 0px; /* interior-padding right */
					padding: 5px 0 10px 15px; /* mirror .cssbox_head right/left */ }

.greybox { background-image: url(images/thrash_grey.png) !important;
			color: #fff; }
	.greybox a { color: #003150 !important; }
.thrash_grey { background-color: #8b8d8e; color: #fff; }

.tanbox { background-image: url(images/thrash_tan.png) !important; }
.thrash_tan { background-color: #d3bf96; }

.orangedashbox { background-image: url(images/thrash_orangedash.png) !important; }
	.orangedashbox a { color: #436026 !important; }
.thrash_orangedash { background-color: #fff; border: 1px dashed #f7931e; }

.greenbox { background-image: url(images/thrash_green.png) !important; }
	.greenbox a { color: #436026 !important; }
.thrash_green { background-color: #fff; border: 1px dashed #436026; }

form#donateform table {}
form#donateform table td { padding: .25em; vertical-align: top; }

/***** Miscellaneous Class Styles *****/

.clear { clear: both; }

.floatleft { float: left; width: auto; }
.floatright { float: right; width: auto; }

.orangecaps { font-weight: bold; font-size: 1.15em; text-transform: uppercase; color: #f7931e; }
.whitecaps { font-weight: bold; font-size: 1.15em; text-transform: uppercase; color: #fff; }

div.banneritem { margin-bottom: 25px; }
	
/***** HTML Element Styles *****/

p { margin-bottom: .5em; }

a:link { color: #f7931e; text-decoration: underline; }
a:visited { color: #f7931e; text-decoration: underline; }
a:hover { color: #f7931e; text-decoration: none; }
a:active { color: #f7931e; text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; margin: 0 0 1em 0; }
h1 { font-size: 1.75em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.35em; }
h4 { font-size: 1.25em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }

td.left { text-align: left; }
td.right { text-align: right; }
td.top { vertical-align: top; }
td.middle { vertical-align: middle !important; }

ul { margin: 0 0 1em 2.5em; padding: 0; list-style-type: disc; }

blockquote { margin: .5em 2em; }

table.board {
	border:1px solid #ddd;
	border-collapse:collapse;
	margin:0 0 1em 0;
}
	table.board th,
	table.board td {
		padding:6px;
		border-bottom:1px solid #eee;
	}
	table.board th {
		text-align:left;
		background:#f2f2f2;
	}

table.contact {
	border:1px solid #ddd;
	border-collapse:collapse;
	margin:0 0 4em 0;
	width:588px;
}
	table.contact th,
	table.contact td {
		padding:6px;
		border-bottom:1px solid #eee;
	}
	table.contact th {
		text-align:left;
		background:#f2f2f2;
		border-right:1px solid #eee;
		width:240px;
	}
	table.contact td {
	}
div#ui-datepicker-div {
	font-size:0.75em;
}