/* common styles for MIT Facts site  */


/* GENERAL */
html {overflow-y: scroll;}
html, body {
  margin: 0px;
}
body {
 /* background-color: #e3d1b2; njd*/
  background-image: url(../img/pagebkg.gif);
  background-position: top center;
  text-align: center;        /* centers the page for IE/win */
}

/* for div containing skip links and other content that should never be seen by visual browsers */
.offscreen {
  position: absolute;
  left: 0px; top: -9999px;
  width: 1px; height: 1px;
  overflow: hidden;
}
/* for back to top anchor */
#divtopanchor {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1px;
  height: 1px;
  z-index: 1;
}

/* div to clear floating divs */
.divclear {
  clear: both;
}

/* remove space around form */
form {
  display: inline;
  margin: 0;
  padding: 0;
}
/* get rid of fieldsets and legends */
fieldset {
  display: inline;
  border: none;
  margin: 0;
  padding: 0;
}
legend {
  display: none;
}

/* table cells all aligned left and top */
td {
  text-align: left;
  vertical-align: top;
}

/* layout table */
/* note: cellspacing=0 must still be specified in table tag because of IE */
table.layouttable {
  border: none;
  border-spacing: 0px;
  margin: 0px;
  padding: 0px;
}
table.layouttable td {
  padding: 0px;
}

/* elements for screen display or print display only */
span.screenonly {
  display: inline;
}
span.printonly {
  display: none;
}
div.screenonly {
  display: block;
}
div.printonly {
  display: none;
}


/* default font and links */
html, body {
  /*font-family: Arial, Lucida, Helvetica, sans-serif;*/
  font-family:Verdana, Geneva, sans-serif;
 /* color: #404040;*/
}
h1, h2, h3, h4, h5, h6, p, li {
  margin-top: 0px;
}
a,
a:link,
a:visited {
  color: #007FAD;
}

a:hover,
a:active,
a:focus {
  color: #007FAD;
  text-decoration: underline;
}

/* OUTER SHELL */
/* centered container for all page content */

#divoutershell {
  width: 760px;
  padding: 30px 0px;
  margin: 0px auto;
  text-align: left; /* reset alignment for IE */
}

/* PAGE AREA */
/* the visible "page" */

#divpagearea {
  position: relative;
  width: 758px;
  border: 1px solid #dedede;
  overflow:hidden;
  background-color: #ffffff;
  
}

/* divs to float content on all pages */
.floatright {
	float:right;
	width:434px;
}
.floatleft {
	float:left;
	width:236px;
}
.floatclear {
	clear:both;
}

/* div to make a double line - assumes the top line made by the div above,
   so this only makes the bottom line */
.divdoubleline {
  height: 3px;
  border-bottom: 1px solid #dedede;
}



/* MIT FACTS LOGO */

#divlogo {
  width: 236px;
  border-bottom: 1px solid #dedede;

}

#divlogoMIT {
	width: 236px;
	position: absolute;
	bottom:300px;/*207px; */
	left:20px; 
	padding:0;
}



/* NAVIGATION */

/* container for a section of navigation */
.divnavsection {
  padding: 4px 0px 4px 0px;
	background-color:#ffffff; /*NJD*/

  /*background-color:#575D13;  NJD*/
  border-top:double #dedede; 
  margin-bottom:-5000px; 
  padding-bottom:5000px;
}
.divgraybottom {
  border-bottom: 1px solid #dedede;
}
.divwhitebottom {
  border-bottom: 1px solid #ffffff;
}

/* Show All and Hide for left-hand tree structure */
.divnavsection h3 a,
.divnavsection h3 a:link,
.divnavsection h3 a:visited,
.divnavsection h3 a.focus
{
  margin: 0px;
  font-size: .65em;
  font-weight: normal;
  color:#007FAD;  /*NJD 2/26/2018*/
  /*color: #0c8a86; */
  text-decoration:none;
  line-height:30%;
  height:40px !important;
}
.divnavsection h3 a:hover
{
  text-decoration:underline;
  color:#0099D1;
}
/* lists of links */
.divnavsection ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 236px;
}
.divnavsection ul li {
  margin: 0px;
  width: 236px;
  font-size: .75em;
  line-height: 100%;
}

.divnavsection ul ul li {
  margin: 0px;
  width: 236px;
  font-size: 1em;
  line-height: 100%;
  padding-left:15px;
}
.divnavsection ul.keys li {
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
/* navigation links */
.divnavsection ul li a {
  display: block;
 /* padding: 1px 5px 2px 25px;
  width: 206px; */
  margin: 1px 5px 2px 25px;
  width: 190px;
}
 
.divnavsection ul li a,
.divnavsection ul li a:link,
.divnavsection ul li a:visited {
 /*color: #fffff; */
 color:#007FAD;/*NJD*/
  text-decoration: none;
 
}

.divnavsection ul li a:hover,
.divnavsection ul li a:active,
.divnavsection ul li a:focus
 {
 /* color: #80DDFF !important; NJD*/
	   color: #D3420D !important; /*NJD*/

  text-decoration: none;
  font-weight:bold;
  /* color:#e1f100;*/
 
}

/* set white space above item in left-hand nav */
.divnavsection ul li.first,
.divnavsection ul#x li.first {
  padding-top:10px;
}


