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

/* -----------------layout wrappers---------------- */

#outer {
		margin: 0 auto;
		width: 1024px;
		padding: 0px;
		}
#inner {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	width: 980px;
		}

/* --------general styles-------- */

html,body,p,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,select,textarea,fieldset,dl,dd,dt,object,embed { 

		margin: 0;
		padding: 0;
		border: 0;
		}
body {
	background-repeat:no-repeat;
	color:#FFF;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color: #0c2e53;
		}
img 	{
		display: block;
		border: 0;
		}
ul		{
		margin: 0 0 1.4em 0;
		padding: 0;
		}	
ul li	{
		margin: 0 0 0 2.5em;
		padding: 0;
		}
.left {
		float: left;
		display: inline;
		}
.right {
		float: right;
		display: inline;
		}	
.caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #333333;
}
.clear {
		clear: both;
		}

/* --------text-------- */
a {
		text-decoration: none;
		color:#CDB198;
		}
a:link, a:visited {
		color: #CDB198;
		}
a:hover {
		color: #865022;
		}
a:active {
		color: #fff;
}
h1 		{
		color: #E6D8cc;
		font-weight: bold;
		padding: 10px 0 7px 0;
		text-transform: uppercase;
}
h2 		{
	color: #9A6331;
	font-weight: bold;
	padding: 0px 0 1px 0;
	font-size: 12px;
}
h3 		{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	color: #003758;
}
h4		{		
		text-transform: uppercase;
		color: #E6D8CC;
		width:90px;
		font-weight: bold;
		padding:9px 20px 10px 28px;
		margin:-1px 0px 0 0px;
		font-size:0.9em;
}

.ie h4		{
		text-transform: uppercase;
		color: #D3DE9F;
		font-weight: bold;
		font:Arial, Helvetica, sans-serif;
		width:80px;
		padding:10px 26px 10px 22px;
		margin-top:-1px;
		font-size:12px;
}

h5 {
	font-size:13px;
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

p {
	line-height:150%;
}

#navtop a {
	text-decoration: none;
	text-transform: uppercase;
	color: #FFF;
	font-weight: bold;
	font-size: 1.1em;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}

#navtop ul, #navevents li, #navevents ul, #footer a {
		list-style-type: none;
		text-decoration: none;
		}



/*--content area for index and inside pages--*/
#content {
	text-decoration: none;
	list-style-type: none;
	width: 940px;
	height: auto;
	background-image: url(/web/20160611084849im_/http://www.ll.mit.edu/60thAnniversary/images/nav/60_div_bg.png);
	padding: 20px;
	margin-bottom: 30px;
		}
#content_inner {
	background-color: #FFF;
	width: 940px;
	padding: 20px;
	height: auto;
	float: left;
}
#col1 {
	float:left;
	width:605px;
	margin:3px 0px 0px 0px;
}
#col1 a {
	cursor:pointer;
}
#col2 {
	float:right;
	margin: 3px -4px 0px 0px;
	font-size:15px;
	color: #E4D5C7;
	text-transform: uppercase;
	font-weight:normal;
}
#col2 img {
	width:295px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 130px;
}

#col2 #brown {
	background-color: #9b7858;
	height: 15px;
	width: 280px;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 15px;
	margin: 0px;
}
#col2 #purple {
	background-color: #523645;
	height: 15px;
	width: 275px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#col2 #grey {
	background-color: #523645;
	height: 15px;
	margin: 0px;
	width: 275px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}
#col2 #red {
	background-color: #680607;
	height: 15px;
	width: 280px;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 15px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


/* -------------top banner----------------*/
#topbanner {
		margin: 0px;
		height: 100px;
		background-repeat: no-repeat;
		background-position: left;
		}

#topbanner a img {
		margin-top:35px;
		float:left;	
}

#LLHome {
		padding:0px 0px 0px 20px;
}
#AnniversaryHome {
		padding:35px 13px 0px 0px;
		display: inline;
		float:right;
		width:496px;
}

/*--------------------- top navigation attributes --------------------*/		
#navtop {
	width: 1024px;
	height: 30px;
	float: left;
	display: inline;
	padding: 0;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(/web/20160611084849im_/http://www.ll.mit.edu/60thAnniversary/images/nav/60_div_bg.png);

		}

