body {
	font-family: Arial, sans-serif;
	color: #000000;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
  background-color: #00aaff;
}

a, a:link, a:visited, a:hover, a:active {
	color: #0000ff;
	text-decoration: underline;
}

a:hover {
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
	font-family: Arial, sans-serif;
	margin: 0;
}

h1, h2 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 120%;
 color: #444444;
}

h3, h4, h5, h6 {  padding: 1em 0 0 0; }

h3 {
 font-size: 114%;
 color: #888888;
}

h4 {
 font-size: 100%;
 color: #000000;
}

h5 {
 font-size: 100%;
 color: #888888;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}






/* The masthead is the empty DIV at the top of the screen which causes the banner image to be displayed */
#masthead {
	margin: 0;
	border: 0;
  width: 100%;
	height: 65px;
	padding: 0;
	background: #ffffff url(images/new_masthead_4_aero.jpg) no-repeat;
}
#masthead a img {
 margin: 13px 0 0 11px;
 border: 0;
 width: 400px;
 height: 20px;
}







/* The globalNav is the navigation data which is overlaid on the
  banner background 
#globalNav{
  position: absolute;
	top: 60px;
	padding: 0 0 0 12px;
	white-space: nowrap;
	font-size: 80%;
}
#globalNav a, #globalNav a:link, #globalNav a:visited, #globalNav a:active, 
#globalNav a:hover { color: #000000; text-decoration: none;}
#globalNav a:hover { font-weight: bold;	text-decoration: underline; }
#globalNav strong { font-weight: bold; color: #ffffff; }
*/

/* The leftNav is the main navigation bar down the left-hand side
  of the page */
#leftnav {
  position: absolute;
  padding: 0;
	top: 65px;
	width: 180px;
	margin: 0;
	background-color: #00aaff;
	font-size: 80%;
}

#leftnav ul a, #leftnav ul a:link, #leftnav ul a:visited, #leftnav ul a:active, #leftnav ul a:hover 
{ display: block; text-decoration: none; }
#leftnav ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid #00ff00; }
#leftnav li { border-bottom: 1px solid #00ff00; padding: 3px 0; }
html>body #leftnav li { border-bottom: 1px solid #00ff00; }

#sectionLinks { padding: 0 5px; }
#sectionLinks a, #sectionLinks a:link, #sectionLinks a:visited, #sectionLinks a:active, #sectionLinks a:hover {
	width: 100%; font-weight: bold; color: #ffffff;
}
#sectionLinks a:hover {
	font-weight: bold;
	background-color: #ffffff;
	color: #000000;
	text-decoration: none;
}

#headlines {	padding: 20px 10px 1em 10px; }
#headlines h3 { color: #ffffff; }
#headlines p { padding: 0 10px 1em 10px; }
#headlines a, #headlines a:link, #headlines a:visited, #headlines a:active { color: #00ff00; }
#headlines a:hover {
  text-decoration:underline;
	font-weight: bold;
	color: #ffffff;
}





/* The footer is the bottom page element which contains MIT logo and address */
#footer {
  clear: both;
	margin: 0;
	padding: 3px 10px;
  border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #aaaaaa;
	font-size: 80%;
}
#footer table, tr, td { border: 0; padding: 0; margin: 0; vertical-align: top; }
#footer a, #footer a:link, #footer a:visited, #footer a:active { color: #000000;	text-decoration: none; }
#footer a:hover {	text-decoration: underline;	font-weight: bold; color: #ffffff; }







/* The content element is the main frame which contains the page content */
#content {
  margin: 0 0 0 180px;
	padding: 0 10px 10px 10px;
  border: 0;
	background-color: #ffffff;
}

#content p {
	padding: 0 0 1em 0;
}

#content img {
	padding: 0;
	border: 0px solid black;
}


#content img.featureimg {
	float: left;
	margin: 0 15px 10px 0;
}

#content h3.h3noclear {
	clear: none;
}

#content table, #content tr, #content td {
	padding: 1pt 5pt 3pt 3pt;
	vertical-align: top;
	border-top: 1pt none white;
	border-bottom: 1pt none white;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	text-align: left;
	word-spacing: normal;
	white-space: normal;
	border-right-width: 1pt;
	border-left-width: 1pt;
	border-right-style: none;
	border-left-style: none;
	border-right-color: white;
	border-left-color: white;
}




#gallery .galimg {
	float: left;
  width: 112px;
	height: 112px;

	border: 0;
	margin: 0;
	padding: 8px 16px 16px 8px;
	background-image: url(slideframe.jpg);
	background-repeat: no-repeat;
}

#gallery img { border: 4px solid white; }
#gallery a:hover img { border-color: #888888 }

#gallery table, #gallery tr, #gallery td {
  width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	vertical-align: middle;
	text-align: center;
}

/* galcontrol elements: used for control elements in large image view */
#galcontrol1, #galcontrol2 {
  position: absolute;
	top: 0px;
	padding: 5px;
	margin: 0;
	border: 0;
	font-size: small;
	font-style: italic;
	color: #7f7f7f;
}
#galcontrol1 p, #galcontrol2 p { padding: 0; border: 0; margin: 0; }
#galcontrol1 a, #galcontrol2 a { text-decoration: none; }
#galcontrol1 { left: 0px; }
#galcontrol2 { right: 0px; }
