#content {  
  height: 100%;
  min-height: 100%;

  text-align: left;
}

#content,
#width {
  /* max-width hack for IE since it doesn't understand the valid css property */
  width: expression(document.body.clientWidth > 1000 ? "1000px" : "94%");  
  max-width: 1000px;
  margin: 0 auto;
}

#content[id],
#width[id] {
  width: 94%;
  height: auto;
}






/**************************************************************
   #mainMenu: The top level site menu
 **************************************************************/

#mainMenu { 
  float: left;
  width: 100%;
  clear: both;  
}

#mainMenu ul {
  margin: 0;
  padding: 0;
}

#mainMenu li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

#mainMenu li a {
  float: left;
  margin: 0 2px;
  padding: 5px 0.5em;

  font: 400 1.2em "trebuchet ms", serif;
  text-decoration: none;
  text-transform: uppercase;
  color: #2d509f;
}
#dropdown li {
  float: left;
  margin: 0 2px;
  padding: 5px 0.5em;

  font: 400 1.2em "trebuchet ms", serif;
  text-decoration: none;
  text-transform: lowercase;
  color: #000000;
}

#mainMenu li a:hover,
#mainMenu li a.here {
  color: #000000;
 /* border-top: 3px solid #00486e; */
}

#mainMenu li a.last {
  margin-right: 0;
}