#navtop ul {
		margin:8px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
		white-space:nowrap;
		
}
#navtop ul li {
	float: center;
	display:inline;
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	white-space:nowrap;
	margin: 0px 42px 0px 0px;
	padding: 11px 0px 0px 0px;
}	

#navtop ul li a {
		margin: 0;
		padding: 9px 12px 9px 12px;
}
#navtop ul li a:hover {
	color:#456d85;
	background-color: #FFF;
}
#navtop ul .Active a {
	background-color:#FFF;
	color: #456d85;
}
#subnav {
	display:none;
}
.ie #navtop ul li a {
		margin: -19px 0;
		padding: 8px 15px 0px 15px;
		display:inline-block;
}
.ie #navtop ul .Active a {
		height:22px;
		display:inline-block;
}

.ie #navtop ul li a:hover {
	padding: 8px 15px 7px 15px;
}

/*-------------------Events Navigation attributes--------------------*/

#navevents {
	width: 1024px;
	height: 80px;
	display: inline;
	float: left;
	color: #D3DE9F;
	font-size:100%;
	font-weight:600;
	letter-spacing:0.5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	margin: 0px;
	background-image: url(/web/20160611084849im_/http://www.ll.mit.edu/60thAnniversary/images/nav/60_div_bg.png);
		}

#navevents ul {
	position:relative;
	width:960px;
	left:28px;
	margin:0px;
	border-bottom-color:#D3DE9F;
	border-bottom-style:solid;
		}
		
#navevents ul li {
	float: left;
	padding: 0px;
	width:auto;
	line-height:15px;
	margin:0px 6px 0px 0px;

}	
#navevents ul li:last-child {
	margin:0px 0px 0px 0px;
}	
		
#navevents ul li a {
	font-weight:normal;
	color:#D2E2c0;
	float: left;
	width:auto;
	margin: 4px 0px 0px 4px;
	padding: 3px 0px 0px 0px;
	font-size:12px;
		}	
#navevents ul li a:hover {
	border-top-color:#98BD6F;
	border-top-style:solid;
	border-top-width:4px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
		}	
#navevents ul li:first-child:hover {
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#98BD6F;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#98BD6F;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;	
}
#navevents #inline {
	display: inline;
	float: left;
	padding-left: 25px;
	padding-top: 10px;
	color: #d2e2c0;
}
#navevents .Active a {
	margin: 0px 0px 0px 4px;
	border-top-color:#98BD6F;
	border-top-style:solid;
	border-top-width:4px;
		}
#navevents img {
		float: right;
		margin:0;
		padding: 8px 80px 0px 0px;
}

#navtop #subnav {
	margin:0px 0px 0px 132px;
	padding:11px 0px 0px 0px;
	display:none;	
	width:280px;	
	background-color:#567189;
}
#navtop #subnav li {
	padding:5px 10px 0px 10px;
	display:inline;
	font-size:12px;
}
#navtop #subnav li:hover {
	background-color:#FFF;	
}
#navtop #subnav li:hover a {
	color:#567189;	
}

.ie #navevents ul li:first-child:hover {
	border:none;	
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 0px;	
}
.ie #navevents ul {
		position:relative;
		width:925px;
		left:120px;
		margin:-73px 0px 0px 0px;	
		}		
.ie #navevents ul li a {
		float: left;
		width:auto;
		height:55px;
		margin: 50px 17px 0px 4px;
		padding: 7px 0px 0px 0px;
		font-size:11px;
		}	
.ie #navevents ul li a:hover {		
		float: left;
		width:auto;
		height:55px;
		margin: 46px 17px 0px 4px;
		padding: 7px 0px 0px 0px;
		}	
.ie #navevents .Active a {
		margin: 46px 17px 0px 4px;
		}
.ie #navevents #subnav {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:none;
}

.ie #navevents #subnav ul {
	margin:-125px 0px 0px -120px;
}
.ie #navevents #subnav li:first-child:hover {
	margin:-53px 0px 0px 0px;
	
}

#HeaderLink {
	display:none;
}

#content {
	width: 1024px;
	display: inline;
	float: left;
	margin-right: 0px;
	margin-left: 0px;
	background-image: url(/web/20160611084849im_/http://www.ll.mit.edu/60thAnniversary/images/nav/60_div_bg.png);
	background-repeat: repeat-y;
	margin-top: 20px;
	padding: 20px;
}
/*-------------------ial nav info------------------*/

