@charset "utf-8";
/* CSS Document */
/*
HTML and Javascript Slideshow
Copyright (C) 2011  html5marketplace.com

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/
/*all of the pages*/
body{
	background-image: url(pics/background2.jpg);
	background-repeat: repeat-y;
	margin: 0 auto;
	background-position: center top;
	width: 960px;
	background-color: #050a3e;
	}
h1{
	font-family: "Georgia", Times New Roman, serif;
	color: #050a3e;
	font-size: 48px;
	margin-left: 100px;
	font-style: italic;
	}
h2{
	font-family: "Georgia", Times New Roman, serif;
	color: #050a3e;
	font-size: 36px;
	padding-top: 50px;
	font-style: italic;
	}
h4{
	width: 850px;
	color: #473a34;	
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 20px;
	text-align: center;
	}
#header a{ 
	padding-top: 10px;
	color: #050a3e;
	text-decoration: none;
	}
#header h2{
	margin-top: -160px;
	margin-left: 100px;
	}
#header img{
	width: px;
	height: 180px;
	margin: -100px 0 0 10px;
	}
#topnav ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-family: "Georgia", Times New Roman, serif;
	font-size: 22px;
	background-position: left;
	background-repeat: none;
	margin-left: 340px;
	margin-top: 80px;
	}
#topnav ul li{
	display: inline;
	color: #050a3e;
	font-style: italic;
	font-weight: bold;
	padding: 10px;
	}
#topnav a{
	text-decoration: none;
	color: #050a3e;
	}
#topnav ul a:hover{
	color: #9F0000;
	background-size: 50px;
	background-repeat: no-repeat;
	}
#current a{
	color: #9F0000;
	}
#footer{
	width: 850px;
	color: #050a3e;	
	font-family: "Georgia", Times New Roman, serif;
	font-size: 15px;
	margin: 20px 0 20px 50px;
	text-align: center;
	font-style: italic;
	font-weight: bold;
	padding-top: 60px;
	width:100%;
	height:80px;
	float: right;
	left: 0;
	margin-top: 40px;
	}
	/* end all of the pages*/
	/*main page*/
#mission{
	margin-left: 50px;
	margin-top: -50px;
	}
#mission p{
	width: 850px;
	color: #473a34;	
	font-family: "Arial Black", sans serif;
	font-size: 15px;
	}
#boxes{
	margin-left: 35px;
	margin-right: 18px;
	background-color: #050a3e;
	opacity: 0.85;
	margin-top: 20px;
	text-align: center;
	padding-left: 40px;
	padding-top: 30px;
	width: 880px;
	}
#boxes a{ 
	padding-top: 10px;
	color: #FFF;
	text-decoration: none;
	font-family:"Arial Black", serif;
	}
#boxes h2{
	color: #050a3e;
	font-size: 24px;
	font-style: italic; 
	font-weight: bold;
	margin-left: -50px;
	}
#boxes p{
	font-family:"Arial Black", serif;
	font-size: 15px;
	width: 210px;
	text-align: left;
	}
#box1{
	background-image: url(pics/chalkboard.jpg);
	background-size: 190px;
	background-repeat: no-repeat;
	background-positon: center;
}
#box1 h2{
	margin-top: -5px;
	}	
#box1:hover{
	background-image:url(pics/chalkboardblue.jpg);
	background-size: 190px;
	color: #fff;
	}
#box1 h2:hover{
	color: #fff;
	}
#box2{
	background-image: url(pics/book.jpg);
	background-size: 190px;
	background-repeat: no-repeat;
	background-positon: center;
}
#box2:hover{
	background-image:url(pics/bookblue.jpg);
	background-size: 190px;
	color: #fff;
	}
#box2 h2:hover{
	color: #fff;
	}
#box3{
	background-image: url(pics/demasi2.jpg);
	background-size: 190px;
	background-repeat: no-repeat;
	background-positon: center;
}
#box3 h2{
	margin-top: -5px;
	text-align: center;
	padding-left: 25px;
	}
