/* ------------------------------------ Reset ------------------------------------ */

* {
	margin:0;
	padding:0;
	}
	
/* ------------------------------------ Basics ------------------------------------ */
body {
	background:#a3c056 url(../graphics/top_shadow.jpg) center top no-repeat;
	text-align:center;
	width:100%;
	height:100%;
	padding-bottom:20px;
	margin-left:-0.1px;
	}
img {
	display:block;
	}
a img {
	border:0;
	}
fieldset {
	border:0;
	}
.hide {
	display:none;
	}
	
/* ------------------------------------ Centered Container ------------------------------------ */
#MasterContainer {
	margin:57px auto 0 auto;
	width:992px;
	padding-left:7px;
	background: url(../graphics/content_bg.jpg) top center repeat-y;
	}
	
/* ---------- THIS IS A HACK. SRY. ---------- */
#MasterContainer {
	padding-left:7px; /* Padding for IE6 */
	}
#MasterContainer[id] {
	padding-left:0; /* Lack of padding for everything else */
	}
	
/* ------------------------------------ Header ------------------------------------ */
	#TopContainer {
	width:960px;
	padding:0 17px 0 16px;
	}
	
	#header {
		height:207px;
		width:960px;
		background: url(../graphics/header_bg.jpg) no-repeat;
		}
		#logo {
			position:absolute;
			top:81px;
			left:50%;
			margin-left:-458px;
			background: url(../graphics/logo2.gif) no-repeat;
			height:119px;
			width:156px;
			text-indent:-9999px;
			}
		#quicklinks {
			list-style:none;
			position:absolute;
			top:72px;
			left:50%;
			width:450px;
			text-align:right;
			}
			#quicklinks li, #quicklinks li div {
				display:inline;
				}
				
			#quicklinks li:last-child div a {
				border-right:0px;
			}
				#quicklinks li a {
					font:bold 12px/12px "Lucida Grande", arial, verdana, sans-serif;
					color:#35192F;
					text-decoration:none;
					padding: 0 10px;
					border-right:1px solid #35192f;
					height:12px;
					}
				#quicklinks li a:hover {
					text-decoration:underline;
					}
				#quicklinks li a.last {
					border: 0;
					padding:0 0 0 5px;
					}
/* --------------------- Primary Navigation --------------------- */
			#nav {
				position:absolute;
				left:50%;
				top:218px;
				margin-left:-460px;
				width:960px;
				height:46px;
				text-align:center;
				list-style:none;
				display:block;
				z-index:5;
				}
				#nav li {
					display:inline;
					position:relative;
					float:left;
					margin-right:1px;
					}
					#nav li a {
						display:block;
						float:left;
						font: 14px/13px "Lucida Grande", arial, verdana, sans-serif;
						text-decoration:none;
						color:#19120B;
						text-align:center;
						background:#e2dee1;
						}
					.nav100 {
						width:100px !important;
						}
					.nav117 {
						width:117px !important;
						}
					.nav140 {
						width:140px !important;
						}
					.nav145 {
						width:145px !important;
						}
					.nav160 {
						width:160px !important;
						}
					#nav li .wrap {
						padding:9px 15px 10px 15px;
						height:27px;
						}
					#nav li .single {
						padding:16px 15px;
						height:14px;
						}
/* ---------------- Drop-Down Navigation ---------------- */
			body #nav li ul {
				display:none;
				float:none;
				position:absolute;
				left:-1px;
				top:46px;
				margin:0;
				padding:0;
				background:#e2dee1;
				width:100%;
				border:1px solid #cbbfc9;
				z-index:5;
				}
			/* MAKE IT DROP */
			body #nav li:hover ul, body #nav li.over ul {
				display:block;
				}
			#nav #breakthrough_community ul, #nav #health_wellness ul, #nav #calendar_announcements ul {
				width:140px !important;
				}						
			#nav #programs_services ul {
				width:160px !important;
				}						
			#nav #leadership ul {
				width:100px !important;
				}
			#nav #get_involved ul, #nav #resources ul {
				width:117px !important;
				}											
			body #nav li ul li {
				list-style:none;
				display:block;
				float:left;
				clear:left;
				width:95%;
				margin:0;
				padding:0;
				background:#e2dee1;
				}
			body #nav li ul li a { 
				display:block;
				background:#e2dee1;
				color:#000;
				padding:7px 5%;
				margin:0;
				font: 11px/13px verdana, arial, sans-serif;
				text-align:center;
				text-decoration:none;
				height:auto;
				width:95%;
				}
			#nav li ul li a:hover {
				background:#f8f7f2;
				}

