/* Secondary pages */

#bg_box{
		position:relative;
}
		#bg_box .top{
				width:946px;
				height:10px;
				-moz-background-clip:border;
				-moz-background-inline-policy:continuous;
				-moz-background-origin:padding;
	            background:transparent url(images/img_946_white.png) no-repeat scroll left top;
		}
		#bg_box .middle{
				width:946px;
				/*height:600px; */
				background-color: #FFFFFF;
		}
		#bg_box .bottom{
				-moz-background-clip:border;
				-moz-background-inline-policy:continuous;
				-moz-background-origin:padding;
	            background:transparent url(images/img_946_white.png) no-repeat scroll left bottom;
				height:10px;
				width:946px;
		}


/* About */

#sub_content{
		width: 100%;
}
		#sub_content_inside{
				width:836px;
				margin: 0 auto;
		}
				h2{
						padding: 20px 0 0 0;
						margin: 0;
						font-size:20px;
				}
				#sub_content_inside ul{
						width: 836px;
						height: 20px;
						padding: 0;
						/*margin: 20px 0 0 0; */
						margin-bottom:0px;
						margin-top:6px;
						font-size: 12px;
						text-transform: Uppercase;
						
				}
				#sub_content_inside li{
						margin: 0 14px 0 14px;
						padding: 0;
						min-width: 5px;
						height: 15px;
						float:left;
						list-style-type:none;
				}
						/*.about_nav{
								border-bottom: 1px solid #999;
						}*/
						
						.about_nav li	a, li a:active {
								text-decoration: none; 
								color:#000000; 
						}
						.about_nav li.selected	a, li.selected a:active {
								color:#FF0000; 
						}
						.about_nav li	a:hover { color:#FF0000; }

				
				img{
				
				}

				#making_text_area{
						position: relative;
						margin: 10px 0 0 0;
						width: 836px;
						height: 70px;
						background: transparent url(images/making_history_box.png) no-repeat top 
						center;
						color:#FFFFFF;
						padding-top:3px;
						font-size:14px;
				}				
				
				#making_text_area a {
					color:#ff0000;
					}
				#making_text_area a:hover {
					color:#FFFFFF;
				}
				
				#text_area{
						position: relative;
						margin: 10px 0 0 0;
						width: 836px;
						height: 250px;
						background: transparent url(images/about_box.jpg) no-repeat top 
						center;
				}
						#text_area a{
							color:#000000;		
						} 
						#text_area a:hover { color: red; }
						#text_area a.selected { color: red; }

						
						.title{
								position: absolute;
								top:10px;
								left:20px;
								font-size: 20px;
								color: #000;
						}
						
						#page_icons{
								position: absolute;
								top:10px;
								right:10px;
						}
								#page_icons .icon1{
										width: 19px;
										height: 27px;
										float: left;
										margin-left: 6px;
										background: transparent url(images/page_icon.gif) no-repeat top left;
								}
					#page_icons .icon1selected{
										width: 19px;
										height: 27px;
										float: left;
										margin-left: 6px;
										background: transparent url(images/page_icon.gif) no-repeat bottom left;
								}
								
								#page_icons .icon2{
										width: 19px;
										height: 27px;
										float: left;
										margin-left: 6px;
										background: transparent url(images/page_icon.gif) no-repeat top center;
								}
								#page_icons .icon2selected{
										width: 19px;
										height: 27px;
										float: left;
										margin-left: 6px;
										background: transparent url(images/page_icon.gif) no-repeat bottom center;
								}
								
								#page_icons .icon3{
										width: 19px;
										height: 27px;
										float: left;
										margin-left: 6px;
										background: transparent url(images/page_icon.gif) no-repeat top right;
								}
								#page_icons .icon3selected{
										width: 19px;
										height: 27px;
										float: left;
										margin-left: 6px;
										background: transparent url(images/page_icon.gif) no-repeat bottom right;
								}
								
						#text_area .colA{
								position: absolute;
								top:40px;
								left:20px;
								width: 380px;
								float: left;
								font-size:12px;
						}
						
						#text_area .colB{
								position: absolute;
								top:40px;
								left:430px;
								width: 380px;
								float: left;
								font-size:12px;
						}
						
						#text_area .col_wide{
								position: absolute;
								top:40px;
								left:20px;
								width: 700px;
								float: left;
								font-size:16px;
						}
						#text_area p{
						
						}
						
						#text_area .more{
								position: absolute;
								bottom:20px;
								right:20px;
								font-size: 12px;
								text-transform: UpperCase;

	color:#FFFFFF;

						}
						
						#text_area .about_link{
								border: 2px solid #ccc;
								padding: 10px;
								height: 45px;
								margin: 0 5px 5px 0;


						}
						#text_area .about_col{
								position: absolute;
								top:10px;
								margin: 0 0 0 5px !important;
								padding: 0 0 0 0 !important;
						}
								#text_area .about_col h2 {
										font-size: 14px;
										padding: 0 0 0 0;
										margin: 0 0 0 0;
								}	
																
								#text_area .about_col a {
								
								}
								#text_area .about_col p {
										color: #000000;
										padding: 0 0 0 0;
										margin: 0 0 0 0;
								}