#box3:hover{
	background-image:url(pics/demasi2blue.jpg);
	background-size: 190px;
	color: #fff;
	}
#box3 h2:hover{
	color: #fff;
	}
#box4{
	background-image: url(pics/glasses.jpg);
	background-size: 190px;
	background-repeat: no-repeat;
	background-positon: center;
}
#box4 h2{
	margin-top: -5px;
	}
#box4:hover{
	background-image:url(pics/glassesblue.jpg);
	background-size: 190px;
	color: #fff;
	}
#box4 h2:hover{
	color: #fff;
	}
/*slideshow*/
<style>*{
	margin:0;
	padding:0;
}
#container{
	width:594px;
	height:430px;
	position:relative;
	margin-left: 150px;
	padding-bottom: 20px;
		
}

.prevButton img{
	height:50px;
	width:50px;
	position:absolute;
	background-repeat: no-repeat;
	top:50%;
	margin-top:-36px;
	cursor:pointer;
	z-index:2000;
	left:0;
}

#container .prevButton:hover{ background-position:left bottom;left:0;}

.nextButton img{
	height:50px;
	width:50px;
	position:absolute;
	top:50%;
	margin-top:-36px;
	cursor:pointer;
	z-index:2000;
	right:0;
}

#container .nextButton:hover{background-position:right bottom;
							right:0;}

#container ul{
	padding:0;
	width:594px;
	height:430px;
	list-style:none outside none;
	position:relative;
	overflow:hidden;
}

#container li:first-child{
	display:list-item;
	position:absolute;
}

#container li{
	position:absolute;
	display:none;
}
.button{	
z-index: -100;
}
#container span.img-caption {
	background-color: #050a3e;
	opacity: 0.85;
    color:#FFF;
    display: inline-block;
    font-size:20px;
	line-height:25px;
	margin-top: -50px;
	padding-bottom: 5px;
	text-align: center;
}
#container span.img-caption em {
    font-style:normal;
    display:block;
	padding-left:5px;
	font-size:20px;
	font-family: "Arial Black", serif;
}
/*end slideshow*/
/*end main page*/
/*class page*/
#classy{
	margin-left: 50px;
	margin-top: -50px;
	width: 850px;
	}
#classy p{
	width: 850px;
	color: #473a34;	
	font-family: "Arial Black", sans serif;
	font-size: 15px;
	}
#classy img{
	width: 450px;
	height: 300px;
	border:  #050a3e 5px solid;
	margin-right: 30px;
	}
#classy ol{
	padding-right: -40px;
	list-style: none;	
	}	
#classy li{
	color: #473a34;	
	font-family: "Arial Black", sans serif;
	font-size: 15px;
	padding: 5px;
	}
#classy a{
	color: #050a3e;
	text-decoration: none;
	}
#classy a:hover{
	color: #9F0000;
	}
/*end class page*/
/*project page*/
#project{
	margin-left: 50px;
	margin-top: -50px;
	width: 850px;
	}
#project p{
	width: 850px;
	color: #473a34;	
	font-family: "Arial Black", sans serif;
	font-size: 15px;
	}
#project li{
	color: #473a34;	
	font-family: "Arial Black", sans serif;
	font-size: 15px;
	list-style: none;
	padding: 5px 0;
	}
#project img{
	width: 300px;
	height: 500px;
	border:  #050a3e 5px solid;
	margin: 0 20px 20px 0;
	}
#project a{
	color: #050a3e;
	text-decoration: none;
	}
#project a:hover{
	color: #9F0000;
	}
/*end project page*/
/*oral histories main page*/
#selection{
	background-color: #050a3e;
	margin-left: 35px;
	margin-right: 18px;
	opacity: 0.85;
	margin-top: 20px;
	text-align: center;
	padding: 40px;
	}
#selection a{ 
	padding-top: 10px;
	color: #FFF;
	text-decoration: none;
	font-family: "Georgia", Times New Roman, serif;
	}