/* NOTE: the background colors used for key-related highlighting are set in mitfacts.js */


/* MIT LOGO */

#divmitlogo {
	padding: 29px 0px 29px 42px;
	left: 14px;
	top: 1646px;
	
}

/* Footer */

#footer {
    clear: both;
    padding: 5px 5px 30px 0;
	width:100%;
	font-size:.8em;
	border-top:1px solid #dedede;
	width:754px;
	 background-color:#fbfcfd !important;
}
#footer ul {
    list-style-type: none;
    margin: 0;
	padding:0;
}
#footer li { float: left;
    background: url("../img/bg_li_footer.gif") no-repeat scroll right center transparent !important;
    padding: 0.5em 12px 0;
}
#footer li.first {
	padding: 0.5em 12px 0 0;
}
#footer li.noborder {
    background-image: none  !important;
}




/* SITE TOOLS */

#divtoolarea {
  position: relative;
  width: 521px;
  height: 73px;
  border-bottom: 1px solid #dedede;
}

/* Search */

#divsearch {
	position: absolute;
	right: 29px;
	top: 19px;
	z-index: 10;
}

#divsearch table.layouttable td {
  vertical-align: middle;
}
#divsearch #q {
  width: 200px;  /*njd from 104*/
  padding: 1px;
  border: 1px solid #dedede;
  font-size: 0.70em;
  font-weight: normal;
  margin: 0px;
}
#divsearch #btnG {
  margin: 0px 0px 0px 7px;
}

/* Previous/Next 

#divprevious {
  position: absolute;
  left: 382px;
  top: 9px;
  width: 76px;
  z-index: 10;
}
#divnext {
  position: absolute;
  left: 458px;
  top: 9px;
  width: 60px;
  z-index: 10;
}*/



/* TEXT */

#divtext {
  padding: 25px 44px 25px 44px;
  border-top:double #dedede;
  
}

#divtext h1 {
	font-size: 0.80em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	line-height: 100%;
	text-align: center;
	margin-bottom: 24px;
	color: #D3420D;  /*NJD*/
}
#divtext h2 {
  font-size: 0.80em;
  font-weight: bold;
  letter-spacing: 0.06em;
  line-height: 130%;
  margin-bottom: 12px;
  color: #D3420D;  /*NJD*/
}
#divtext h3 {
  font-size: 0.80em;
  font-weight: bold;
  font-style: italic;
  line-height: 130%;
  margin-bottom: 12px;
}
#divtext p {
  font-size: 0.80em;
  line-height: 130%;
  margin-bottom: 12px;
}
.finePrint { 
	font-size:0.7em;
}
#divtext p.finePrint { 
	/*color: #505050;*/
	font-size:0.7em;
	padding:5px 10px;

}

#divtext blockquote {
  font-size: 0.75em;
  line-height: 130%;
  margin-bottom: 12px;
  font-style:italic;
}
#divtext ul.noBullet li {
  font-size: 0.80em;
  list-style-type:disc;
}

#divtext p.small {
  font-size: 0.60em;
  margin-bottom: 12px;
}

#divtext table.tdata {
  font-size: 0.80em;
  line-height: 130%;
  margin-bottom: 12px;
}
#divtext table.tdata td.small {
  font-size: 80%;
  margin-bottom: 12px;
}
#divtext table.tdata td.rightalign {
  text-align: right;
}

#divtext table.tdata td.midalign {
  text-align: right;
  padding-right:20px;
}

#divtext table.tdata td.total {
  font-weight:bold;
}
#divtext table.tdata td.inset {
  font-size: 80%;
  margin-bottom: 12px;
  text-align: center;
}