#ialnav ul .Active a {
	color:#88B3D9;	
}

/*-------------------footer info------------------*/
#footer {
		color: #96ADBB;
		font-size: 10px;
		font-weight:bold;
		text-align: left;
		margin-top: 22px;
		padding: 10px 10px 10px 20px;
		
		}
#footer a {
		font-weight: bold;
		color: #96ADBB;
		}
#footer a:hover {
		color: #fff;
}

#footer span {
	color:#CDB198;
	font-style:italic;
}

#footer p {
	margin:0px 0px 10px 0px;
}

#footer .View {
	color:#CDB198;
	text-decoration:underline;
}

/*---------- slideshow on index----------------*/
#Play {
	cursor: pointer;
	height: 30px;
	width: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#PlayLight {
	cursor: pointer;
	margin:5px 0px 0px 0px;
}
#Pause {
	cursor: pointer;
	margin: 0px;
	height: 30px;
	width: 20px;
}
#PauseLight {
	cursor: pointer;
	margin:5px 0px 0px 0px;
}

#News img {
	padding-top:5px;	
}


#NewsTop {
	font-size:11px;
	color: #E4D5C7;
	font-style:italic;
}
#NewsBottom {
	font-size:13px;
	color: #FFF;
	text-transform: uppercase;
	font-weight:normal;
}
#NewsBottom:hover {

	color: #B8D2E8;
}

#col1 p img {
	float:left;
	padding-right: 10px;
}

#News {
	background-color:#729CAE;
	height:69px;
	width:615px;
	position:absolute;
	top:613px;
	margin: 46px 0px 0px 0px;
	padding: 6px 10px 0px 0px;
}

#News img {
	float:left;
	padding-right:10px;
	margin-top:-11px;
	height: 75px;
	width: 135px;
}

#Title {
	padding:13px 0px 0px 0px;
}

#Blurb {
	color: #FFF;
	font-size:12px;
	line-height:15px;
	font-style: italic;
}

#LeftButton img {
	position:absolute;
	z-index:2;
	cursor: pointer;
}
#RightButton {
	float:right;
	margin-right:0px;
}
#RightButton img {
	position:absolute;
	z-index:2;
	cursor: pointer;
}
#col1 #headline1 {
	background-color: #595959;
	width: 615px;
	height: 20px;
	padding:7px 0px 3px 10px;
}
#col1 #headline2 {
	background-color: #523645;
	width: 615px;
	height: 20px;
	padding:7px 0px 3px 10px;
}
#col1 #headline3 {
	background-color: #8e4445;
	width: 615px;
	height: 20px;
	padding:7px 0px 3px 10px;
}
.ie #col1 #headline1 {
	position:relative;
	left:20px;
	top:-30px;
	width: 595px;
}
.ie #col1 #headline2 {
	position:relative;
	left:20px;
	top:-30px;
	width: 595px;
}
.ie #col1 #headline3 {
	position:relative;
	left:20px;
	top:-30px;
	width: 595px;
}
#NewsBottom span {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;
	font-size: 14px;
}
/*--------------------header at top of content area for inside pages-----------*/
#Header {
	width:940px;
	opacity:0.9;
	height:35px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
}
#Header span {
	float:right;
	color:#FFF;
	font-size:11px;
	font-style:italic;
}
.ie #Header span {
	float:right;
	color:#FFF;
	font-size:11px;
	margin:-20px 0px 0px 0px;
}

#Header em {
	font-size:13px;
	text-transform:uppercase;
	color:#FFF;
}

#Header a {
	font-style:italic;
	font-size:13px;
	text-transform:uppercase;
	color:#FFF;
}
#Header a:hover {
	color:#d1ebfa;
}
#Header p {
	padding:8px 15px 0px 15px;
	color: #FFF;
}
.purple_header {
	background-color: #523645;
}
.green_header {
	background-color: #7cb15e;
}
.brown_header {
	background-color: #a97b50;
}
.red_header {
	background-color: #8e4445;
}
.blue_header {
	background-color: #729cae;
}
.top_align {
	margin-top: -5px;
}
/*------------------------inside content columns--------------------*/
/*--------------------left inside column in content area-----------*/
#column1 {
	float:left;
	width:175px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 55px;
	padding-left: 0px;
}
#column1 ul {
	list-style:none;
	margin-left:-30px;
	margin-top: 3px;
}