#selection h3{
	font-family: "Georgia", Times New Roman, serif;
	color: #050a3e;
	font-size: 20px;
	font-style: italic; 
	font-weight: bolder;
	margin-left: -50px;
	margin-top: -75px;
	width: 240px;
	}
#selection table{
	width: 700px;
	margin-left: 100px;
	}
#selection td{
	padding: 40px 0 40px 50px;
	margin: 20px;
	height: 180px;
	background-positon: center;
	
	}
#sel1{
	background-image: url(pics/neldson.jpg);
	background-size: 300px;
	background-repeat: no-repeat;
	}
#sel1 h3{
	margin-left: -30px;
	}
#sel1:hover{
	background-image:url(pics/neldsonblue.jpg);
	}
#sel1 h3:hover{
	color: #fff;	
	}
#sel2{
	background-image: url(pics/barinova.jpg);
	background-size: 300px;
	background-repeat: no-repeat;
	background-positon: center;
	}
#sel2 h3{	
	margin-left: 1px;
	position: absolute;
	}
#sel2:hover{
	background-image:url(pics/barinovablue.jpg);
	}
#sel2 h3:hover{
	color: #fff;	
	}
#sel3{
	background-image: url(pics/baker.jpg);
	background-size: 300px;
	background-repeat: no-repeat;
	background-positon: center;
	}
#sel3 h3{
	margin-left: -20px;
	}
#sel3:hover{
	background-image:url(pics/bakerblue.jpg);
	}
#sel3 h3:hover{
	color: #fff;	
	}
#sel4{
	background-image: url(pics/church.jpg);
	background-size: 300px;
	background-repeat: no-repeat;
	background-positon: center;
	}
#sel4 h3{
	margin-left: -30px;
	}
#sel4:hover{
	background-image:url(pics/churchblue.jpg);
	}
#sel4 h3:hover{
	color: #fff;	
	}
#sel5{
	background-image: url(pics/pride.jpg);
	background-size: 300px;
	background-repeat: no-repeat;
	background-positon: center;
	}
#sel5 h3{
	margin-left: -20px;
	}
#sel5:hover{
	background-image:url(pics/prideblue.jpg);
	}
#sel5 h3:hover{
	color: #fff;	
	}
#sel6{
	background-image: url(pics/demasi.jpg);
	background-size: 300px;
	background-repeat: no-repeat;
	background-positon: center;
	}
#sel6 h3{
	margin-left: -10px;
	}
#sel6:hover{
	background-image:url(pics/demasi2blue2.jpg);
	}
#sel6 h3:hover{
	color: #fff;	
	}
#all a{
	text-decoration: none;
	color: #050a3e;
	}
#all a:hover{
	color: #9F0000;
	}
/*end oral histories main page*/
/*oral histories toggle*/
#sidenav img{
	width: 300px;
	height: 400px;
	margin-left: -30px;
	margin-top: -10px;
	}
#sidenav ul{
	margin-top: -385px; 
	margin-left: -30px;
	list-style-type: none; 
	padding: 0; 
	width: 300px;
	;
	}
#sidenav li{	 
	font-family: "Georgia", Times New Roman, serif;
	font-weight: bold;
	font-size: 20px;
	padding-bottom: 45px;
	}
#sidenav li a{
	text-decoration: none;
	color: #050a3e;
	}
#sidenav li a:hover{
	color: #9F0000; 
	}

#contain{
	background-color: rgba(5,10,62,.85);
	margin-top: -450px;
	margin-right: 20px;
	padding-right: 20px;
	width:600px;
	float: right;
	margin-bottom: -100px;
	padding-bottom: 20px;
	}
#menu{
	width:600px;
	}
#menu, #menu ul{ 
	list-style-type: none; 
	padding: 0; 
	margin-left: 20px;;
	}
#menu li{	
	cursor:pointer;
	border-bottom: 1px solid #9F0000; 
	font-family: "Georgia", Times New Roman, serif;
	color: #050a3e;
	font-size: 20px;
	}