.standard { margin:0 0 20px; font-size:.75em; }
.standard table { font-size:.75em; }
.standard td { vertical-align:bottom; padding:5px 15px 5px 5px; border-bottom:1px solid #eee; line-height:1.5em; text-align:left; }
.standard td divtext { margin:0; border:0; }
.standard td.label { font-weight:bold; font-size:.9em; }
.standard td.last { padding-right:0; }

.figures { /*border-bottom:1px solid #c3bbcf;*/ margin:0 0 15px; font-size:1em; } /*nina*/
.figures th, .figures td, .figures caption { font-size:.75em; padding:5px 15px 5px 5px; } /*nina added caption*/
.figures caption { color:#FFFFFF; text-align:left; vertical-align:bottom; background-color:#505050; font-weight:bold; } /*nina added caption*/
.figures th { vertical-align:bottom; font-weight:bold; border-bottom:1px solid #d0cada; text-align:center; } /*nina changed th*/
.figures td { vertical-align:top; line-height:1.9em; border-right:1px solid #d0cada; border-bottom:1px solid #d0cada; }
.figures td.tfooter { border:0; line-height:1.5em; padding:10px 0 20px; font-size:.60em; } /*nina*/

.figures td.rightalign { text-align:right; padding-right:5px; }
.figures th,
.figures th.rightalign { text-align:center; padding-right:5px; }
.figures td.midalign  { text-align:right; padding-right:54px; }
.figures td.last { border-right:0; }

/* content navigation */
    #leftContent {
		float:left;
		width:50%;
}
	
	#rightContent {
		float:right; 
		width:40%;
		padding-right:15px;
		
		
}

    .rightContentBox {
	height: 95px;  /* 60px previiously*/
	width: 160px;
	-moz-border-radius: 15px;
	border-radius: 15px;
		border-style: solid;
		border-color: #3196a7;
		border-width: 3px;
	/*background-color: #505050;*/
		background-color:#fff;
	padding: 7px 0px 36px;
	margin-top: 5px;
	font-size: 16px;		
}

	#divtext ul.noBullet
	 {
	list-style-type: disc;
	margin: 0 0 10px 15px;
	padding-left: 10px;
}

#divtext ul.bulletNone
	 {
	list-style-type: none;
	margin: 0 0 10px 15px;
	padding-left: 10px;
}

	#divtext ul.noBullet li,
		#divtext ul.bulletNone li {
  		font-size: 0.80em;
  		margin:0 0 5px;
		
}

#divtext ul.noBullet  a,
#divtext ul.noBullet  a:link,
#divtext ul.noBullet a:visited
 {
 /* color: #47CEFF;NJD*/
	 color:#007FAD;
}

#divtext ul.noBullet li.bulletWhite a:hover,
#divtext ul.noBullet li.bulletWhite a:active,
#divtext ul.noBullet li.bulletWhite a:focus  {
	color:#007FAD; /* NJD*/
  text-decoration: underline;
}

}
	.pagetable td ul.noBullet li a:link,
	.pagetable td ul.noBullet li a:visited {
	color: #178d1c;
}
	div.rightContentBox ul.noBullet li a:link,
	div.rightContentBox ul.noBullet li a:visited {
	   color:#fff;
}

	.visitedBoxLink {
	color: #000; font-weight:400  /* NJD */
}



/* unordered lists */

ul.bullet, ul.bulletLeft { list-style-type:disc; margin:10px 0 10px 20px; font-size:.8em; }
ul.bulletLeft { margin-left:0px; }
ul.bullet li,
ul.bulletLeft li{ margin:0 0 5px; }
ul.bullet li.last,
ul.bulletLeft li.last
 { margin-bottom:15px; }
 
 /* unordered list large type */
 
 ul.bulletLarge, ul.bulletLeftLarge { list-style-type:disc; margin:10px 0 10px 20px; font-size:.9em; }
ul.bulletLeftLarge li, 
ul.bulletLarge li { margin:0 0 10px; }
ul.bulletLarge li.last,
ul.bulletLeftLarge li.last
 { margin-bottom:15px; }
 
 

#divtext ul.paragraphic {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#divtext ul.paragraphic li {
  padding-left: 16px;
  background-image: url(../img/plusbullet.gif);
  background-repeat: no-repeat;
  background-position: 0px 4px;
  margin-bottom: 12px;
}



/* SPECIAL STYLES FOR HOME PAGE */

/* extra horizontal space, and no heading */
body.home #divtext {
  /*padding: 59px 15px 25px 17px;*/
  padding:28px 0 0 50px;
  background-color: #fcfbfa !important;
}
body.home #divtext p {
	margin-bottom:0;
}

/* SPECIAL STYLES FOR CAMPUS MAP */

/* extra horizontal space, and no heading */
body.map #divtext {
  padding: 59px 20px 25px 20px;
}


/* SPECIAL STYLES FOR COVER GALLERY */

/* extra horizontal space */
body.gallery #divtext {
  padding-left: 20px;
  padding-right: 20px;
}

/* more space below heading */
body.gallery #divtext h1 {
  margin-bottom: 38px;
}


/* a cover */

.divcover {
  margin:-8px 0 16px -60px; /*njd 1/6/16*/
}
.divcover table.covertable {
  border: none;
  border-spacing: 0px;
  border-collapse: collapse;
  margin: 0px;
  padding: 0px;
}
.divcover table.covertable td {
  background-color: #dedede;
  border: 4px solid #dedede;

}
.divcover table.covertable td.column1 {
  vertical-align: top;
  width: 380px;
}
.divcover table.covertable td.column2 {
  vertical-align: bottom;
  width: 92px;
}
.divcover table.covertable td.column2 a,
.divcover table.covertable td.column2 a:link,
.divcover table.covertable td.column2 a:visited {
  text-decoration: none;
}
.divcover table.covertable td.column2 a:hover,
.divcover table.covertable td.column2 a:active,
.divcover table.covertable td.column2 a:focus {
  color: #000000;
  text-decoration: none;
}
#divtext .divcover table.covertable td p {
  text-align: right;
  line-height: 120%;
  padding-left: 8px;
  margin: 0px;
}
#divtext .divcover table.covertable td p.covercredit {
  font-size:.70em;
  padding: 3px 0px;
  margin: 4px 0px 2px 0px;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
#divtext .divcover table.covertable td p.coveryear {
  font-size: 1.5em;
  font-weight: bold;
  letter-spacing: 0.15em;
  line-height: 100%;
}