@charset "UTF-8";
/*##################################################*/
/*##################################################*/
/*
	CSS CODE WRITTEN BY KATE HASSAN & BENJAMIN CAPLAN
		KATE HASSAN: GreenLizardStudio.com
		BENJAMIN CAPLAN: IAmCaplan.com
*/
/*##################################################*/
/*##################################################*/



/* CSS Document */

/*--==NORMALIZER==--*/
	*{
		margin: 0px;
		padding: 0px;
	}
	body, div, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td, img{
		border: 0px;
	}
	a{
		text-decoration: none;
		outline: none;
	}
	ul{
		list-style-type: none;
	}
/*--==END NORMALIZER==--*/



/*--==GENERAL==--*/
	body{
		background-color: #000000;
		color: #C1B69A;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 14px;
	}
	
	a{
		color: #897D49;
	}
	
	a:visited{
		color: #897D49;
	}
	
	a:active{
		color: #897D49;
	}
	
	a:hover{
		color: #897D49;
		text-decoration: underline;
	}
	
	li{
		float: left;
	}
	
	li a{
		font-family:"Arial", Helvetica, sans-serif;
	}
	
			
	h3{
		color:#000000;
		font-family:"Arial", Helvetica, sans-serif;
		font-size:.7em;
		font-weight:normal;
		text-align:center;
		padding:5px 0;
	}
	
	h4{
		color:#C1B69A;
		font-family:"Arial", Helvetica, sans-serif;
		font-size:.7em;
		font-weight:normal;
		text-align:center;
		padding:15px 0;
	}
/*--==END GENERAL==--*/	



/*--==DIVS==--*/	

/*CONTAINER_MAIN*/
	#container_main{
		width: 800px;
		margin: 40px auto;
	}
/*END CONTAINER_MAIN*/

/*CONTAINER_BANNER*/
	#container_banner{
		width: 800px;
		height: 75px;
		background-image: url(images/header_bg2011.jpg);
		background-repeat: no-repeat;
		position: relative;
		z-index: 100;
	}
	
	/*HOME PAGE ADJUSTMENTS*/
		.home #container_banner{
			width: 800px;
			height: 155px;
			background-image: url(images/header_home_bg2011.jpg);
			background-repeat: no-repeat;
			position: relative;
			z-index: 100;
		}
		
		.home #header_nav{
				padding-top: 80px;
		}
		
		.home #nav_main2{
			width: 800px;
			height: 20px;
			float: left;
		}
		
		.home #nav_main1{
			width: 800px;
			height: 20px;
			float: none;
			margin-top: 30px;
		}
	/*END HOME PAGE ADJUSTMENTS*/
	
	
	/*LOGO*/
		#logo{
			display: block;
			width: 205px;
			height: 75px;
			float: left;
		}
	/*END LOGO*/
	
	/*NAV_MAIN2*/
		#nav_main2{
			width: 595px;
			height: 20px;
			float: left;
		}
		
		#nav_main2 ul {
			float: right;
		}
		
		#nav_main2 ul li{
			display: inline-block;
			padding: 0 10px;
		}
		
		#nav_main2 a{
			color: #000000;
		}
		
		#nav_main2 a:hover{
			color: #C1B69A;
			text-decoration: none;
		}
	/*END NAV_MAIN2*/
	
	/*NAV_MAIN1*/
		#nav_main1{
			width: 595px;
			height: 20px;
			float: left;
			margin-top: 30px;
		}
		
		#nav_main1 ul{
			clear: both;
			display: inline-block;
		}
		
		#nav_main1_list{
			float: right;
		}
				
		#nav_main1 a{
			color: #C1B69A;
		}
		
		#nav_main1 li a{
			display: block;
		}
		
		#nav_main1 a:hover {
			text-decoration:none;
		}
		
		#nav_main1 ul li.nav_title{
			overflow: hidden;
			height: 20px;
			padding: 0 10px;	
		}
		
		#nav_main1 ul li.nav_title:hover{
			overflow: visible;
		}
		
		#nav_main1 ul li.nav_title a:hover{
	color:#000000;
	text-decoration: underline;
	overflow: visible;
		}
		
		#nav_main1 ul li.nav_title:hover{
			background-image:none;
		}
		
		#nav_main1 ul:hover ul li{
			overflow: visible;
		}
		
		#nav_main1 ul:hover ul li:hover{
			background-color: #686511;
		}
	
		#nav_main1 ul li ul{
			padding-top:5px;
		}
		
		#nav_main1 ul li ul li{
			clear: both;
			width: 143px;
			padding:5px 0 5px 3px;
			background-color:#000000;
			border-color: #C1B69A;
			border-width: 0 1px 1px 1px;
			border-style: solid;
			z-index: 1;
		}
			
			/*NAV_TITLE IDs - this sets the width for the Main Nav titles*/
				#nav_main1 ul li#nav_title_about{
					width: 42px;
				}
				
				#nav_main1 ul li#nav_title_projects{
					width: 52px;
				}
				
				#nav_main1 ul li#nav_title_programs{
					width: 62px;
				}
				
				#nav_main1 ul li#nav_title_news{
					width: 45px;
				}
				
				#nav_main1 ul li#nav_title_store{
					width: 40px;
				}
				
				#nav_main1 ul li#nav_title_involved{
					width: 100px;
				}
				
				#nav_main1 ul li#nav_title_archives{
					width: 58px;
				}	
				
					#nav_main1 ul li#nav_title_archives ul{
						position: relative;
						right: 80px;
					}
			/*END NAV_TITLE IDs*/
				

	/*END NAV_MAIN1*/
	