/* Donate */

#donate{
		position: relative;
}
		#donate img{
				margin: 16px 0	20px 40px;
				width: 327px;
				float: left;
		}
		
		#donate .details{
				position: absolute;
				top: 20px;
				left: 500px;
				width: 400px;
		}
		
		#donate .d_title{
				color: #000;
				font-size: 20px;
				font-weight: bold;
				width: 350px;
				float: left;
				margin: 0 0 15px 0;
		}
		#donate .description{
				position: relative;
				width: 350px;
				float: left;
				font-size: 14px;
		}
		#donate #donate_lg{
				position: absolute;
				bottom: 20px;
				left: 600px;
				float: left;
		}
		#donate #donate_paypal{
				position: absolute;
				bottom: 20px;
				left: 600px;
				float: left;
		}
		
				#donate .paypal_text
				{
						position:absolute;
						top: 13px;
						left: 0;
						font-size: 13px;
						color: #fff;
						width: 216px;
						height: 20px;
						text-align:center;
						float:left;
						z-index: 10;
						display: block;
						selection { background: transparent; }
						-moz-selection { background: transparent; }
				}
		
		#donate_top{
				position: relative;
				width:946px;
				height:250px;
				background-color: #fff;
				border-bottom: 2px solid #ccc;
		}
		
		#donate_map {
				position: relative;
				width:946px;
				height:250px;
				margin: 0 0 10px 0;
				background: transparent url(images/worldmap.jpg) no-repeat top left;
				border-bottom: 2px solid #ccc;
		}
		
		#donate_options{
				position: relative;
		}
				#donate_options .item{
						position: relative;
						width:946px;
						height:204px;
						margin: 0 0 10px 0;
						background: transparent url(images/bg_donate_item.jpg) no-repeat top left;
				}


/* Volunteer */

#volunteer{
		position: relative;
}
		#volunteer h2{
				
		}
		#volunteer img{
				position: absolute;
				top: 50px;
				left: 0px;
		}
		#volunteer .box{
				position: absolute;
				top: 50px;
				left: 0px;
				width: 840px;
				height: 545px;
				background: transparent url(images/tall_box_outline.png) no-repeat top left;
		}
		#volunteer .text{
				position: absolute;
				top: 70px;
				left: 400px;
		}
				#volunteer .quote{
						color: #999;
						/*float: left;*/
						width: 350px;
						line-height: 20px;
						margin: 10px 0 0 0;
				}
						#volunteer .quote p{
								border: thin solid red;
						}
				#volunteer .mark
				{
					font-size: 30px;
					line-height: 1px;
					margin: 0 5px 0 5px;
					padding: 0;
					width: 40px;
					height: 30px;
					text-align: center;
					vertical-align: -10px;
				}
						#volunteer .mark p{
							
							color: #aaa;
							width: 30px;
							height: 30px;
							display:block;
						}
				#volunteer p{
						/*float: left;*/
						width: 370px;
						font-size: 12px;
						line-height: 16px;
						margin: 0 0 10px 0;
				}



/* Share */

#share{
		width: 100%;
}

		#share img{
				margin: 0 auto;
		}
		
		#share_text {
				margin: 0 auto ;
		}
		#share h2{
				color: #FFFFFF;
				font-size: 16px;
				padding: 12px 0 3px 0;
				margin: 0px;
		}
				#share a, #share a:active{
						display: block;	
						text-decoration: none;
						color: #ccc;
						
				}
				#share a:hover{
						color: #FF0000;
				}
				
				
		#share .col{
				margin: 10px 0 0 0;
				color: #fff;
				width: 414px;
				height: 143px;
				float: left;
				background: transparent url(images/share_box.png) no-repeat top left;
				text-align: center;
		}
		#share .rightspace{
				margin: 10px 7px 0 0;
		}

		#share .link_block{
				font-size: 13px;
				width: 247px;
				height: 46px;
				margin: 0 auto 4px auto ; 
				background-color: #000000;
		}
				
				#share .stitle {
						padding: 7px 0 0 0;
				}


/* Who We Are */

#people_area{
		border-bottom: 2px solid #ccc;
		width: 821px;
		height: 270px;
		padding: 0 0 20px 15px;
}
		#people_area a {
			color: #ff0000;
		}
		#people_area .person{
				width: 270px;
				height: 100px;
				float: left;
		}
		#people_area h3{
				padding: 0;
				margin: 0;
				font-size: 20px;
				color: #ff0000;
		}
		#people_area p	{
				width: 250px;
				padding: 0;
				margin: 0;
				font-size: 13px;
		}


#person_info{
		margin: 5px 0 0 0;
}
		#name_area{
				margin: 15px 0 0 20px;
				width: 230px;
				float: left;
		}
				#name_area .name{
						font-size: 20px;
						color: #000;
				}
				#name_area .position{
						font-size: 13px;
				}
		#bio{
				width: 550px;
				float: left;
				font-size: 14px;
				line-height: 19px;
		}