/*

   This style sheet defines the basic page layout.

   CSS Hacks used to work around browser peculiarities:

   [1] commented backslash             -- IE5/Mac
       http://www.sam-i-am.com/testsuite/css/mac_ie5_hack.html

   [2] simplified box modelhack (SBMH) -- IE5/Win
       http://archivist.incutio.com/viewlist/css-discuss/1793

   [3] modified SBMH                   -- IE5/Win
       http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html

   [4] star html selector              ++ all IE (Win and Mac)
       http://www.info.com.ph/~etan/w3pantheon/style/starhtmlbug.html

*/


body {
  margin: 0px;
  padding: 0px;
  text-align: center; /* IE5/Win */
  background-image: url("../../../../build/fragments/fl_bg_master_stylesheets/graphics/bg_head.gif");
  background-repeat: repeat-x;
  margin-bottom: 1em;
}


#bu-page {
  position: relative;
  width: 777px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;

  text-align: left; /* restore normal alignment */
}

body.rtl #bu-page { text-align: right; }


/*
   -------------------------------------
   TOP
   -------------------------------------
*/

#bu-top {
  position: relative;
  height: 40px;
  margin-bottom: 20px;

  color: white;
  background-color: black;

  background-repeat: no-repeat;
  background-position: left bottom;
  /* the actual background-image is declared in site_<name>.css */
}

body.rtl #bu-top { background-position: right bottom; }

#bu-top h1 { display: none; } /* hide headline text */

/* link overlaying the site logo */
#bu-top a#bu-homelink {
  display: block;
  position: absolute;
  bottom: 0;
  height:20px;
  /* width is declared in site_<name>.css */
}

body.rtl #bu-top a#bu-homelink { right: 0; }


#bu-topnav {
  position: absolute;
  right: 0;
  bottom: 3px;
  width: 400px;
  text-align: right;
}

body.rtl #bu-topnav { right: auto; left: 0; text-align: left;}


/*
   -------------------------------------
   HEADER
   -------------------------------------
*/

#bu-header {
  position: relative;
  height: 80px;
  background-color: #dedede;
  background-repeat: no-repeat;
  background-position: left top;
  /* the actual background-image is declared in site_<name>.css */
}

body.rtl #bu-header { background-position: right top; }

#bu-header h1 {
  position: absolute;
  left: 197px;
  bottom: 6px;
  width: 375px;
  margin: 0;
}

body.rtl #bu-header h1 { left: auto; right: 197px; }

/* headline offset and width may be overridden in site_<name>.css */


/*
   -------------------------------------
   MAIN
   -------------------------------------

   The main section uses ordered floats, a layout technique described
   in http://www.positioniseverything.net/ordered-floats.html and
   esp. http://www.positioniseverything.net/sidepages/rigid-demo.html.

*/

#bu-main {
  position: relative;
  background-image: url("../../../../build/fragments/fl_bg_master_stylesheets/graphics/bg_main.gif"); /* background for left column */
  background-repeat: repeat-y;
  width: 100%; /* IE6 */
}

body.rtl #bu-main { background-image: url("../../../../build/fragments/fl_bg_master_stylesheets/graphics/bg_main_rtl.gif"); background-position: right top; }

#bu-floatwrap {
  float: right;
  width: 590px;
}

body.rtl #bu-floatwrap { float: left; }

#bu-left {
  float: left;
  width: 187px;
  overflow: hidden;
}

body.rtl #bu-left { float: right; }

#bu-main.three-cols #bu-content {
  float: left;
  width: 370px;
  padding: 10px;
  overflow: hidden;
}

body.rtl #bu-main.three-cols #bu-content { float: right; }

/* hacks (3) & (1): feed 390px to IE5/Win and 368px to IE5/Mac */

* html .three-cols#bu-main #bu-content {
  width: 390px;
  w\idth: 368px;
  /* (1) next is for IE6, hide from IE5/Mac \*/
  w\idth: 370px;
  /* (1) */
}

#bu-main.three-cols #bu-right {
  float: right;
  width: 200px;
  overflow: hidden;
  background-color: white; /* for Safari v74 (see http://www.hashtable.de/test/safari-float2.html) */
}

body.rtl #bu-main.three-cols #bu-right { float: left; }

#bu-main.two-cols #bu-content {
  float: none;
  position: relative;
  width: 580px;
  margin: 0px 0 10px 10px;
  padding-top: 10px;
  overflow: hidden;
}

body.rtl #bu-main.two-cols #bu-content {
  margin: 0 10px 10px 0;
}


#bu-main.two-cols #bu-right {
  display: none; /* just in case it's there */
}



/*
   -------------------------------------
   BOTTOM
   -------------------------------------
*/

#bu-aux {
  /* (1) hide from IE/Mac  \*/
  clear: both;
  /* (1) end */
  border-left: 187px solid #dedede;
  padding: 6px 10px;
  width: 570px;
}

body.rtl #bu-aux { border-left: none; border-right: 187px solid #dedede; }

/* box model hack (3) */
* html #bu-aux { width: 777px; w\idth: 570px; }

#bu-bottom {
  /* (1) hide from IE/Mac  \*/
  clear: both;
  /* (1) end */
  border: 1px solid #dedede;
  border-left: 187px solid #dedede;
  padding: 6px 10px;
  width: 569px;
}

body.rtl #bu-bottom { border-left-width: 1px; border-right-width: 187px; }

/* box model hack (3) */
* html #bu-bottom { width: 777px; w\idth: 569px; }


#bu-validate {
  display: block;
  margin-top: 1em;
}

#bu-alt-sites {
  position: absolute;
  top: 60px;
  right:0;
  z-index: 2;
  width: 200px;
  margin:0;
  padding:0;
  background-color: #d6d6d6;
}

body.rtl #bu-alt-sites { right: auto; left: 0; }

#bu-search {
  position: absolute;
  top: 60px;
  right: 0px;
  z-index: 1;
  width: 200px;
  height: 80px;
  background-color: #d6d6d6;
}

body.rtl #bu-search { right: auto; left: 0; }


/* clear floats (for IE) */
.bu-clear { clear: both; }


/*
   Effectivly clear all floats inside #bu-content without the need of
   an extra clearing element.
   (see http://www.positioniseverything.net/easyclearing.html)
*/

div#bu-content:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* Hides from IE-mac \*/
* html #bu-content {height: 1%;}
/* End hide from IE-mac */