body {
    background-repeat: repeat;
    margin-bottom: 0;
}

.mainColumn {
    max-width: none;
}

body #MainContent {
    position: relative;
    z-index: 100;
    background: transparent;
    margin-left: 2em;
    margin-right: 10%;
    padding: 0;
    max-width: 40em;
    border: 0px;
}

.bars {
  margin-bottom: 0px;
}
/*
.navbar {
  line-height: normal;
}

.navbar ul, * html .navbar .currentPage {
  line-height: normal;
}
*/

.seasonBug {
    margin: 0px;
    padding: 0.5em 2em;
    background: transparent;
    /* background: #9AB5DB; /*/
    position: absolute;
    top: 30px; left: 200px;/**/
    /*top: 125px; left: 50px;*/
    z-index: 10;
}

.corner, .mask {
    display: none;
}


.siteNavbar li.currentPage, * html .siteNavbar .currentPage a {
  background-color: black;
  color: white;
}

body, .people .name, .people_bg, .bio_bg {
  background-color: #d8c0a3;
}


.people ul {
  z-index: 50;
}

.people_bg, .bio_bg {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  opacity: 0.5; 
}

/* this ul is used to stretch .people_bg for IE5,6 */
.people_bg ul { 
  z-index: 0;
/*  visibility: hidden; */
}

.people_bg {
  z-index: 0;
}
.bio_bg {
  z-index: 11;
}

.bio {
    z-index: 100;
    background-color: transparent;
}

.bio .text {
  opacity: 1;
  position: relative;
  z-index: 100;
}

body  {
/*
  background-image: url("../images/canvas-a-800x600");
/*/
  background-image: url("../images/canvas-640x480");
/**/

  background-image: url("../images/canvas");
}


#Cityscape {
  background-repeat: repeat-x;
  background-image: url("../images/city");
  position: relative;
  left: 0px;
  right: 0px;
  width: 100%;
/*
  margin-bottom: 1em;
*/
}


#Cityscape img {
  visibility: hidden;
}


.disclaimer h4, h4.disclaimer { 
  margin-bottom: 0px;
}

.disclaimer+.disclaimer {
  margin-top: 0px;
}

.people .section {
  margin-top: 1.2em;
  font-size: 110%;
}

.right_border {
    min-width: 43.2em;
}
#ShadowBox {
  position: relative;
  min-width: 30em;
/*
  margin: 0px 64px;
*/
}

.top_border {
    background: transparent;
}
.left_border {
  background-image: url("../images/bd-left");
  background-repeat: repeat-y;
  background-position: top left;
  padding-left: 64px;
}
.right_border {
  background-image: url("../images/bd-right");
  background-repeat: repeat-y;
  background-position: top right;
  padding-right: 64px;
}

.border {
  bottom: 0px;
}

.shadow { 
  position: absolute;
  background-color: transparent;
  z-index: 10;
}

.footer {
    display: none;
}

/*
.bio_shadow {
  z-index: 20;
}
*/

.shadowRight img {
  position: absolute;
  right: 0px;
}

#shadow000 {
  right: 2em;
  top: 16em;
}
/*
#shadow001 {
  left: 5em;
  top: 29.5em;
}
*/

#shadow002 {
  right: 1em;
  bottom: 211px;
}

/* affix shadow to top of Cast list */
#Cast #shadow001 {
  top: -180px;
  left: 30px;
}

#Cast #shadow003 {
  left: 23em;
  top: -15px;
}

.people .bio .bridge {
  background-image: url("../images/bridge");
  left: -15px;
}

.program .name[onclick], #Cast .name [onclick] {
  color: black;
}


.bio img.headshot {
  display: none;
}

.dots .bio .name, .dots .bio .description {
  display: none;
}

.program, .people .people_bg {
  width: 23em; /* if you change this, change .people .bio { left }*/
  padding: 0.5em 0.5em;
}

.people .bio { 
  left: 23em; /* should = .program { width } */
}

.people {
/* Trying to get .people_bg to auto-fit into .people
  overflow-x: visible;
  overflow-y: hidden;
*/
}