/*
 * A 3-column layout that should work on most browsers.
 * "One True Layout"
 * http://www.positioniseverything.net/articles/onetruelayout/example/combined
 *
 * Note: I removed a bunch of stuff (like the Mac IE5 filters) because they
 * were causing problems. -gw
 */

@import "common.css";
@import "globalmenu.css";
@import "submenu.css";

/* Layout */

#Content {
  margin-top:          .25em;
  padding-top:         .25em;
  background:          #fff url(../images/??3col_bg.gif);
  width:               750px;
}


/* Sections */

#Block1 {   /* center block */
  float:       left;
  width:       395px; /* 400 */
  margin-left: 150px;
  background:  #fff;
  color:       #444;
}

* html #Block1 {  /* IE only */
  display:     inline;
}

#Block2 {    /* left block */
  float:       left;
  width:       150px;
  margin-left: -545px; /* -550 */
}
#Block2 h2, #Block2 p {
  padding-left:  0;
  margin-left:   0;
  padding-right: 0;
  margin-right:  0;
}

#Block3 {    /* right block */
  float:      left;
  width:      200px;
  overflow:   visible;
}
#Block3 p {
  padding-bottom:  .75em;
  margin-bottom:   .75em;
  line-height:    1.25em;
}
#Block3 h3 {
  padding-top:    1em;
  padding-bottom: .2em;
}
#Block3 .person {
}
#Block3 i {
  /*font-weight: bolder;*/
}

/*
#Block3 .phone {
  font:         90%/1.5em verdana,arial,helvetica,sans-serif;
}
*/

#Block3 img {
  display:        block;
  padding-bottom: 1em;
  padding-left:   1em;
/*  margin-left:    auto;*/
  margin-right:   auto;
}

#Content {
  position: relative;
  overflow: hidden; /* This hides the excess padding in non-IE browsers */
}

/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute
weirdness as the method is enhanced */
#Content {
  /* Normally a Holly-style hack height: 1% would suffice but that causes
  IE 5.01 to completely collapse the wrapper - instead we float it */
  float: left;
  /* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes
  (I saw it happen many moons ago) makes the width of wrapper too small
  the float: none with the comment is ignored by 5.01,
  5.5 and above see it and carry on about their business
  It's probably fine to just remove it, but it's left here
  just in case that many moons ago problem rears its head again */
  float/**/: none;
}

/* easy clearing */
#Content:after {
  content: '[DO NOT LEAVE IT IS NOT REAL]';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#Content {
  display: inline-block;
}

/*\*/

#Content {
  display: block;
}
/* end easy clearing */