/* ------------------------------------ Content (Middle) Area ------------------------------------ */
	#ContentContainer {
		width:960px;
		margin:0 17px 20px 16px;
		padding-top:1px; /* Fixes a FF/Safari bug*/	
		text-align:left;
		}
	.toplevel #ContentContainer {
		background: transparent url(../graphics/content_shadow.jpg) no-repeat;
		}
		#sidebar {
			float:right;
			text-align:left;
			}
		#sidebar {
			width:285px;
			margin:18px 17px 0 40px;
			}
		#sidebar[id] {
			width:300px;
			margin:18px 17px 0 25px;
			}
/* --------------------- Secondary Navigation --------------------- */
			#sidebar .subnav, #sidebar ul {
				list-style:none;
				width:285px;
				}
				#sidebar li {
					border:1px solid #e3e1d2; /*fixes an IE6 spacing issue */
					}
					#sidebar li a {
						display:block;
						padding:8px 0 8px 18px;
						margin-left:10px;
						background:transparent url(../graphics/bullet.gif) left no-repeat;
						font: bold 14px/18px "Lucida Grande", arial, verdana, sans-serif;
						text-decoration:none;
						color:#4b7611;
						}
					#sidebar li a:hover {
						color:#35192F;
						}
					#sidebar li a.current-page {
						color:#33291d;
						cursor:default;
						}
					#sidebar .subnav2 {
						width:285px;
						list-style:none;
						border-bottom:1px solid #c8c7b3;
						border-top:1px solid #c8c7b3;
						}
					#sidebar .subnav2 li a {
						padding:5px 0 5px 30px;
						background:transparent none;
						font:bold 12px/14px;
						color:#4b7611;
						}
					#sidebar .subnav2 li a:hover {
						color:#35192F;
						}
/* --------------------- Login Form --------------------- */
		#login {
			/*display:none;*/
			position:absolute;
			width:340px;
			height:62px;
			left:50%;
			top:535px;
			margin-left:152px;
			z-index:2;
			}
		#login span {
			font: 11px/20px "Lucida Grande", arial, verdana, sans-serif;
			color:#fff;
			}
		#login label, #login .form_label {
			display:inline;
			font: 11px/24px "Lucida Grande", arial, verdana, sans-serif;
			color:#fff;
			margin-right:5px
			}	
			
		#login .form_field, #login .portal_login_username, #login .portal_login_password, #login .form_field input {
			display:inline;
		}
		
		#login .form_field input {
			width:95px !important;
		}
		
		#login input {
			margin:0 5px 0 0;
			padding:0;
			font: 11px/11px "Lucida Grande", arial, verdana, sans-serif;
			padding:2px;
			}
		#login .button {
			padding:0;
			}
			
		#login div.portal_login {
			margin:0em auto;
			width:340px;
		}	
		
		#login div.portal_login div.form_row_submit {
			background:none;
			color:#000000;
			float:none;
			margin:10px 0;
			padding:5px;
			text-align:center;
			width:65px;
			display:inline;
		}
		
		#login br {
			display:none;
		}

/* --------------------- Homepage News --------------------- */
				#news h1 {
					font:normal 13px/18px "Lucida Grande", arial, verdana, sans-serif;
					color:#0f0d04;
					text-transform:uppercase;
					border-bottom:1px solid #c8c7b3;
					padding-bottom:8px;
					}
				#news .news_articles, #news .news_archives {
					margin:0;
					width:285px;
					border-top:1px solid #f3f3ed;
					}
				
				#news .news_archives {
					text-align:right;
					border-top:0px;
					font-weight:bold;
					padding:10px 5px 20px 0px;
				}
					
				#news .news_articles ul {
					padding-left:10px;
				}
				
					#news .news_articles ul li {
						font: 12px/18px "Lucida Grande", arial, verdana, sans-serif;
						padding:12px 5px 12px 0;
						color:#2d2816;
						list-style:disc;
						}
					td.content {
						padding-right:5px;
						}
							#news .news_articles ul li a, #news .news_archives a {
								color:#4b7611;
								text-decoration:none;
								background:none;
								font: 12px/18px "Lucida Grande", arial, verdana, sans-serif;
								padding:0px;
								margin:0px;
								}
								
							#news .news_archives a {
								font-weight:bold;
							}
