/* 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: #0075B0; /* MW link color pink #B7295A */
/*  text-decoration: underline; */    /*  KDM if underlined links are desired in body text  */

}

a:hover,
a:active,
a:focus {
  color: #0075B0; /* MW link color pink #B7295A*/
  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 */
}

/* HEADER AREA */
#headerarea {
	border-bottom: 2px solid #dedede; /* dividing line between header area and rest of page */
}

/* 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-right:0;

}

#divlogoMIT {
	width: 236px;
	position: absolute;
	bottom:45px;
	left:20px; 
	padding:0;
}



/* NAVIGATION */

/* container for a section of navigation */
.divnavsection {
  padding: 6px 0px 4px 0px;
  background-color:#ffffff; 
 /* border-top:double #dedede; MW moved this to a newly defined "headerarea" instead of the mismatched double line */
  margin-bottom:0px; /*MW Removed previous -5000 margin to debug left nav overlapping footer issue */
  padding-bottom:0px; /* MW removed previous 5000 padding to debug left nav overlapping footer issue */
}
.divgraybottom {
  border-bottom: 1px solid #dedede;
}
.divwhitebottom {
  border-bottom: 1px solid #ffffff;
}

#n1aboutMIT,
#n1admission,
#n1academics,
#n1campuslife,
#n1research,
#n1financial
{
	padding-bottom:12px;
}


/* Show All and Hide for left-hand tree structure */
.divnavsection div.ShowHide {
	display:block;
	margin:-6px 0px 14px 20px;
}
.divnavsection div.ShowHide a {
	margin-left:10px;
	padding:1px 6px;
}

.divnavsection div.ShowHide a,
.divnavsection div.ShowHide a:link,
.divnavsection div.ShowHide a:visited,
.divnavsection div.ShowHide a:focus
{
  font-size: .75em;
  font-weight: normal;
  color:#0075B0;  /* MW link color blue #0075B0; */
  text-decoration:none;
}
.divnavsection div.ShowHide a:hover 
{
  color:#B7295A;  /* MW link color pink #B7295A*/ 
  background-color:#dedede;
}
/* 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; /* was 15*/
}
.divnavsection ul.keys li {
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
/* navigation links */
.divnavsection ul li span /* MW added span to replace the a links for ARIA tree */
{
  display: block;
 /* padding: 1px 5px 2px 25px;
  width: 206px; */
  margin: 1px 5px 2px 25px;
 /*  width: 190px; */
  font-weight: bold;
  color:#0075B0;  /* MW link color blue #0075B0; */	
}
.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:#0075B0; /* MW link color blue #0075B0; */
  text-decoration: none;
 
}
.divnavsection ul li span:hover,
.divnavsection ul li span:active,
.divnavsection ul li span:focus,
.divnavsection ul li a:hover,
.divnavsection ul li a:active,
.divnavsection ul li a:focus
 {
  color: #B7295A !important; /* MW link color pink #B7295A*/
  text-decoration: underline; /* MW changed left nav hover to underline without changing font weight to bold */
  /* font-weight:bold; */
}

/* 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:2px solid #dedede; /* MW increased to 2px for symmetry with headerarea */
	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; MW moved this to headerarea in place of the mismatched double line */
  margin-left:0;
  padding-left:0;
}

/* Search */

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

#divsearch table.layouttable td {
  vertical-align: middle;
}
#divsearch #q {
  width: 200px;  
  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;*/ /* MW removed mismatched double line */
  
}

#divtext h1 {
	font-size: 0.80em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	line-height: 100%;
	text-align: left;
	margin-bottom: 24px;
	color: #B7295A; /* MW header text color blue #0075B0; */
}
#divtext h2 {
  font-size: 0.80em;
  font-weight: bold;
  letter-spacing: 0.06em;
  line-height: 130%;
  margin-bottom: 12px;
  color: #B7295A;  /* MW header text color blue #0075B0; */
}
#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 sup {
	font-size:0.6em;
	line-height:0.6em;
}
#divtext a.noteref {
	text-decoration: none;
}
#divtext a.noteref:hover, #divtext a.noteref:focus {
	text-decoration: underline;
}

#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.7em;
  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;
}

.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 { margin:0 0 15px; font-size:1em; } 
.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:.7em; } /*nina*/

