body 
{
	background: #EAEEF7 url(/_images/canvas.jpg) repeat-x;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size: 8pt;
	line-height: 12pt;
	color: #2c3a34;
	
	
	
	margin:0px;
	padding:0px;
}

h1,h2,h3,h4,h5,h6 { margin:0px; padding:0px; }
	h1 { font-size: 11pt; font-weight:bold;}
	h2 { font-size: 11pt; font-weight:normal; margin-bottom:4px; }
	h3 { font-size: 10pt; font-weight:bold;}
	h4 { font-size: 10pt; font-weight:normal;  }
	h5 { font-size: 9pt; font-weight:bold;}
	h6 { font-size: 9pt; font-weight:normal;  }
	
.header{ margin-bottom:8px; }
	
ul, p { margin-top:0px; margin-bottom:8px; padding:0px; }
ul { list-style-position: outside; margin-left:1.5em; }

a{ color:#535e5b; }
a:hover{ color: #983a3a; text-decoration:none; }

	#wrapper_div{ width:800px; margin:0 auto; display:block; margin-bottom:10px; }
	#container_div, #footer_div{ width:800px; display:inline-block;}
		#header_div{ background-color:White; height: 105px; }
			#logo_div
			{
				background: url(/_images/header_logo.jpg) no-repeat;
				width: 440px;
				height: 105px;
				
				position:relative;
				left:0px;
				top:0px;
				
				border:0px solid red;
			}
				#logo_div a
				{
					width: 166px;
					height: 55px;
					text-indent:-9999em;
					
					display:block;
				}
			
			#tagline_div 
			{
				width: 388px; 
				height: 34px; 
				background: url(/_images/header_tagline.png) no-repeat; 
				text-indent:-9999em;
				
				position:relative;
				left:396px;
				top:-54px;
				z-index:5;

				border:0px solid red;
			}
			
			#main_navigation_div
			{
				width: 800px; 
				height: 26px;

				position:relative;
				top:-60px;
			}
			
				#main_navigation_div div.spacer
				{
					width:187px;
					height:26px;
					background-color:white;
					float:left;
				}
			
				#main_navigation_div a
				{
					text-indent:-9999em;
					display:block;
					float:left;
					height:26px;
					overflow:hidden;
					padding:0 1px 0 1px
				}
				#main_navigation_div a[title="About Us"] { width:75px; background: url(/_images/main_nav_about_us.png)  }
				#main_navigation_div a[title="Volunteer"] { width:81px; background: url(/_images/main_nav_volunteer.png)}
				#main_navigation_div a[title="Partners"] { width:77px; background: url(/_images/main_nav_partners.png) }
				#main_navigation_div a[title="Upcoming Events"] { width:128px; background: url(/_images/main_nav_upcoming_events.png) }
				#main_navigation_div a[title="Join Us"] { width:66px; background: url(/_images/main_nav_join_us.png) }
				#main_navigation_div a[title="Contact Us"] { width:85px; background: url(/_images/main_nav_contact_us.png) }
				#main_navigation_div a[title="Main Site"] { width:82px; background: url(/_images/main_nav_main_site.png) }
				#main_navigation_div a:hover
				{
					background-position: -1px -27px; 
					border:1px solid #efefef;
					padding:0px;
					height:24px;
				}
				
				
		#body_div, #bg_lower_image_div, #bg_right_image_div{ width:800px; height:445px; }
		#body_div {background: transparent url(/_images/background_inside.jpg) no-repeat; }
		#body_div[page="index"] {background: transparent url(/_images/background.jpg) no-repeat; display:block !important;}
			#bg_lower_image_div, #bg_lower_image_div2
			{
				background: transparent url(/_images/bg_bottom_image.png) no-repeat; 
				background-position:bottom right;
			}
				#bg_lower_image_div[page="about_us"]{ background-image: url(/_images/bg_bottom_image_about_us.png); }
				#bg_lower_image_div[page="contact_us"] { background-image: url(/_images/bg_bottom_image_volunteer.png); background-position: 0px -20px; }
				#bg_lower_image_div[page="join_us"] { background-image: url(/_images/bg_bottom_image_volunteer.png); background-position: 0px -20px; }
				#bg_lower_image_div[page="partners"] { background-image: none; } /*url(/_images/bg_bottom_image_volunteer.png); background-position: 0px -20px*/
				#bg_lower_image_div[page="upcoming_events"] { background-image: url(/_images/bg_bottom_image_volunteer.png); background-position: 0px -20px; }
				#bg_lower_image_div[page="volunteer"] { background-image: url(/_images/bg_bottom_image_volunteer.png); background-position: 0px -20px; }
					#bg_lower_image_div2{ background: transparent url(/_images/bg_bottom_image_city.png) bottom left no-repeat; }
				
				#bg_right_image_div, #bg_right_image_div2
				{
					background: transparent url(/_images/bg_right_image.png)  no-repeat; 
					background-position: top right;
				}
					#bg_right_image_div[page="about_us"]{ background-image: url(/_images/bg_right_image_dots.png); }
					#bg_right_image_div[page="contact_us"] { background-image: url(/_images/bg_right_image_volunteer.png);  background-position: 80px 330px; }
					#bg_right_image_div[page="join_us"] { background-image: url(/_images/bg_right_image_volunteer.png);  background-position: 80px 330px; }
					#bg_right_image_div[page="partners"] { background-image: url(/_images/bg_right_image_volunteer.png);  background-position: 80px 330px; }
					#bg_right_image_div[page="upcoming_events"] { background-image: url(/_images/bg_right_image_volunteer.png); background-position: 80px 330px; }
					#bg_right_image_div[page="volunteer"] { background-image: url(/_images/bg_right_image_volunteer.png);  background-position: 80px 330px; /*30px 290px*/ }
						#bg_right_image_div2{ background-image: url(/_images/bg_right_image_dots.png); height:92px; } 
						
				#picture_picture_div 
				{
					background: transparent url(/_images/left_image_about_us.png)  no-repeat; 
					background-position: top left;
					
					/*padding-top:80px;*/
					height:445px;
				}
					#picture_picture_div[page="about_us"]{ background-image: url(/_images/left_image_about_us.jpg); }
					#picture_picture_div[page="contact_us"] { background-image: url(/_images/left_image_contact_us.jpg); }
					#picture_picture_div[page="join_us"] { background-image: url(/_images/left_image_join_us.jpg); background-position: 0px 71px; }
					#picture_picture_div[page="partners"] { background-image: url(/_images/left_image_partners.jpg); background-position: 0px 0px; } /*31px 71px;*/
					#picture_picture_div[page="upcoming_events"] { background-image: url(/_images/left_image_upcoming_events.jpg); background-position: 396px 218px; /*padding-top:56px;*/}
					#picture_picture_div[page="volunteer"] { background-image: url(/_images/left_image_volunteer.jpg); background-position: 342px 130px; /*padding-top:56px;*/}
					#picture_picture_div[page="index"]{ background-image: none; }
					
					#flash_div 
					{
						width:415px;
						height:445px;
						margin-top:0px; 
						overflow:hidden;
						
						/*position:relative;*/
						left:0px;
						top:0px;
						z-index:0;
						
						/*display:inline-block;*/
						display:block !important;
						float:left;
						margin-top:-60px;
					}
				
			
						#content_div 
						{
							width:385px; 
							text-align:left; 
							vertical-align:top; 
							
							position:relative;
							left:390px;
							top:80px;
							z-index:5;
						}
							/*#content_div[page="index"]{ top:-350px; }*/
								#content_div[page="volunteer"]{ left:70px; width:auto; top:56px; }
								#content_div[page="upcoming_events"]{ left:70px; width:auto; top:56px; }
								#content_div[page="join_us"]{ left:430px; width:345px; }
								#content_div[page="contact_us"]{ left:300px; }
								#content_div[page="index"]{ left:0px !important; top:30px !important; float:right }
						
							#content_div h1.header{ height:30px; text-indent:-9999em; background-position: -8px 0px; background-repeat:no-repeat; }
								#content_div h1.header[page="about_us"] { background-image: url(/_images/header_about_us.png) }
								#content_div h1.header[page="contact_us"] { background-image: url(/_images/header_contact_us.png) }
								#content_div h1.header[page="join_us"] { background-image: url(/_images/header_join_us.png); }
								#content_div h1.header[page="partners"] { background-image: url(/_images/header_partners.png) }
								#content_div h1.header[page="upcoming_events"] { background-image: url(/_images/header_upcoming_events.png); margin-bottom:16px; margin-left:-10px; }
								#content_div h1.header[page="volunteer"] { background-image: url(/_images/header_volunteer.png); margin-bottom:80px; margin-left:-10px; }
								#content_div h1.header[page="index"] { text-indent:0em; }
								
							#content_div .pop2050_ul 
							{
								width:360px; 
								
								font-size:9pt;
								
								list-style: none; 
								margin-left:0px; 
								padding-left:0px;
								
								margin-top: 0px;
								margin-bottom:28px;
							}
								#content_div .pop2050_ul li  
								{
									margin-left:0px; padding-left:0px; font-weight:bold;
								}
							#content_div p { width:360px; vertical-align:top; }
								#content_div[page="volunteer"] p { width:230px; }
							
								#content_div p .learn_more_a { display:block; float:right; color:#535e5b; text-decoration: none; font-weight:bold; margin-top:8px; }
								#content_div p .learn_more_a[page="join_now"]{ margin-right:36px; }
								#content_div p .learn_more_a:hover { color: #983a3a; }
								
								
							#contact_left, #contact_right
							{
								width:170px;
								float:left;
							}
							#contact_right{margin-left:40px;}
							
								#contact_left p, #contact_right p { width:180px; vertical-align:top; }


		#footer_div{ background-color:White; text-align:center; padding-top: 8px; font-size:7pt;  }
			
			#footer_div a{ padding: 0 5px 0 5px; }
			#footer_div a:hover{}
			
			#footer_div .information{ margin-top:4px; margin-bottom:4px; padding-bottom:4px; }