#column1 #SubNav {
	color:#88B3D9;
}


#column1 ul li {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#column1 li a {
	font-size:12px;
	color:#003758;
	padding:0px 0px 10px 0px;
}
#column1 li a:hover {
	font-size:12px;
	color:#88B3D9;
}
#column1 strong {
	text-transform:uppercase;
	color:#9A6331;
	font-size:12px;
	line-height: 17px;
}
/*--------------------right column in content area-----------*/
#column2 {
	float:left;
	width:425px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 55px;
	padding-left: 20px;
	color: #333;
}
#column2 p{
	font-size:12px;
	padding-top:4px;
	padding-bottom:13px;
	color: #333;
}
#column2 a{
	color:#9A6331;
}
#column2 a:hover{
	color:#88B3D9;
}

#column2 span {
	font-size:10px;
	font-weight:bold;
}
#column2 form{
	padding-top:10px;
	}
#column2 span{
	text-transform:uppercase;
	font-size:11px;
	}
#column2 strong {
	font-size:13px;
	color: #003758;
}
#column2 input {
	margin-bottom:15px;
	margin-top:5px;
	height:22px;
	padding:1px 0px 1px 2px;
	border-style:solid;
	border-width:1px;
	border-color:#98BD6F;
	}
#column2 textarea {
	padding:2px 0px 0px 3px;
	border-style:solid;
	border-width:1px;
	border-color:#98BD6F;
}
#column2 li {
	padding:0px 0px 3px 0px;
	line-height:150%;
	color: #333;
}
#column2 textarea {
	margin:8px 0px 0px 0px;
}
#column2 em {
	margin: 0px;
}
#column2 .italic {
	font-style: italic;
	color: #333;
}

/*--------------------middle column in content area-----------*/
#column3 {
	margin:-10px 0px 0px 30px;
	float:right;
	padding:10px 0px 55px 0px;
	width:275px;
	}
#column3 .caption a {
	color: #9a6331;
}
#column3 .caption a:hover {
	color: #88B3D9;
}
#column3 strong {
	font-size:11px;
	}
#column3 img {
	width:275px;
	padding:10px 0px 10px 0px;
	}
#column3 #ial {
	width:121px;
}

#Events {
	color:#9A6331;
	font-size:12px;
	padding-bottom:5px;
	}



#ExtText {
	margin-left:178px;
	}
#Ext {
	margin-left:62px;
	}
#Other {
	margin-left:55px;
}
#OtherText {
	margin-left:10px;
}

#Submit {
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
}

#Intro {
	border-bottom: 1px dashed #ccc;
}
#Entry {
	margin-top:10px;
}
#Entry h5 {
	padding-top:10px;
	text-transform:uppercase;
}
#frame {
	height:383px;
	position:absolute;
}
.ie #frame {
	height:383px;
	position:absolute;
	margin:-30px 0px 0px 0px;
}
#form {
	vertical-align:super;
	padding:0px 5px 0px 5px;
}
.required {
	font-weight:bold;
}
.grey_header  {
	background-color: #595959;
}
#stroke {
	height: 1px;
	margin-bottom: 10px;
}
#column2 .space_after {
	margin-bottom: 5px;
}
#heritage tr td {
	width: 140px;
	vertical-align: top;
	padding-bottom: 8px;
	line-height: 15px;
}
#heritage th {
	padding-bottom: 3px;
}
#heritage #row_border {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	display: table-row;
}
#heritage #first_row {
	padding-top: 8px;
}
#heritage tr {
	margin-bottom: 10px;
}
#heritage {
	border-collapse:collapse;
	margin-top: 15px;
	margin-bottom: 15px;
}
#counter {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #6EA277;
	width: 165px;
	float: right;
	margin-left: 15px;
	height: 28px;
}
#print {
	display:none;
}

.thumbnail {
	margin:0px 10px 10px 0px;	
	float:left;
	background-color:#000;
}
/*
     FILE ARCHIVED ON 08:48:49 Jun 11, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 04:16:01 Nov 01, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.471
  captures_list: 0.396
  exclusion.robots: 0.049
  exclusion.robots.policy: 0.041
  esindex: 0.006
  cdx.remote: 10.077
  LoadShardBlock: 121.517 (3)
  PetaboxLoader3.datanode: 65.614 (4)
  PetaboxLoader3.resolve: 114.553 (3)
  load_resource: 116.895
*/