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

*{
	font-family:Arial, Helvetica, sans-serif;
}
body{
	height:100%;
	text-align:center;
	margin:0;
	padding:0;
}
#wrapper{
	margin:0 auto;
	width:693px;
	background:#000000;
	position:relative;
}
#video{
	width:693px;
	height:420px;
	border-bottom:1px solid #FFF;
}
#menu{
	width:267px;
	height:28px;
	margin:0 auto;
}
#menu_alter{
	background:url(images/menu_alter.gif);
}
#menu_donation{
	background:url(images/menu_donation.gif);
}
#menu_ourpeople{
	background:url(images/menu_ourpeople.gif);
}
#menu_contact{
	background:url(images/menu_contact.gif);
}
#menu .menu{
	height:28px;
	position:relative;
	display:block;
	float:left;
	margin:0 auto;
	color:#FFF;
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:26px;
}
#menu .menu span{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:left;
}
#menu .menu:hover{
	border:none;
}
#menu .menu:hover span{
	background-position:right;
}


/* books/links */
#books{
	border-top:1px solid #FFF;
	width:271px;
	height:271px;
	border-right:1px solid #FFF;
	float:left;
	color:#FFF;
	text-align:center;
}
#shelf{
	width:225px;
	height:110px;
	margin:5px 0 0 23px;
}
#books h1{
	margin:12px auto 0;
	padding:0;
	position:relative;
	width:222px;
	height:25px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:21px;
}
#books h1 span{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(images/helpfill.gif) no-repeat;
}
#links{
	margin:7px 0 0 23px;
}
#links a{
	margin:8px 0;
}
.button{
	position:relative;
	display:block;
	text-align:left;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}
.button img{
	border:none;
}
.button .over{
	visibility:hidden;
	position:absolute;
	top:0;
	left:0;
}
.button:hover{
	border:none;
}
.button:hover .over{
	visibility:visible;
}


/*intro*/
#intro{
	border-top:1px solid #FFF;
	background:url(images/panel_bg.gif) repeat #c1c1c1;
	width:421px;
	height:271px;
	float:left;
	font-size:12px;
	text-align:center;
}
#intro h1{
	position:relative;
	margin:11px auto 18px;
	padding:0;
	font-size:14px;
	width:173px;
	height:61px;
}
#intro h1 span{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:url(images/20years_logo.gif) no-repeat;
}
#intro .itwas{
	position:relative;
	margin:0;
	padding:0;
	font-size:11px;
	display:block;
	float:left;
	width:153px;
	height:15px;
	font-weight:normal;
	margin:0 3px 0 0;
}
#intro .itwas span{
	background:url(images/Itwastwenty.gif) no-repeat;
	position:absolute;
	top:1px;
	left:0;
	width:100%;
	height:100%;
}
#intro .helpfill{
	position:relative;
	top:4px;
}
#intro p{
	margin:8px 17px 0px;
	text-align:justify;
	line-height:16px;
	text-align:justify;
}

/* timeline */
#timeline{
	width:693px;
	height:90px;
	border-top:1px solid #FFF;
	clear:both;
	position:relative;
}
#flash{
	width:693px;
	height:100px;
	position:absolute;
	top:-5px;
	left:0;
}


/*content*/
#header{
	width:693px;
	height:65px;
	border-bottom:1px solid #FFF;
}
#content{
	min-height:200px;
	border-top:1px solid #FFF;
	padding:0;
	color:#FFF;
}
#content h1{
	font-size:18px;
	font-weight:normal;
	padding:0 0 40px;
	margin:45px 0 0;
	border-bottom:1px solid #FFF;
}
#content h2{
	position:relative;
	width:468px;
	height:58px;
	font-size:12px;
	margin:15px auto;
	padding:0;
}
#content h2 span{
	background:url(images/inHonor.gif) no-repeat;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
#modules{
	border-top:1px solid #FFF;
}
#modules .vr{
	border-left:1px solid #FFF;
	float:left;
	height:487px;
}
#reach_out, #study_hall{
	display:block;
	float:left;
	color:#fff;
	font-size:12px;
	padding:42px 0 51px;
	position:relative;
}
#reach_out{
	width:217px;
	padding-left:74px;
	padding-right:55px;
	height:298px;
}
#study_hall{
	width:217px;
	padding-left:55px;
	height:301px;
}
#reach_out:hover, #study_hall:hover{
	border:none;
}
#reach_out:hover span, #study_hall:hover span{
	background-position:bottom;
}
#reach_out span{
	background:url(images/reach_out_module.gif) no-repeat top left;
	position:absolute;
	top:42px;
	left:74px;
	width:217px;
	height:391px;
}
#study_hall span{
	background:url(images/study_hall_module.gif) no-repeat top left;
	position:absolute;
	top:42px;
	left:55px;
	width:217px;
	height:394px;
}

/* footer */
#footer{
	width:693px;
	margin:5px auto;
	color:#999;
	font-size:12px;
}
#footer a:link, #footer a:visited{
	text-decoration:none;
	color:#999;
}
#footer a:hover{
	text-decoration:underline;
	color:#555;
}
#footer .copyright{
	font-size:10px;
}