.figures td.rightalign { text-align:right; padding-right:5px; }
.figures th,
.figures th.rightalign { text-align:center; padding-right:5px; }
.figures th.leftalign {text-align: left;} /* MW added for th row first column headers */
.figures th.stub {text-align:left; border-right:1px solid #d0cada;} /*MW added for accessibility, identifying stubs as th*/
.figures th.indented-stub {text-align:left; padding-left:25px; border-right:1px solid #d0cada;} /* MW added for accessibility, identifying indented stubs as th */
.figures th.unbold {font-weight:normal;} /* MW added to unbold stubs that are now th */
.figures .noborder {border-right:0;} /* MW added to remove border in th and td*/
.figures th.rightborder {border-right:1px solid #d0cada;} /* MW added to add border in th */
.figures td.midalign  { text-align:right; padding-right:45px; }
.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: #333333;
		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: #0075B0; /* MW link color blue #0075B0; */
}

#divtext ul.noBullet li.bulletWhite a:hover,
#divtext ul.noBullet li.bulletWhite a:active,
#divtext ul.noBullet li.bulletWhite a:focus  {
  color:#0075B0;  /* MW link color blue #0075B0; */
  text-decoration: underline;
}

	.pagetable td ul.noBullet li a:link,
	.pagetable td ul.noBullet li a:visited {
	/*color: #0075B0;*/
}
	div.rightContentBox ul.noBullet li a:link,
	div.rightContentBox ul.noBullet li a:visited {
	   color:#fff;
}

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



/* 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 lists, second-level bullet [KDM, March 2019] */

ul.bullet, ul.bulletLeft2 { list-style-type:disc; margin:10px 0px 10px 20px; font-size:1.0em; }
ul.bulletLeft2 { margin-left:10px; }
ul.bullet li,
ul.bulletLeft2 li{ margin:0 0 5px; }
ul.bullet li.last,
ul.bulletLeft2 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;  MW removed, fixed negative margin on divcover instead*/
}

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


/* a cover */

.divcover {
  /*margin:-8px 0 16px -30px;*/ /*MW reduced negative left margin from 60 to 30*/
	width:475px;
	
}
.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.imgcol {
  vertical-align: top;
  text-align: center;
  width: 465px;
}
.divcover table.covertable td.imgcol img { /* the width of the gallery images */
  width:465px;
}
.divcover table.covertable td.txtcol {
  vertical-align: top;
  width: 110px;
}
.divcover table.covertable td.txtcol a,
.divcover table.covertable td.txtcol a:link,
.divcover table.covertable td.txtcol a:visited {
  text-decoration: none;
}
.divcover table.covertable td.txtcol a:hover,
.divcover table.covertable td.txtcol a:active,
.divcover table.covertable td.txtcol a:focus {
  color: #000000;
  text-decoration: none;
}
#divtext .divcover table.covertable td p {
  text-align: left;
  line-height: 120%;
  padding: 0px 3px;
  margin: 0px;
}
#divtext .divcover table.covertable td p.covercredit {
  font-size:.7em;
  padding: 3px;
  margin: 4px 0px 2px 0px;
  border-top: 1px solid #000000;
  /*border-bottom: 1px solid #000000; MW removed border from bottom of credit after description text rearranged horizontally */
}
#divtext .divcover table.covertable h2{
  font-size: 1.5em;
  font-weight: bold;
  letter-spacing: 0.15em;
  line-height: 100%;
}
#divtext a.totop {
	font-size: 0.7em;
	display: block;
	padding:1em 0;
	text-align:right;
	text-decoration: none;	
}
#divtext a.totop:hover, #divtext a.totop:focus {
	text-decoration: underline;
}

ul.anchorlinks {
	margin:0;
	padding:0;
}

.anchorlinks li {
	list-style: none;
	float:left;
	margin:0px;
	padding:0px;
	padding-bottom: 0.5em;
	font-size:0.7em;
}
.anchorlinks li a {
	border-right:1px solid #ccc;
	padding:0px 0.6em;
	text-decoration: none;
}
.anchorlinks li a.last {
	border-right:0;
}
.anchorlinks li a:hover, .anchorlinks li a:focus {
	text-decoration: underline;
}