header, hgroup, nav, footer, section, article, figure, figcaption, aside, iframe {display: block;}

*{
	margin: 0px;
	padding: 0px;
	
}

.background{
	background-color: #cbbda2;
	background-image:url(../images/back5_1.jpg);
	background-attachment:fixed;
}

#Table_01{
	text-align:center;
	margin:0 auto;
}

#wrapper{
max-width: 1200px;
margin:0 auto;
background-color:transparent;
}

#wrapper1{
max-width: 1200px;
margin:0 auto;
background-color:transparent;
height:820px;
overflow:hidden;
}

.colPeople{
	height:0;
	width:0;
	visible:none;
	margin-left: -9999px;
	
}

.colPeople figcaption{
	height:0;
	width:0;
}
   
 .colPeople figure{
	 height:0;
	 width:0;
 }
 
 .colPeople div{
	height:0;
	width:0;
}
   
 .title{
 color:#023054;
 font-size:20px;
 background-color:#8d9193;
 }
 
 .container{
 
 max-width:76%;

 margin:0 auto ;

 background-color:transparent;

 }
 
 .container1{
 max-width:94%;
 
 margin:0 auto ;

 background-color:transparent;

 }
 
 .container2{
 max-width:100%;
 
 margin:0 auto ;

 background-color:transparent;

 }
 
 .content{
max-width: 1200px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;

background-color:white;
background-image:url(../images/back26_1.jpg);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content1{
max-width: 1200px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;

background-color: #c5b98f;
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content_ac{
max-width: 1200px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;

background-color:white;
background-image:url(../images/WithPaperclip_AC1.jpg);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content_manhattan_project{
max-width: 1200px;
border-bottom: 1px solid transparent;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;

background-color:white;
background-image:url(../images/WithPaperclip_MP.jpg);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .page{
max-width: 1200px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;

background-color:white;
background-image:url(../images/WithPaperclip_MP_back2.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 
 
 .content_residence{
max-width: 1200px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;

background-color:white;
background-image:url(../images/WithPaperclip_HH1.jpg);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content_big_science{
max-width: 1200px;
border-bottom: 1px solid transparent;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;

background-color:white;
background-image:url(../images/WithPaperclip_BS.jpg);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content_caltech{
max-width: 1200px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;
min-height:800px;
background-color:white;
background-image:url(../images/back26.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 
 .leftShadow{
max-width: 1200px;
padding:0;
min-width:320px;
box-shadow: -4px 5px 10px 10px rgba(0, 0, 0, 0.2);
 }
 
 .leftShadow1{
max-width: 1200px;
padding:0;
min-width:320px;
box-shadow: -4px 5px 5px 5px rgba(0, 0, 0, 0.2);
 }
 
 
 .topLogo{
 width:480.5px;
 background-color: orange;
 height:50px;
 margin:0 auto;
 font-family: "Arial Black", Gadget, sans-serif;
	font-size: 2em;
	line-height:50px;
	font-weight:bold;
	color: white;
 }
 
 
 .top{
 margin-top:5px;
 }
 
 

.rounded{
border-radius: 20px;
}

 


 .clear {
clear: both;
}
 
 img{
 max-width:100%;
 margin:0 auto;
 text-align:center;
}
  
	
.left{
display:block; 
float:left;
width:60%;
padding-right:30px;
padding-bottom:10px;
}


.left1{
display:block; 
float:left;
width:40%;
padding-right:30px;
padding-bottom:10px;
}

 .right{
display:block; 
float:right;
width:40%;
padding-left:30px;
padding-bottom:10px;
}

.right1{
display:block; 
float:right;
width:60%;
padding-left:30px;
padding-bottom:10px;
}

 
 .tabrow {
		    text-align: center;
		    list-style: none;
		    margin-top:12px;
		    padding: 0 0 1px 0;
		    line-height: 50px;
		    height: 50px;
		    overflow: hidden;
		    font-size: 18px;
			font-weight:bold;
		    font-family:'Special Elite', Times, serif;
		    position: relative;
			
		}
		.tabrow li {
		    border: 1px solid #857D61;
		    background: #ABA17C;
		   /* background: -o-linear-gradient(top, #ECECEC 50%, #D2C598 100%);
		    background: -ms-linear-gradient(top, #ECECEC 50%, #D2C598 100%);
		    background: -moz-linear-gradient(top, #ECECEC 50%, #D2C598 100%);
		    background: -webkit-linear-gradient(top, #ECECEC 50%, #D2C598 100%);
		    background: linear-gradient(top, #ECECEC 50%, #D2C598 100%);*/
		    display: inline-block;
		    position: relative;
		    z-index: 0;
		    border-top-left-radius: 25px;
		    border-top-right-radius: 25px;
		    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;
		    /*text-shadow: 0 1px #FFF;*/
		    margin: 0 -5px;
		    padding: 0;
			width: 16.666666666667%;
			height: auto;
		}
		.tabrow a {
			  color: #625644;
			  text-decoration: none;
			  padding:10 5;
		}
		
		.tabrow a:hover {
			  color: #dad4a7;
			  text-decoration: none;			
		}
		
		.tabrow li.selected {
		    background: #c5b98f;
		    color: #333;
		    z-index: 2;
		    border-bottom-color: #FFF;
		}
		.tabrow:before {
		    position: absolute;
		    content: " ";
		    width: 100%;
		    bottom: 0;
		    left: 0;
		    border-bottom: 1px solid #857D61;
		    z-index: 1;
		}
		.tabrow li:before,
		.tabrow li:after {
		    border: 1px solid #857D61;
		    position: absolute;
		    bottom: -1px;
		    width: 5px;
		    height: 5px;
		    content: " ";
		}
		.tabrow li:before {
		    left: -6px;
		    border-bottom-right-radius: 6px;
		    border-width: 0 1px 1px 0;
		    box-shadow: 2px 2px 0 #ABA17C;
		}
		.tabrow li:after {
		    right: -6px;
		    border-bottom-left-radius: 6px;
		    border-width: 0 0 1px 1px;
		    box-shadow: -2px 2px 0 #ABA17C;
		}
		.tabrow li.selected:before {
		    box-shadow: 2px 2px 0 #c5b98f;
		}
		.tabrow li.selected:after {
		    box-shadow: -2px 2px 0 #c5b98f;
		}
 
 
footer{
max-width: 1200px;
margin:0 auto;
background-color:#1f69a7;
color:white;
text-align:center;
font: 16px;
line-height:40px;
margin-bottom:20px;
margin-top:20px;
}

ul{
padding:5px 70px 5px 70px;
}


img{
  max-width:100%;
  margin:0 auto;
  text-align:center;
  display:block;
  vertical-align:middle;
  }


.no_padding{
padding:0;
}

.padding{
padding:10px;
}
	/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
	
}



/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 0% 0 1% 1.6%;
	background-color:transparent;
	color:#302c2b;
	
}

.col:first-child { margin-left: 0; }


.col1 {
	display: block;
	float:left;
	margin: 1% 0% 0% 0%;
	background-color:transparent;
	color:#302c2b;

}

.col1:first-child { margin-left: 0; }

.colNP {
	display: block;
	float:left;
	margin: 1% 0% 0% 0%;
	background-color:transparent;
	color:#302c2b;

}

.col2 {
	display: block;
	float:left;
	margin: 0% 0 1% 1.6%;
	background-color:#f8a12d;
	
}
.col2:first-child { margin-left: 0; }

.col3 {
	display: block;
	float:left;
	margin: 0% 0 1% 1.6%;
	background-color:white;
	
	
}
.col3:first-child { margin-left: 0; }

.col4 {
	display: block;
	float:left;
	margin: 0% 0 1% 1.6%;
	background-color:#1f69a7;
	color:white;
	
	
}


.col4:hover{
border-width: 10px;
border-color:blue;
background-color: #3283c8;
color:white;
}



.col5 {
	display: block;
	float:left;
	margin: 10px 0% 0% 0%;
	background-color:#3e3832;
	color:white;

}
.col5:first-child { margin-left: 0; }

.col6 {
	display: block;
	float:left;
	margin: 0% 0 1% 1.6%;
	background-color:#393838;
	color:#3e3832;
	

}
.col6:first-child { margin-left: 0; }

.col7 {
	display: block;
	float:left;
	margin: 0% 0 1% 1.6%;
	background-color:transparent;
	color:#3e3832;
	box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4), inset 0 10px 0 #FFF;

}
.col7:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}


.span_1_of_1{
width:100%;
background-color:#3e3832;
}


/*  GRID OF THREE   ============================================================================= */

	
.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 66.13%; 
}

.span_1_of_3 {
	width: 32.26%; 
}


/*  GO FULL WIDTH AT LESS THAN 640px PIXELS */

@media only screen and (max-width: 640px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
	
	
	
	.grid4{
	max-width:100%;
	}
	
	.colNP {
	height:0px;
	width:0px;
	margin-left:-5000px;

}
}

/*  GRID OF FIVE   ============================================================================= */

	
.span_5_of_5 {
	width: 100%;
}

.span_4_of_5 {
  	width: 79.68%;

}

.span_3_of_5 {
  	width: 59.36%; 
}

.span_2_of_5 {
  	width: 39.04%;
}

.span_1_of_5 {
  	width: 18.72%;
}

.span_icons {
width: 0%;
}



/*  GO FULL WIDTH AT LESS THAN 640px PIXELS */

@media only screen and (max-width: 640px) {
	.span_5_of_5 {
		width: 100%; 
	}
	.span_4_of_5 {
		width: 100%; 
	}
	.span_3_of_5 {
		width: 100%; 
	}
	.span_2_of_5 {
		width: 100%; 
	}
	.span_1_of_5 {
		width: 100%; 
	}
	.span_icons {
		width: 18.72%;
		
	}
	
	}
	
	/*  GRID OF FOUR   ============================================================================= */

	
.span_4_of_4 {
	width: 100%; 
}

.span_3_of_4 {
	width: 74.6%; 
}

.span_2_of_4 {
	width: 49.2%; 
}

.span_1_of_4 {
	width: 23.8%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 640px) {
	.span_4_of_4 {
		width: 100%; 
	}
	.span_3_of_4 {
		width: 100%; 
	}
	.span_2_of_4 {
		width: 100%; 
	}
	.span_1_of_4 {
		width: 100%; 
	}
}

/*  GRID OF SEVEN   ============================================================================= */


.span_7_of_7 {
	width: 100%;
}

.span_6_of_7 {
	width: 85.48%;
}

.span_5_of_7 {
  	width: 70.97%;
}

.span_4_of_7 {
  	width: 56.45%;
}

.span_3_of_7 {
  	width: 41.94%;
}

.span_2_of_7 {
  	width: 27.42%;
}

.span_1_of_7 {
  	width: 12.91%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_7_of_7 {
		width: 100%; 
	}
	.span_6_of_7 {
		width: 100%; 
	}
	.span_5_of_7 {
		width: 100%; 
	}
	.span_4_of_7 {
		width: 100%; 
	}
	.span_3_of_7 {
		width: 100%; 
	}
	.span_2_of_7 {
		width: 100%; 
	}
	.span_1_of_7 {
		width: 100%; 
	}
}
/*  GRID OF EIGHT   ============================================================================= */

	
.span_8_of_8 {
	width: 100%;
	box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
}

.span_7_of_8 {
	width: 87.3%; 
}

.span_6_of_8 {
	width: 74.6%; 
}

.span_5_of_8 {
	width: 61.9%; 
}

.span_4_of_8 {
	width: 49.2%; 
}

.span_3_of_8 {
	width: 36.5%;
}

.span_2_of_8 {
	width: 23.8%; 
}

.span_1_of_8 {
	width: 11.1%; 
}






/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 640px) {
	.span_8_of_8 {
		width: 100%; 
		
	}
	.span_7_of_8 {
		width: 100%; 
	}
	.span_6_of_8 {
		width: 100%; 
	}
	.span_5_of_8 {
		width: 100%; 
	}
	.span_4_of_8 {
		width: 100%; 
	}
	.span_3_of_8 {
		width: 100%; 
	}
	.span_2_of_8 {
		width: 100%; 
	}
	.span_1_of_8 {
		width: 100%; 
	}
	


}

h1{
text-align:center;
margin-bottom:30px;
margin-top:80px;
color:#67563E;
font-size: 28px;
font-family:'Special Elite', Times, serif;
opacity:0.9;
}

p{
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 padding-bottom:10px;
}

 figure{
  max-width:100%;
  margin:0;
  text-align:center;
  
  }
  
  .photoalbum{
  border:none;
  max-height:380px;
  }
  
   .photoalbum1{
  border:none;
  max-height:460px;
  }

  .caption{
  border:none;
 
  text-align:center;
  width:70%;
  margin:0 auto;
  padding-top:5px;

}

.cursive{
font-family: 'Italianno', cursive;
font-size:3em;
text-align:center;
margin:0 auto;
}

.cursive1{
font-family: 'Italianno', cursive;
font-size:6em;
text-align:center;
margin:0 auto;
font-weight:bold;
}
  
  .cursive2{
font-family: 'Italianno', cursive;
font-size:2.3em;
text-align:center;
margin:0 auto;
}
  
  .caption1{
  border:none;
  border-top:1px solid black;
  width:84%;
  margin:4px auto 0 auto;
  padding-top:7px;
text-align:center;

  }
  
   .caption2{
  border:1px solid #9E9588;
  width:74%;
  margin:20px auto;
  padding:20px 20px 0 20px;
  text-align:center;
  background-color:#f5f4ee;
  text-size:8px;
  color:#67563E;
  box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.3);
  border-radius:5px;
  font-family: Times, serif;

  }
  
  
figcaption{
  text-align:left;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:0.8125em;
  font-weight:bold;
  max-width:100%;
  margin:5px auto;
  display:block;
  padding:10px 10px;
  text-align:center;

  }
  
   iframe{
 margin:30px auto;
   width:420px;
height:315px;
  display:block;
   }
  
 video{
  width:320px;
   display:block;
   margin:0px auto;
  } 
  
  .padding{
  padding: 0px 20px;
  margin:0px 20px;
  }
  img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			width: 1200px;
			max-width:1200px;
			
			/* Set up proportionate scaling */
			
			height: auto;
			
			/* Set up positioning */
			position:relative;
			
			margin: 186px 12.5% 0px 12.5%;
			
			box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
		}
		
		@media screen and (max-width: 1200px){
			img.bg {
				
				width:100%;}
		}
		
		
		.cover{
		width:1184px;
		height:572px;
		position:relative;
	margin:0 auto;
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	background-image:url(../images/cover3.png);
  background-repeat:no-repeat;
  background-position:top center;
		
		}
		
		
	.marg{
	margin-top:15px;
	margin-left:40px;
	position:absolute;
	}
	
	.floatLink{
	position:absolute;
	width:37%;
	height:100px;
	margin:0 9% auto 43%;
	/*background-color:red;*/
	}

	
	
	
	@media only screen and (max-width: 1199px) {
	
.floatLink{
	position:absolute;
	width:37%;
	height:100px;
	margin:0px 9% auto 55%;
	/*background-color:red;*/
	}	
	
#wrapper{
max-width: 1100px;
margin:0px auto;
background-color:transparent;
}	

.container{
 
 max-width:76%;

 margin:0px auto ;

 background-color:transparent;

 }
 
 .container1{
 max-width:94%;
 
 margin:0px auto ;

 background-color:transparent;

 }
 
 .container2{
 max-width:100%;
 
 margin:0px auto ;

 background-color:transparent;

 }
 
 .page{
max-width: 1100px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;

background-color:white;
background-image:url(../images/WithPaperclip_MP_back2_1100.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content{
max-width: 1100px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;

background-color:white;
background-image:url(../images/back26_1100.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content1{

border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;

background-color: #c5b98f;
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content_ac{
max-width: 1100px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;

background-color:white;
background-image:url(../images/WithPaperclip_AC1_1100.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content_manhattan_project{
max-width: 1100px;
border-bottom: 1px solid transparent;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;

background-color:white;
background-image:url(../images/WithPaperclip_MP_1100.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content_residence{
max-width: 1100px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0px;
min-width:320px;

background-color:white;
background-image:url(../images/WithPaperclip_HH1_1100.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content_big_science{
max-width: 1100px;
border-bottom: 1px solid transparent;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0px;
min-width:320px;

background-color:white;
background-image:url(../images/WithPaperclip_BS_1100.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content_caltech{
max-width: 1100px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0px;
min-width:320px;
min-height:800px;
background-color:white;
background-image:url(../images/back26_1100.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 
 .leftShadow{

padding:0px;
min-width:320px;
box-shadow: -4px 5px 10px 10px rgba(0, 0, 0, 0.2);
 }
 
 .leftShadow1{
max-width: 1100px;
padding:0px;
min-width:320px;
box-shadow: -4px 5px 5px 5px rgba(0, 0, 0, 0.2);
 }

}


@media only screen and (max-width: 1099px) {
	
.floatLink{
	position:absolute;
	width:37%;
	height:100px;
	margin:-2% 9% auto 47%;
	/*background-color:red;*/
	}		
	
#wrapper{
max-width: 900px;
margin:0px auto;
background-color:transparent;
}	

.container{
 
 max-width:80%;

 margin:0px auto ;

 background-color:transparent;

 }
 
 .container1{
 max-width:98%;
 
 margin:0px auto ;

 background-color:transparent;

 }
 
 .container2{
 max-width:100%;
 
 margin:0px auto ;

 background-color:transparent;

 }
 
 .page{
max-width: 900px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0px;
min-width:320px;

background-color:white;
background-image:url(../images/WithPaperclip_MP_back2_900.jpg);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content{
max-width: 900px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0px;
min-width:320px;
background-repeat:no-repeat;
background-color:white;
background-image:url(../images/back26_900_1.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content1{

border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0px;
min-width:320px;

background-color: #c5b98f;
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content_ac{
max-width: 900px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0px;
min-width:320px;

background-color:white;
background-image:url(../images/WithPaperclip_AC1_900.jpg);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content_manhattan_project{
max-width: 900px;
border-bottom: 1px solid transparent;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0px;
min-width:320px;

background-color:white;
background-image:url(../images/WithPaperclip_MP_900_1.jpg);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content_residence{
max-width: 900px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0px;
min-width:320px;

background-color:white;
background-image:url(../images/WithPaperclip_HH1_900.jpg);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content_big_science{
max-width: 900px;
border-bottom: 1px solid transparent;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0px;
min-width:320px;

background-color:white;
background-image:url(../images/WithPaperclip_BS_900_1.jpg);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content_caltech{
max-width: 900px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0px;
min-width:320px;
min-height:800px;
background-color:white;
background-image:url(../images/back26_900.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 
 .leftShadow{

padding:0px;
min-width:320px;
box-shadow: -4px 5px 10px 10px rgba(0, 0, 0, 0.2);
 }
 
 .leftShadow1{
max-width: 900px;
padding:0px;
min-width:320px;
box-shadow: -4px 5px 5px 5px rgba(0, 0, 0, 0.2);
 }
 
 
 	#wrapper1{
max-width: 900px;
margin:0px auto;
background-color:transparent;
height:auto;
overflow:visible;
}

 .photoalbum{
  border:none;
  max-height:380px;
  text-align:center;
  margin:20px auto;
  }
  
   .photoalbum1{
  border:none;
  max-height:460px;
  }

.cursive{
font-family: 'Italianno', cursive;
font-size:3em;
text-align:center;
margin:0px auto;
}

.cursive1{
font-family: 'Italianno', cursive;
font-size:6em;
text-align:center;
margin:0px auto;
font-weight:bold;
}
  
  .cursive2{
font-family: 'Italianno', cursive;
font-size:2.3em;
text-align:center;
margin:0px auto;
}
  
  .caption1{
  border:none;
 padding:none;
  width:96%;
  margin:0px auto;
  padding-bottom:20px;
  border-bottom:1px solid black;
text-align:center;
margin-bottom:40px;

  }

.colPeople{
	height:100%;
	width:100%;
	margin-left: 0px;
	margin-top:0px;
	position:relative;
}

.colPeople figcaption{
	height:auto;
	width:96%;

}
   
 .colPeople figure{
	 height:auto;
	 width:100%;
	 margin-top:10px:
 }
 
 .colPeople div{
	height:auto;
	width:100%;
}
	
	figure{
  max-width:100%;
  margin:0;
  text-align:center;
  
  }
  
  
figcaption{
  text-align:left;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:0.8125em;
  font-weight:bold;
  max-width:100%;
  margin-top:5px;
  display:block;
  padding:10px 10px;

  }

 .cover{
	width:0px;
	height:0px;	
	margin:-9999px;
		}
		
		
	.marg{
	margin:-9999px;
	}
	
	#mybook{
	width:0px;
	height:0px;	
	margin:-9999px;
	visible:none;
	}

}


@media only screen and (max-width: 899px) {
	
	.floatLink{
	position:absolute;
	width:32%;
	height:50px;
	margin:-1% 1% auto 50%;
	/*background-color:red;*/
	}		
	
	
#wrapper{
max-width: 700px;
margin:0 auto;
background-color:transparent;
}	

.container{
 
 max-width:80%;

 margin:0 auto ;

 background-color:transparent;

 }
 
 .container1{
 max-width:98%;
 
 margin:0 auto ;

 background-color:transparent;

 }
 
 .container2{
 max-width:100%;
 
 margin:0 auto ;

 background-color:transparent;

 }
 
 .page{
max-width: 700px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;

background-color:white;
background-image:url(../images/WithPaperclip_MP_back2_700.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content{
max-width: 700px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;

background-color:white;
background-image:url(../images/back26_700_1.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content1{
max-width: 700px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;


background-color: #c5b98f;
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content_ac{
max-width: 700px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;

background-color:white;
background-image:url(../images/WithPaperclip_AC1_700.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content_manhattan_project{
max-width: 700px;
border-bottom: 1px solid transparent;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;

background-color:white;
background-image:url(../images/WithPaperclip_MP_700.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content_residence{
max-width: 700px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;

background-color:white;
background-image:url(../images/WithPaperclip_HH1_700.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content_big_science{
max-width: 700px;
border-bottom: 1px solid transparent;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;

background-color:white;
background-image:url(../images/WithPaperclip_BS_700.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content_caltech{
max-width: 700px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;
min-height:800px;
background-color:white;
background-image:url(../images/back26_700.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 
 .leftShadow{
max-width: 700px;
padding:0;
min-width:320px;
box-shadow: -4px 5px 10px 10px rgba(0, 0, 0, 0.2);
 }
 
 .leftShadow1{
max-width: 700px;
padding:0;
min-width:320px;
box-shadow: -4px 5px 5px 5px rgba(0, 0, 0, 0.2);
 }
 
 
 
 #wrapper1{
max-width: 700px;
margin:0 auto;
background-color:transparent;
height:auto;
overflow:visible;
}

 .photoalbum{
  border:none;
  max-height:380px;
  text-align:center;
  margin:20 auto;
  }
  
   .photoalbum1{
  border:none;
  max-height:460px;
  }

.cursive{
font-family: 'Italianno', cursive;
font-size:3em;
text-align:center;
margin:0 auto;
}

.cursive1{
font-family: 'Italianno', cursive;
font-size:6em;
text-align:center;
margin:0 auto;
font-weight:bold;
}
  
  .cursive2{
font-family: 'Italianno', cursive;
font-size:2.3em;
text-align:center;
margin:0 auto;
}
  
  .caption1{
  border:none;
 padding:none;
  width:96%;
  margin:0 auto;
  padding-bottom:20px;
  border-bottom:1px solid black;
text-align:center;
margin-bottom:40px;
  }

.colPeople{
	height:100%;
	width:100%;
	margin-left: 0px;
	margin-top:0px;
	position:relative;
}

.colPeople figcaption{
	height:auto;
	width:96%;

}
   
 .colPeople figure{
	 height:auto;
	 width:100%;
	 margin-top:10px:
 }
 
 .colPeople div{
	height:auto;
	width:100%;
}
	
	figure{
  max-width:100%;
  margin:0;
  text-align:center;
  
  }
  
  
figcaption{
  text-align:left;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:0.8125em;
  font-weight:bold;
  max-width:100%;
  margin-top:5px;
  display:block;
  padding:10 10;

  }

 .cover{
	width:0;
	height:0;	
	margin:-9999px;
		}
		
		
	.marg{
	margin:-9999px;
	}
	
	#mybook{
	width:0;
	height:0;	
	margin:-9999px;
	visible:none;
	}
	

}



@media only screen and (max-width: 699px) {
	
	.floatLink{
	position:absolute;
	width:37%;
	height:70px;
	margin:-2% 9% auto 50%;
	/*background-color:red;*/
	}	
	
.background{
	background-image:none;
	background-color: #cbbda2;
}		
	
#wrapper{
max-width: 96%;
margin:0 auto;
background-color:transparent;
}	

.container{
 
 max-width:80%;

 margin:0 auto ;

 background-color:transparent;

 }
 
 .container1{
 max-width:98%;
 
 margin:0 auto ;

 background-color:transparent;

 }
 
 .container2{
 max-width:100%;
 
 margin:0 auto ;

 background-color:transparent;

 }
 
 .page{
max-width: 100%;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;

background-color:white;
background-image:url(../images/WithPaperclip_MP_back2_700.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content{
max-width: 100%;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;

background-color:white;
background-image:url(../images/back26_700_1.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content1{
max-width: 100%;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;


background-color: #c5b98f;
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content_ac{
max-width: 100%;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;


background-image:url(../images/WithPaperclip_AC1_700.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content_manhattan_project{
max-width: 100%;
border-bottom: 1px solid transparent;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;

background-color:white;
background-image:url(../images/WithPaperclip_MP_700.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content_residence{
max-width: 100%;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;

background-color:white;
background-image:url(../images/WithPaperclip_HH1_700.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content_big_science{
max-width: 100%;
border-bottom: 1px solid transparent;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;

background-color:white;
background-image:url(../images/WithPaperclip_BS_700.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content_caltech{
max-width: 100%;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;
min-height:800px;
background-color:white;
background-image:url(../images/back26_700.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 
 .leftShadow{
max-width: 700px;
padding:0;
min-width:320px;
box-shadow: -4px 5px 10px 10px rgba(0, 0, 0, 0.2);
 }
 
 .leftShadow1{
max-width: 700px;
padding:0;
min-width:320px;
box-shadow: -4px 5px 5px 5px rgba(0, 0, 0, 0.2);
 }

	#wrapper1{
max-width: 100%;
margin:0 auto;
background-color:transparent;
height:auto;
overflow:visible;
}

 .photoalbum{
  border:none;
  max-height:380px;
  text-align:center;
  margin:20 auto;
  }
  
   .photoalbum1{
  border:none;
  max-height:460px;
  }

.cursive{
font-family: 'Italianno', cursive;
font-size:3em;
text-align:center;
margin:0 auto;
}

.cursive1{
font-family: 'Italianno', cursive;
font-size:6em;
text-align:center;
margin:0 auto;
font-weight:bold;
}
  
  .cursive2{
font-family: 'Italianno', cursive;
font-size:2.3em;
text-align:center;
margin:0 auto;
}
  
  .caption1{
  border:none;
 padding:none;
  width:96%;
  margin:0 auto;
  padding-bottom:20px;
  border-bottom:1px solid black;
text-align:center;
margin-bottom:40px;

  }

.colPeople{
	height:100%;
	width:100%;
	margin-left: 0px;
	margin-top:0px;
	position:relative;
}

.colPeople figcaption{
	height:auto;
	width:96%;

}
   
 .colPeople figure{
	 height:auto;
	 width:100%;
	 margin-top:10px:
 }
 
 .colPeople div{
	height:auto;
	width:100%;
}
	
	figure{
  max-width:100%;
  margin:0;
  text-align:center;
  
  }
  
  
figcaption{
  text-align:left;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:0.8125em;
  font-weight:bold;
  max-width:100%;
  margin-top:5px;
  display:block;
  padding:10 10;
 
  }

 .cover{
	width:0;
	height:0;	
	margin:-9999px;
		}
		
		
	.marg{
	margin:-9999px;
	}
	
	#mybook{
	width:0;
	height:0;	
	margin:-9999px;
	visible:none;
	}


}



//*@media only screen and (max-width: 499px) {
	
#wrapper{
max-width: 320px;
margin:0 auto;
background-color:transparent;
}	

.container{
 
 max-width:80%;

 margin:0 auto ;

 background-color:transparent;

 }
 
 .container1{
 max-width:98%;
 
 margin:0 auto ;

 background-color:transparent;

 }
 
 .container2{
 max-width:100%;
 
 margin:0 auto ;

 background-color:transparent;

 }
 
 .content{
max-width: 320px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;


background-image:url(../images/back26_320.jpg);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);

 }
 
 .content1{
max-width: 320px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;


background-image:url(../images/back_empty.jpg);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);

 }
 
 .content_ac{
max-width: 320px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;


background-image:url(../images/Withpaperclip_AC1_320.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);

 }
 
 .content_manhattan_project{
max-width: 320px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;


background-image:url(../images/Withpaperclip_MP_320.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);

 }
 
 .content_residence{
max-width: 320px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;


background-image:url(../images/Withpaperclip_HH1_320.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);

 }
 
 .content_big_science{
max-width: 320px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;


background-image:url(../images/Withpaperclip_BS_320.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);

 }
 
 .content_caltech{
max-width: 320px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;
min-height:800px;

background-image:url(../images/back26_320.jpg);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);

 }
 
 
 .leftShadow{
max-width: 320px;
padding:0;
min-width:320px;
box-shadow: -4px 5px 10px 10px rgba(0, 0, 0, 0.2);
 }
 
 .leftShadow1{
max-width: 320px;
padding:0;
min-width:320px;
box-shadow: -4px 5px 5px 5px rgba(0, 0, 0, 0.2);
 }

}*/


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {


.background{
	background-image:none;
	background-color: #cbbda2;
}
	
#wrapper{
max-width: 100%;
margin:0 auto;
background-color:transparent;
}	

.container{
 
 max-width:80%;

 margin:0 auto ;

 background-color:transparent;

 }
 
 .container1{
 max-width:98%;
 
 margin:0 auto ;

 background-color:transparent;

 }
 
 .container2{
 max-width:100%;
 
 margin:0 auto ;

 background-color:transparent;

 }
 

 
 .content{
max-width: 320px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;

background-color:white;
background-image:url(../images/back26_320.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content1{
max-width: 320px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;


background-color: #c5b98f;
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content_ac{
max-width: 320px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;

background-color:white;
background-image:url(../images/WithPaperclip_AC1_320.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content_manhattan_project{
max-width: 320px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;

background-color:white;
background-image:url(../images/WithPaperclip_MP_320.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content_residence{
max-width: 320px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;

background-color:white;
background-image:url(../images/WithPaperclip_HH1_320.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content_big_science{
max-width: 320px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;

background-color:white;
background-image:url(../images/WithPaperclip_BS_320.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content_caltech{
max-width: 320px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;
min-height:800px;
background-color:white;
background-image:url(../images/back26_320.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 
 .leftShadow{
max-width: 320px;
padding:0;
min-width:320px;
box-shadow: -4px 5px 10px 10px rgba(0, 0, 0, 0.2);
 }
 
 .leftShadow1{
max-width: 320px;
padding:0;
min-width:320px;
box-shadow: -4px 5px 5px 5px rgba(0, 0, 0, 0.2);
 }

}
@media screen and (device-aspect-ratio: 40/71){
     
.background{
	background-image:none;
	
}	



 
 
 

 
 .page{
max-width: 900px;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;

background-color:white;
background-image:url(../images/WithPaperclip_MP_back2_900.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content_caltech{
max-width:900px;
border-bottom: 1px solid transparent;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;

background-color:white;
background-image:url(../images/back26_900.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 
 
 .content_big_science{
max-width: 900px;
border-bottom: 1px solid transparent;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;

background-color:white;
background-image:url(../images/WithPaperclip_BS_900.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .content_manhattan_project{
max-width: 900px;
border-bottom: 1px solid transparent;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;

background-color:white;
background-image:url(../images/WithPaperclip_MP_900_1.png);
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }


 


    .span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}


    .span_5_of_5 {
		width: 100%; 
	}
	.span_4_of_5 {
		width: 100%; 
	}
	.span_3_of_5 {
		width: 100%; 
	}
	.span_2_of_5 {
		width: 100%; 
	}
	.span_1_of_5 {
		width: 100%; 
	}
	.span_icons {
		width: 18.72%;
		
	}
	
	.colNP {
	height:0px;
	width:0px;
	margin-left:-5000px;

}


    .span_4_of_4 {
		width: 100%; 
	}
	.span_3_of_4 {
		width: 100%; 
	}
	.span_2_of_4 {
		width: 100%; 
	}
	.span_1_of_4 {
		width: 100%; 
	}
	
	.span_8_of_8 {
		width: 100%; 
		
	}
	.span_7_of_8 {
		width: 100%; 
	}
	.span_6_of_8 {
		width: 100%; 
	}
	.span_5_of_8 {
		width: 100%; 
	}
	.span_4_of_8 {
		width: 100%; 
	}
	.span_3_of_8 {
		width: 100%; 
	}
	.span_2_of_8 {
		width: 100%; 
	}
	.span_1_of_8 {
		width: 100%; 
	}
	
.span_8_of_8 {
		width: 100%; 
		
	}
	.span_7_of_8 {
		width: 100%; 
	}
	.span_6_of_8 {
		width: 100%; 
	}
	.span_5_of_8 {
		width: 100%; 
	}
	.span_4_of_8 {
		width: 100%; 
	}
	.span_3_of_8 {
		width: 100%; 
	}
	.span_2_of_8 {
		width: 100%; 
	}
	.span_1_of_8 {
		width: 100%; 
	}
	
	img{
		text-align:center;
		margin: 0 auto;
		
	}
	
	#wrapper1{
max-width: 92%;
margin:0 auto;
background-color:transparent;
height:auto;
overflow:visible;
}



.content1{
max-width: 100%;
border-bottom: 1px solid #857D61;
border-right: 1px solid #857D61;
border-left: 1px solid #999172;
padding:0;
min-width:320px;

background-color: #c5b98f;
box-shadow: 7px 5px 3px 3px rgba(0, 0, 0, 0.4);
/*box-shadow: inset 17px 0px 26px -10px #ABA17C;*/
 }
 
 .leftShadow{
max-width: 100%;
padding:0;
min-width:320px;
box-shadow: -4px 5px 10px 10px rgba(0, 0, 0, 0.2);
 }

 .photoalbum{
  border:none;
  max-height:380px;
  text-align:center;
  margin:20 auto;
  }
  
   .photoalbum1{
  border:none;
  max-height:460px;
  }

.cursive{
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:3em;
text-align:center;
margin:0 auto;
}

.cursive1{
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:4em;
text-align:center;
margin:0 auto;
font-weight:bold;
}
  
  .cursive2{
font-family: 'Italianno', cursive;
font-size:1.9em;
text-align:center;
margin:0 auto;
}
  
  .caption1{
  border:none;
 padding:none;
  width:100%;
  margin:0 auto;
  padding-bottom:20px;
  border-bottom:1px solid black;
text-align:center;
margin-bottom:40px;

  }

.colPeople{
	height:100%;
	width:100%;
	margin-left: 0px;
	margin-top:0px;
	position:relative;
}

.colPeople figcaption{
	height:auto;
	width:96%;

}
   
 .colPeople figure{
	 height:auto;
	 width:100%;
	 margin-top:10px:
 }
 
 .colPeople div{
	height:auto;
	width:100%;
}
	
	figure{
  max-width:100%;
  margin:0;
  text-align:center;
  
  }
  
  
figcaption{
  text-align:left;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:0.8125em;
  font-weight:bold;
  max-width:100%;
  margin-top:5px;
  display:block;
  padding:10 10;
 border:1px solid black;
  }

 .cover{
	width:0;
	height:0;	
	margin:-9999px;
		}
		
		
	.marg{
	margin:-9999px;
	}
	
	#mybook{
	width:0;
	height:0;	
	margin:-9999px;
	visible:none;
	}
	
	
	
	
}

 @media screen and (device-aspect-ratio: 9/16){
	 
	
	
	
    .span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}


    .span_5_of_5 {
		width: 100%; 
	}
	.span_4_of_5 {
		width: 100%; 
	}
	.span_3_of_5 {
		width: 100%; 
	}
	.span_2_of_5 {
		width: 100%; 
	}
	.span_1_of_5 {
		width: 100%; 
	}
	.span_icons {
		width: 18.72%;
		
	}
	
	.colNP {
	height:0px;
	width:0px;
	margin-left:-5000px;

}


    .span_4_of_4 {
		width: 100%; 
	}
	.span_3_of_4 {
		width: 100%; 
	}
	.span_2_of_4 {
		width: 100%; 
	}
	.span_1_of_4 {
		width: 100%; 
	}
	
	.span_8_of_8 {
		width: 100%; 
		
	}
	.span_7_of_8 {
		width: 100%; 
	}
	.span_6_of_8 {
		width: 100%; 
	}
	.span_5_of_8 {
		width: 100%; 
	}
	.span_4_of_8 {
		width: 100%; 
	}
	.span_3_of_8 {
		width: 100%; 
	}
	.span_2_of_8 {
		width: 100%; 
	}
	.span_1_of_8 {
		width: 100%; 
	}
	
.span_8_of_8 {
		width: 100%; 
		
	}
	.span_7_of_8 {
		width: 100%; 
	}
	.span_6_of_8 {
		width: 100%; 
	}
	.span_5_of_8 {
		width: 100%; 
	}
	.span_4_of_8 {
		width: 100%; 
	}
	.span_3_of_8 {
		width: 100%; 
	}
	.span_2_of_8 {
		width: 100%; 
	}
	.span_1_of_8 {
		width: 100%; 
	}
	
	img{
		text-align:center;
		margin: 0 auto;
		
	} 
	 
	 .background{
	background-image:none;
	background-color: #cbbda2;
}	
	 
#wrapper1{
max-width: 100%;
margin:0 auto;
background-color:transparent;
height:auto;
overflow:visible;
}

 .photoalbum{
  border:none;
  max-height:380px;
  text-align:center;
  margin:20 auto;
  }
  
   .photoalbum1{
  border:none;
  max-height:460px;
  }

.cursive{
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:3em;
text-align:center;
margin:0 auto;
}

.cursive1{
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:4em;
text-align:center;
margin:0 auto;
font-weight:bold;
}
  
  .cursive2{
font-family: 'Italianno', cursive;
font-size:1.9em;
text-align:center;
margin:0 auto;
}
  
  .caption1{
  border:none;
 padding:none;
  width:100%;
  margin:0 auto;
  padding-bottom:20px;
  border-bottom:1px solid black;
text-align:center;
margin-bottom:40px;

  }

.colPeople{
	height:100%;
	width:100%;
	margin-left: 0px;
	margin-top:0px;
	position:relative;
}

.colPeople figcaption{
	height:auto;
	width:96%;

}
   
 .colPeople figure{
	 height:auto;
	 width:100%;
	 margin-top:10px:
 }
 
 .colPeople div{
	height:auto;
	width:100%;
}
	
	figure{
  max-width:100%;
  margin:0;
  text-align:center;
  
  }
  
  
figcaption{
  text-align:left;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:0.8125em;
  font-weight:bold;
  max-width:100%;
  margin-top:5px;
  display:block;
  padding:10 10;
 border:1px solid black;
  }

 .cover{
	width:0;
	height:0;	
	margin:-9999px;
		}
		
		
	.marg{
	margin:-9999px;
	}
	
	#mybook{
	width:0;
	height:0;	
	margin:-9999px;
	visible:none;
	}
	 
 }
 
 @media screen and (device-aspect-ratio: 3/4) {
	 
	 
	 
	 
	 }
