/*
  
  Page Layout 2009-10-12
  CesarDaniel.info/styles/PageLayout.css
  
*/
/*-----------------------------------------------------------------------------------------------*/
/* Note: Padding is better than margin for layout browser compatibility. */
/* Note: div#Main ul li {...} is better than li {...}. */
/*-------------------------------------------------------------------------------------- Level 0 */
html {
  background: gray;
}
/*-------------------------------------------------------------------------------------- Level 1 */
body {
  padding: 10px;
}
/*-------------------------------------------------------------------------------------- Level 2 */
div#Outside {
  width: 900px; /* 760px (Inside) + 140px (SkyscraperAd). */
  margin-left: auto;
  margin-right: auto;
}
/*-------------------------------------------------------------------------------------- Level 3 */
div#Inside {
  width: 760px;
  float: left;
}
div#SkyscraperAd {
  height: 600px; /* Total height: 697px. */
  width: 120px; /* Total width: 140px. */
  padding: 10px;
  padding-top: 87px; /* 10px + Header total height: 50px + MenuBar total height: 27px (Menu.css + MenuTailor.css). */
  float: right;
}
/*-------------------------------------------------------------------------------------- Level 4 */
div#Page {
  background: white;
  color: black;
  position: relative; /* For IE6. Fixes invisible text. */
  z-index: 127; /* For IE6 and IE7. Fixes right drop down menu vs SkyscraperAd. */
}
div#LeaderboardAd {
  height: 90px; /* Total height: 110px. */
  width: 728px;
  padding: 10px;
  padding-left: 16px;
  clear: both;
}
/*-------------------------------------------------------------------------------------- Level 5 */
div#Header {
  height: 30px; /* Total height: 50px. */
  padding: 10px;
  clear: both;
}
div#Main {
  min-height: 512px;
  padding: 20px;
}
div#Footer {
  height: 30px; /* Total height: 50px. */
  padding: 10px;
  clear: both;
}
/*-----------------------------------------------------------------------------------------------*/