/*END CONTAINER_BANNER*/

/*CONTAINER_SUB_NAV*/
	#container_subnav{
		clear: both;
		width: 800px;
		height: 30px;
		z-index: .5;
	}
		
		.archives_other #container_subnav{
			width: 800px;
			height: 130px;
			padding: 25px 0px; 
		}
			.archives_other #container_subnav img{
				padding: 0 7px;
			}
		
	#container_subnav ul{
		float: right; 
	}
	
	#container_subnav ul li{
		display: inline-block;
		font-size: .75em;
		padding: 10px 10px 0 10px;
	}
	
	#container_subnav a{
		color: #686511;
		font-family: verdana, geneva, sans-serif;
		text-decoration: none;
	}
	
	#container_subnav a:hover{
		color: #7E6A45;
	}

/*END CONTAINER_SUB_NAV"*/

	/*PAGE_TITLE*/
		#page_title{
			width: auto;
			height: 70px;
			position: relative;
			z-index: -1;
		}
		
		#page_title img{
			float: right;
			padding: 15px;
		}
		
			/*YEAR_IMAGE*/
				#year_image{
					width: auto;
					float: right;
					padding: 15px 0;
				}
			/*END YEAR_IMAGE*/
			
			/*SYMBOL_IMAGE*/
				#symbol_image{
					width: 60px;
					float: right;
					padding: 10px 0;
				}
		
	/*END PAGE_TITLE*/
			

