body {
  font-family: Arial, sans-serif;
  color: #000000;
  line-height: 1.166;
  margin: 0px;
  padding: 0px;
  background-color: #003300;
}

a, a:link, a:visited, a:active {
  text-decoration: none; 
}

a, a:link, a:visited, a:hover, a:active {
  color: #009933; 
}

a:hover {
  text-decoration: none     ;
}

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: #009933;
}

h3, h4, h5, h6 {  padding: 1em 0 0 0; }

h3 {
 font-size: 114%;
 color: #003300;
}

h4, h5 {
 font-size: 100%;
 color: #003300;
}

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(http://web.mit.edu/westgate/images/masthead.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: 40px;
  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: 176px;
  margin: 0;
  background-color: #009933;
  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 #003300; }
#leftnav li { border-bottom: 1px solid #003300; padding: 2px 0; }
html>body #leftnav li { border-bottom: 1px solid #003300; }

#sectionLinks { padding: 0 10px; }
#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: color;
  background-color: #ffffff;
  color: #009933;
  text-decoration: none;
}
#newMaterial {
  color: red;
  font-size: 0.8em;
}

#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: #003300; }
#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: #009933;
  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: #003300;  text-decoration: none; }
#footer a:hover {  text-decoration: underline;  font-weight: bold; color: #ffffff; }
#footer img { border: 0; }







/* The content element is the main frame which contains the 
   page content */
#content {
  margin: 0 0 0 176px;
  padding: 0 10px 10px 10px;
  border: 0;
  background-color: #ffffff;
}

#content p {
  padding: 0 0 1em 0;
}

#content img {
  padding: 0;
  border: 1px solid black;
}


#content img.noborder {
  border: 0;
}

#content img.featureimg {
  float: left;
  margin: 0 15px 10px 0;
}

#content h3.h3noclear {
  clear: none;
}

#content table {  border-collapse: collapse; }

#content table, #content tr, #content td {
  padding: 1pt 5pt 3pt 3pt;
  vertical-align: top;
  border-top: 1pt solid black;
  border-bottom: 1pt solid black;
}

#gallery .galimg {
  float: left;
  width: 112px;
  height: 112px;

  border: 0;
  margin: 0;
  padding: 8px 16px 16px 8px;
  background-image: url(http://web.mit.edu/westgate/images/slideframe.jpg);
  background-repeat: no-repeat;
}

#gallery img { border: 4px solid white; }
#gallery a:hover img { border-color: #009933; }

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

#galcontrol3 {
  position: absolute;
  bottom: 0px;
  right: 0px; 
  padding: 5px;
  margin: 0;
  border: 0;
  font-size: small;
  font-style: italic;
  color: #009933;
}
#galcontrol3 p { padding: 0; border: 0; margin: 0; }

.office_title {
 font-size: 18pt;
 padding-bottom: 6px;
}

.office_name {
 font-size: 15pt;
}

.office_email {
 font-size: 15pt;
 padding-bottom: 6px;
}