/* --------------------- Spotlight and Page Titles --------------------- */
		#photo {
			float:left;
			width:960px;
			height:266px;
			background:url(../graphics/home_photo.jpg) no-repeat;
			}
		#spotlight {
			float:right;
			height:266px;
			width:340px;
			}
		#DonateButton {
			position:absolute;
			width:108px;
			height:106px;
			background: url(../graphics/sticker.gif);
			text-indent:-9999px;
			left:50%;
			top:355px;
			margin-left:373px;
			z-index:1;
			}
		#WelcomeBar {
			height:61px;
			background:url(../graphics/welcome_bar.jpg) no-repeat;
			width:960px;
			clear:both;
			}
/* --------------------- Content --------------------- */
		#content {
			font:13px/22px "Lucida Grande", arial, verdana, sans-serif;
			text-align:left;
			color:#33291d;
			width:575px;
			}
		#content {
			padding:18px 0px 0 23px; /* padding for IE6 */
			}
		#content[id] {
			padding:18px 20px 0 23px; /* padding for everything else */
			}
			#content a {
				color:#4b7611;
				}
			#content a:hover {
				text-decoration:none;
				color:#35192F;
				}
			#content .breadcrumb, #content .breadcrumb a {
				font:normal 12px/18px "Lucida Grande", arial, verdana, sans-serif;
				text-transform:uppercase;
				text-decoration:none;
				color:#33291d;
				margin:0;
				padding:0;
				}
			#content .breadcrumb a:hover {
				text-decoration:underline;
				}
			#content .page_title {
				font:normal 24px/30px "Lucida Grande", arial, verdana, sans-serif;
				padding-bottom:8px;
				margin-bottom:8px;
				border-bottom:1px solid #e2e1d1;
				color:#332730;
				}
			#content .title, #content .formtitle, #content h4 {
				font:bold 14px/20px "Lucida Grande", arial, verdana, sans-serif;
				margin:0;
				padding: 4px 0 8px 0;
				}
				
			#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
				font-family: "Lucida Grande", arial, verdana, sans-serif;
				font-weight:bold;
				margin:0;
				padding: 4px 0 8px 0;
			}
			
			#content ul {
				margin-bottom:8px;
				}
			#content li {
				margin-left:20px;
				}
				
			#content .calendar li {
				margin-left:0px;
			}	
			p {
				margin-bottom:14px;
				}
			#content input {
				margin:8px 5px;
				}
			#content textarea {
				margin:8px 0;
				}
			hr {
				color:#e2e1d1;
				height:1px;
				margin:8px 0;
				}
			#content br {
				clear:none !important;
				}
			td.subcontent {
				font-size:11px;
				line-height:13px;
				}
				
			.content_image_box {
				background:none;
				border:0px solid #959595;

			}	
			
			#content h5.form_title, div.form_row_submit {
				background:#c6bac4 none repeat scroll 0 0;
				color:#19120B;
				font-size:1.1em;
				font-weight:700;
				margin:0.5em 0;
				padding:5px;
		}
		
		.collection_item_description {
			font-style:normal;
		}

/* ------------------------------------ Footer ------------------------------------ */
	#footer {
		clear:both;
		width:992px;
		height:122px;
		font:15px/94px "Lucida Grande", arial, verdana, sans-serif;
		text-align:center;
		color:#33291d;
		padding-left:7px;
		background: url(../graphics/footer_bg.jpg) no-repeat;
		}
		#footer span {
			padding:0 10px;
			}
		#footer a {
			color:#332730;
			text-decoration:none;
			}
		#footer a:hover {
			text-decoration:underline;
			}
		#pulldown {
		width:500px; /* IE 6 needs this */
		text-align:right; /* Just in case */			
		float:right;
			}
			
table.calendar  {
clear:left;
}