/* Generic */
body {
  font-family:Arial,Helvetica,sans-serif;
  width:1024px;                       /* Specify a width for the content */
  margin:0px auto;                    /* Center the content */
  text-align:center;                  /* Ensure centering in Internet Explorer */
  background-color:rgb(194,192,191);  /* Specify a background colour */
  background-image: -ms-linear-gradient(left, rgb(194,192,191), rgb(255,255,255) 15%, rgb(255,255,255) 85%, rgb(194,192,191));  /* IE10 */
  background-image: -moz-linear-gradient(left, rgb(194,192,191), rgb(255,255,255) 15%, rgb(255,255,255) 85%, rgb(194,192,191));  /* Mozilla Firefox */
  background-image: -o-linear-gradient(left, rgb(194,192,191), rgb(255,255,255) 15%, rgb(255,255,255) 85%, rgb(194,192,191));  /* Opera */
  background-image: -webkit-gradient(linear, left center, right center, color-stop(0, rgb(138,139,140)), color-stop(0.2, rgb(255,255,255)), color-stop(0.8, rgb(255,255,255)), color-stop(1, rgb(194,192,191)));  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-linear-gradient(left, rgb(194,192,191), rgb(255,255,255) 15%, rgb(255,255,255) 85%, rgb(194,192,191));  /* Webkit (Chrome 11+) */
  background-image: linear-gradient(left, rgb(194,192,191), rgb(255,255,255) 15%, rgb(255,255,255) 85%, rgb(194,192,191));  /* Proposed W3C Markup */
}

/* Wrapper div element to force columns to extend to bottom of window */
#wrap {
  height:100%;       /* Fix height to fill browser window */
  min-height:655px;  /* Ensure height is at least height of nav menu */
}

/* Left-hand navigation menu */
#menu {
  position:absolute;                /* Absolute control on position */
  width:160px;                      /* Fix width to 160px */
  height:100%;                      /* Fix height to match wrapper (fill window) */
  min-height:655px;                 /* Ensure nav menu menu does not require scrolling */
  overflow:auto;                    /* Ensure scrolling as necessary */
  color:rgb(255,255,255);
  background-color:rgb(163,31,52);  /* MIT red */
}

/* Main content */
#main {
  position:absolute;     /* Absolute control on position */
  margin-left:160px;     /* Fix position to right of navigation menu */
  width:824px;           /* Fix width to (1024-[menu width]-[padding])px */
  height:100%;           /* Fix height to match wrapper (fill window) */
  min-height:655px;      /* Ensure height is at least height of nav menu */
  overflow:auto;         /* Ensure scrolling as necessary */
  padding:0px 20px;      /* Add extra padding for content */
  text-align:left;       /* Override centering for Internet Explorer here */
  color:rgb(163,31,52);  /* Text color (MIT red) */
  background-color:rgb(255,255,255);
}

/* Google Maps */
#map_canvas {
  height:70%;
  width=100%;
}

/* GPS site information table layout */
table.coords {
  border:3;
  cellpadding:20px 50px;
}

/* Links */
a {
  color:rgb(163,31,52);  /* MIT red */
}
a:hover {
  color:rgb(138,139,140);  /* MIT gray */
}
a.menu {
  text-decoration:none;             /* Plain text (no underline) */
  color:rgb(255,255,255);           /* White text */
  background-color:rgb(163,31,52);  /* MIT red */
}
a:hover.menu {
  color:rgb(0,0,0);  /* Black */
}

/* Miscellaneous */

p.footer {
  text-align:right;
  color:rgb(138,139,140);  /* MIT gray */
}
hr {
  border:0px;
  color:rgb(138,139,140);             /* MIT gray */
  background-color:rgb(138,139,140);  /* MIT gray */
}