/*CONTAINER_CONTENT*/
	#container_content{
		clear: both;
		width: 800px;
		height: 340px;
		padding: 15px 0;
	}
	
		.template2 #container_content{
			width: 780px;
			height: 340px;
			overflow: auto;
		}
		
		
		.store_pages #container_content {
			background-image: url(../css/images/sidebar_bg.jpg);
			background-repeat: repeat-y;
			background-position: left;
			height: auto;
			width: 800px;
			margin: 15px 0 0 0;
		}
		
		/*HOME_IMAGES*/
			#home_images{
				width: 800px;
				height: 250px;
				position: relative;
				top: 50px;
			}
		/*END HOME_IMAGES*/
		
		/*CALENDAR*/
			#calendar{
				width: 750px;
				height: 425px;
				overflow: hidden;
				margin: 0 auto 10px auto;
			}	
		/*END CALENDAR*/
		
		/*CONTAINER_VIGIL_ARCHIVES*/
			#container_vigil_archives{
				width: 580px;
				height: 300px;
				margin: 0 auto;
			}
			
				#left_arrow, #right_arrow{
					width: 25px;
					float: left;
					padding: 120px 20px 0 20px;
				}
				
				#vigil_image{
					float: left;
				}
				
					#vigil_image img{
						width: 450px;
						height: 300px;
					}
				
				#vigil_links{
					width: 400px;
					height: 60px;
					position: relative;
					top: 10px;
					left: 200px;
					overflow: auto;
					white-space: nowrap;
				}
				
					#vigil_links p a{
						padding: 0 10px;
						display: inline;
						font-size: .8em;
					}
					
					#vigil_links p a:hover{
						color: #686511;
						text-decoration: none;
					}
					
					#vigil_links p a:current{
						color: #686511;
					}
					
					.fixedwidth {
						height: auto;
						width: 1100px !important;
						position: relative;
						color: black;
					}		
		/*END VIGIL_ARCHIVES*/
						
		/*CONTAINER_CONTENT_LEFT*/
			#container_content_left{
				width: 280px;
				float: left;
			}
			
				.store #container_content_left{
					width: 125px;
					float: left;
				}
				
				.store_pages #container_content_left{
					width: 125px;
					float: none;
					display: inline-block;
					vertical-align: top;
				}
				
				/*ARCHIVES_OTHER*/
				.archives_other #container_content_left{
						width: 125px;
					}
						.archives_other #container_content_left ul{
							float: none;
							padding: 30px 0 0 0;
						}
						.archives_other #container_content_left ul li{
							float: none;
							padding: 5px 0 5px 10px;
							line-height: .8em;
						}
	
						.archives_other #container_content_left ul li a{
							color: #000000;
							font-family: verdana, geneva, sans-serif;
							font-size: .8em; 
							padding: 0 0 0 0px;
						}
						
						.archives_other #container_content_left ul li.first a{
							color: #000000;
							font-size: .9em;
							text-decoration: underline;
							float: none;
							padding: 0 0 0 0px;
						}
					/*END ARCHIVES_OTHER*/
					
					
					/*COURSES*/
						.courses #container_content_left ul{
								float: none;
								padding: 30px 0 0 0;
						}
						.courses #container_content_left ul li{
							float: none;
							padding: 5px 5px 5px 10px;
							line-height: .8em;
						}
	
						.courses #container_content_left ul li a{
							color: #000000;
							font-family: verdana, geneva, sans-serif;
							font-size: .8em; 
							padding: 0px;
						}
						
						.courses #container_content_left ul li.head{
							padding: 15px 5px 0px 10px;
						}
						.courses #container_content_left ul li.head a{
							text-decoration: underline;
						}
					/*END COURSE*/
					
					
				.template2 #container_content_left{
					width: 160px;
					height: auto;
					display: inline-block;
					vertical-align: top;
				}
				
				.template2 #container_content_left img{
					padding: 10px;
				}
					
			/*START CONTAINER_FLASH*/
				#container_flash{
					width: 275px;
				}
			/*END CONTAINER_FLASH*/
			
			/*START CONTAINER_SIDEBAR*/
				#container_sidebar{
					width: 125px;
					height: 425px;
					background-image: url(../css/images/sidebar_bg.jpg);
					background-repeat: no-repeat;
				}
				
					.store_pages #container_sidebar{
						background-image: none;
					}
			/*END CONTAINER_SIDEBAR*/
			
			/*STORE CONTAINER_CONTENT_LEFT UL*/
				.store #container_content_left ul{
					float: none;
					padding: 30px 0 0 0;
				}
				.store #container_content_left ul li{
					float: none;
					padding: 5px 5px 5px 20px;
					line-height: .8em;
				}

				.store #container_content_left ul li a{
					color: #000000;
					font-family: verdana, geneva, sans-serif;
					font-size: .8em; 
					padding: 0px;
				}
				
				.store #container_content_left ul li.head{
					padding: 50px 5px 5px 10px;
				}
				.store #container_content_left ul li.head a{
					text-decoration: underline;
				}
				
						.store_pages #container_content_left ul{
							float: none;
							padding: 30px 0 0 0;
						}
						.store_pages #container_content_left ul li{
							float: none;
							padding: 5px 5px 5px 20px;
							line-height: .8em;
						}
	
						.store_pages #container_content_left ul li a{
							color: #000000;
							font-family: verdana, geneva, sans-serif;
							font-size: .8em; 
							padding: 0px;
						}
						
						.store_pages #container_content_left ul li.head{
							padding: 50px 5px 5px 10px;
						}
						.store_pages #container_content_left ul li.head a{
							text-decoration: underline;
						}
			/*END STORE CONTAINER_CONTENT_LEFT UL*/
				
		/*END CONTAINER_CONTENT_LEFT*/
		
		/*CONTAINER_CONTENT_RIGHT*/
			#container_content_right{
				width: 425px;
				float: left;
			}
				.store_pages #container_content_right{
					width: 650px;
					float: none;
					display: inline-block;
					vertical-align: top;
				}	
			
			
				.about #container_content_right{
					width: 400px;
					float: left;
					margin-left: 60px;
				}
				
				.archives_other #container_content_right{
					width: 670px;
					padding: 0 0 0 0; 
				}
											
				.template2 #container_content_right{
					float: none;
					width: 575px;
					height: auto;
					padding: 0 0 0 20px;
					display: inline-block;
				}
				
				.template2 #container_content_right h1{
					font-size: .8em;
				}
				.template2 #container_content_right h1 a{
					text-decoration: underline;
				}
				.template2 #container_content_right h1 a:hover{
					color: #686511;
				}
				.template2 #container_content_right p{
					font-size: .9em;
					margin: 0 0 10px 0;
				}
				
				.store #container_content_right{
					width: 675px;
					float: left;
				}
			
			/*CONTENT_RIGHT*/
				#content_right{
					clear: both;
					width: 350px;
					height: 300px;
					overflow: auto;
					padding: 0 10px 0 75px;	
					outline: none;												
				}
					.store_pages #content_right{
						clear: none;												
					}
				
					.archives_other #content_right{
						width: 500px;
						padding: 0 0 0 0; 
						margin: 0 auto; 
					}
					
				.content_list{
					margin: 0 0 0 50px; 
				}
				.content_list li{
					clear: both;
					font-size: .8em;
				}
				.content_list b{
					font-size: 1.2em;
				}
				#contribute{
					padding: 15px 0;
				}
				#contribute a{
					font-size: 1.3em;
				}
				.italic{
					font-style: italic;
				}
				#letter{
					width: 500px;
					margin: 0 auto;
				}
				#letter p{
					padding: 5px 0;
				}
													
				#content_right h1{
					font-size: .8em;
				}
				#content_right h1 a{
					text-decoration: underline;
				}
				#content_right h1 a:hover{
					color: #686511;
				}
				#content_right p{
					font-size: .7em;
					margin: 0 0 10px 0;
				}
				
				/*STORE CONTENT_RIGHT*/
					.store #content_right{
						width: 500px;
						height: 150px;
						padding: 30px 0 0 0; 
						margin: 0 auto;
					}
					
					#store_images{
						width: 550px;
						margin: 0 auto;
					}
					
					#store_images img{
						padding: 10px;
					}
					
						.store_pages #content_right{
							width: 675px;
							height: auto;
							padding: 0 0 0 0;
						}
						
						.product{
							width: 675px;
							height: 175px;
							padding-top: 20px;
						}
						.product img{
							float: left;
							padding-left: 20px;
						}
						
						.product_description{
							width: 450px;
							float: left;
							padding: 15px 0 0 20px;
						}
						
						.tile_set{
							padding: 20px 0 15px 100px;
						}
						
						.store_button{
							visibility: hidden;
						}
									
					/*END STORE CONTENT_RIGHT*/
				
				
				/*START CREDITS*/
				#credits li{
					diplay: block;
					clear: both;
				}
				#credits li.head{
					padding: 15px 0 0 0;
				}
				/*END CREDITS*/
				
				/*START SITEMAP*/ 
					ul.sitemap{
						display: inline-block;
						width: 220px;
						vertical-align: top;
						margin: 0 50px 0 0;
					}
				
					.sitemap li{
						float: none;
						display: block;	
						color: #ffffff;	
					}
					
					.cat{
						padding-top: 25px;
					}
				
					.cat a{
						text-decoration: underline;
						font-weight: bold;
						font-size: 1.2em;
					}
					
					.sub_cat{
						padding: 3px 0 3px 10px;
						color: #686511;
					}
					.sub_cat a{
						text-decoration: underline;
					}
					
					.sub2_cat{
						padding: 3px 0 3px 30px;
					}
					
					.sub3_cat{
						padding: 3px 0 3px 60px;
					}
				/*END SITEMAP*/
				
				/*START PAST_PROJECTS*/
					#past_projects_text{
						width: 310px;
						display: inline-block;
						margin: 0 15px 0 0;
						vertical-align: top;
					}
					
					#past_projects_images{
						width: 155px;
						display: inline-block;
						margin: 0;
						padding: 0;
					}
						#past_projects_images img{
						width: 150px;
						padding-bottom: 20px;
					}
					
				/*END PAST_PROJECTS*/
					
					/*START SCROLL BAR CSS*/
						/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
							.scrollgeneric {
								line-height: 1px;
								font-size: 1px;
								position: absolute;
								top: 0; left: 0;
							}	
														
							.vscrollerbar {
								width: 10px;
								padding: 15px;
								z-index: 2;
								background: url(../scripts/images/scroll_button.jpg) 0px 0px repeat-y;			
							}
							
							.vscrollerbarbeg {
								height: 5px !important;
								width: 10px;
								background: url(../scripts/images/scroll_button_top.jpg) 0px 0px no-repeat;
							}
							
							.vscrollerbarend {
								height: 5px;
								width: 10px;
								background: url(../scripts/images/scroll_button_bottom.jpg) 0px 0px no-repeat;
							}
							
							.vscrollerbase {
								width: 10px;
								height: auto;
								background: url(../scripts/images/scroll_bar.jpg) 3px 0px repeat-y;
							}
							
							.vscrollerbasebeg {
								width: 10px;
								height: 20px !important;
								background: url(../scripts/images/scroll_bar_top.jpg) 3px 0px no-repeat;
							}
							
							.vscrollerbaseend {
								width: 10px;
								height: 20px;
								background: url(../scripts/images/scroll_bar_bottom.jpg)  3px 0px no-repeat;
							}
							
							.hscrollerbar{
								height: 10px;
								padding: 15px;
								z-index: 2;
								background: url(../scripts/images/hscroll_bar.jpg) 0px 0px repeat-x;
							}
							
							.hscrollerbarbeg {
								width: 5px !important;
								height: 10px;
								background: url(../scripts/images/hscroll_bar_beg.jpg) 0px 0px no-repeat;
							}
							
							.hscrollerbarend {
								width: 5px;
								height: 10px;
								background: url(../scripts/images/hscroll_bar_end.jpg) 0px 0px no-repeat;
							}
							
							.hscrollerbase {
								height: 10px;
								width: auto;
								background: url(../scripts/images/hscroll_base.jpg) 0px 2px repeat-x;
							}
							
							.hscrollerbasebeg {
								height: 10px;
								width: 20px !important;
								background: url(../scripts/images/hscroll_base_beg.jpg) 0px 2px no-repeat;
							}
							
							.hscrollerbaseend {
								height: 10px;
								width: 20px;
								background: url(../scripts/images/hscroll_base_end.jpg)  0px 2px no-repeat;
							}
													
						/* Scroll Bar Master Styling Ends Here */				 
					/*END SCROLL BAR CSS*/
	
			/*END CONTENT_RIGHT*/

		/*END CONTAINER_CONTENT_RIGHT*/
		
/*END CONTAINER_CONTENT*/

/*CONTAINER_FOOTER*/
	#container_footer{
		clear: both;
		width: 800px;
		height: 100px;
	}
	
		.template2 #container_footer{
			margin-top: 15px;
		}
		
		.past_vigils #container_footer{
			margin-top: 25px;
		}
		
		/*FOOTER_NAV*/
			#footer_nav{
				width: 800px;
				height:25px;
				color: #686511;
			}
			
			#footer_nav ul{
				float:right;
			}
			
			#footer_nav ul li{
	display: inline-block;
	vertical-align: inherit;
			}
			
			#footer_nav a{
				color: #686511;
				font-size:0.9em;
			}
			
			#footer_nav a:hover{
				color: #7E6A45;
				text-decoration:none;
			}
			
			.black{
				color: #000000;
			}
		/*END FOOTER_NAV*/
		
		/*FOOTER_TEXT*/
			#footer_text{
				width: 800px;
				color: #000000;
				background-image:url(images/footer_text_bg.jpg);
				background-repeat:no-repeat;
				background-position:center;
				background-position:top;
			}
		/*END FOOTER_TEXT*/
		
/*END CONTAINER_FOOTER*/

/*--==END DIVS==--*/