#menu li a {
	text-decoration: none;
	}
#menu>li>a{
	padding: 2px 10px; 
	font-weight:bold;
	}
#menu li li{
	cursor:auto; 
	border:0; 
	padding:0 14px;
	} 
#contain h3{	
	color: #FFF;
	}
#contain p{
	color: #FFF;
	font-family: "Arial Black", sans-serif;
	font-size: 15px;
	}
#contain ul li{
	color: #FFF;
	font-family: "Arial Black", sans-serif;
	font-size: 15px;
	}
#contain a{
	color: #9F0000;
	text-decoration: none;
	}
#contain a:hover{
	color: #FFF;
	}
/*transcripts*/
#transcript{
	float: right;
	width: 650px;
	margin-top: -250px;
	margin-right: 30px;
	}
#transcript h3{
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 18px;
	color: #473a34;
	}	
#transcript a{
	color: #9F0000;
	text-decoration: none;
	}
#transcript a:hover{
	color: #FFF;
	}
#demasinav h2{
	margin-top: -300px;
	margin-left: 300px;
	}
#transcript p{
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 12px;
	color: #473a34;	
	}
#demasinav img{
	width: 300px;
	height: 220px;
	margin-left: -30px;
	margin-top: 10px;
	}
#demasinav ul{
	margin-top: -215px; 
	margin-left: -30px;
	list-style-type: none; 
	padding: 0; 
	width: 300px;
	}
#demasinav li{	 
	font-family: "Georgia", Times New Roman, serif;
	font-weight: bold;
	font-size: 20px;
	padding-bottom: 35px;
	}
#demasinav li a{
	text-decoration: none;
	color: #050a3e;
	}
#demasinav li a:hover{
	color: #9F0000; 
	}
#demasitranscript{
	margin-top: 250px;
	}
#demasitranscript h3{
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 18px;
	color: #473a34;	
}
/*end transcripts*/
/*end oral histories */
/*about pages*/
#aboutnav img{
	width: 300px;
	height: 110px;
	margin-left: -30px;
	margin-top: 10px;
	}
#aboutnav ul{
	margin-top: -100px; 
	margin-left: -30px;
	list-style-type: none; 
	padding: 0; 
	width: 300px;
	;
	}
#aboutnav li{	 
	font-family: "Georgia", Times New Roman, serif;
	font-weight: bold;
	font-size: 20px;
	padding-bottom: 40px;
	}
#aboutnav li a{
	text-decoration: none;
	color: #050a3e;
	}
#aboutnav li a:hover{
	color: #9F0000; 
	}
#about img{
	width: 300px;
	height: 225px;
	float: right;
	margin-right: 30px;
	margin-bottom: 20px;
	margin-left: 20px;
	border:  #050a3e 5px solid;
	}
#about p{
	color: #473a34;	
	font-family: "Arial Black", sans serif;
	font-size: 15px;
	margin-left: 300px;
	margin-top: -180px;
	}
#about a{
	color: #050a3e;
	text-decoration: none;
	}
#about a:hover{
	color: #9F0000;
	}
#baker img{
	width: 225px;
	height: 300px; 
	}
/*end about pages*/
/*clean-up*/
p{
	font-family:"Arial Black", Gadget, sans-serif;
	}
#footer p{
	font-family:Georgia, "Times New Roman", Times, serif;
	}
#hoopernav img{
	width: 300px;
	height: 55px;
	margin-left: -30px;
	margin-top: 10px;
	}
#hoopernav ul{
	margin-top: -40px; 
	margin-left: -30px;
	list-style-type: none; 
	padding: 0; 
	width: 300px;
	;
	}
#hoopernav li{	 
	font-family: "Georgia", Times New Roman, serif;
	font-weight: bold;
	font-size: 20px;
	padding-bottom: 115px;
	}
#hoopernav li a{
	text-decoration: none;
	color: #050a3e;
	}
#hoopernav li a:hover{
	color: #9F0000; 
	}
/*end clean-up*/