/*---------------------------------------------------------------------------
  SCREEN, PROJECTION: BASIC TWO-COLUMN LAYOUT.
  
  Navigation bar is floated left and must come before the main content in
  the source.
  ---------------------------------------------------------------------------*/
body {
  position:relative; /* Force re-layout when browser window changes size in IE */
  font-size:100.01%; /* Fix a rounding bug in some Opera versions.  */
  font-family: Helvetica, Arial, sans-serif;
  margin-left: 0px;
  margin-top: 0px;
  padding-left: 0px;
  padding-top: 0px;
  background-color: white;
  background-image: url("background.png"); /* Note: base color is #FFAA55 */
  background-repeat: repeat-y;
  background-position: 0px 0px;
}

div#content {
  position: relative;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
}

div#nav {
  float:left;
  width: 9.5em;
  margin: 0 0 0 0;
  padding: 0 0 5.5em 0; /* Enough space to hold the navbottom if the nav is longer than the main */
  overflow: hidden;
}

div#nav div#placeholder {
  padding-top: 100px; /* Size of the AMS certification bagde image. */
}

div.nav_list {
  padding: 0 0 0 0;
  margin: 1.0em 0 0 10px;
  background-color: inherit;
  text-align: left;
  font-weight: bold;
  width: 9em;
}

div#sitenav {
  position:relative;
  padding: 0;
  margin: 0;
}

/* Note: both navbottom and main have a padding-bottom to set off the footer. */
div#navbottom {
  position:absolute;
  left: 0;
  bottom: 1.0em;
  width: 9.5em;
  margin: 0 0 0 0;
  padding: 0 0 0 10px;
}

div#main {
  position: relative;
  margin-left: 10em;
  margin-right: 0;
  padding: 1.0em 0 1.0em 0;
  background-color: white;
  width: auto;
}

/* Site map reuses the navigation bar. */
div#main div#nav {
  float: none;
  position: relative;
  padding-bottom: 0;
  width: auto;
}

div#main div.nav_list {
  width: auto;
}

/* Make sure div#main contains all the floats within. The technique
   used is due to http://www.positioniseverything.net/easyclearing.html
 */
div#main:after {
  content: "."; 
  display: block; 
  height: 0px;
  line-height: 1px;
  clear: both;
  visibility: hidden;
}

/* For the CSS hack technique used here, see http://www.stopdesign.com/examples/ie5mac-bpf/ */

/* The following is for IE/Mac only \*//*/
div#main {
  display: inline-block;
}
/**/

/* All others: Hides from IE-mac \*/
div#main {
  display: block;
}

/* End hide from IE-mac */

.clearall {
  clear: both;
}

div#footer {
  padding: 5px 0 5px 0px;
  width: 100%;
  text-align: left;
  font-size: smaller;
  border-top: 1px solid #777777;
  border-bottom: 1px solid #777777;
  background-color: #FF8100; /* #FFAB54; */
}