/* Purpose:  SiteMasterLayout3Col.css is a complementary file to SiteMasterLayout.css.
   Its main purpose is to describe CSS-based layout styles that are specifc to
   the 3-column layouts.  Style definitions in this file should be mutually 
   exclusive of the 2-column version.

   Reminder:  This file is NOT designed for font definitions!

   Revision History:
   -----------------
   2008-Jan - Initial Release for BerkeleyExtranetSite project.  (EYang)
*/

/* V3 = revisiting centering methods.  Changes to background image necessary.
  (EYang, Dec 2007) */

#MasterBodyOuterContainer
{
  /* background: url(images/besBackground/SiteMasterLayout2ColBackground.gif) top right repeat-y; */
  background-image: url('images/besBackground/siteMasterLayout3ColShadow2.gif');
  xxxbackground-image: url('images/besBackground/siteMasterLayout3Col900px.gif');
  background-position: top right;
  background-repeat: repeat-y;
}

#Col2InnerContainer
{
  width: 530px; /* in 3-Col case, Col2 width must account for Col3 width (EYang, Dec 2007) */

	/* you can activate background-color for debugging only, but production 
     implementation includes background image with color of *this* column,
     so background-color definition is redundant  */
  /* background-color: #ffff00; */
}

#Col3OuterContainer
{
  position: absolute; /* FF change - required a change in .Master file
                         to make Col3 a member of ColSetOuterContainer so that 
                         positioning coordinates would work correctly (EYang, Dec 2007) */
  left: 719px;
  top: 0px;
	width: 160px;
  z-index: 100; /* FF change - Col2OuterContainer overlaps Col3, so 
                   set z-index to make sure Col3 hyperlinks and controls show through 
                   (EYang, Dec 2007) */
}

#Col3InnerContainer
{
	padding: 5px 5px 5px 5px;

	/* you can activate background-color for debugging only, but production 
     implementation includes background image with color of *this* column,
     so background-color definition is redundant  */
	/* background-color: #ffffff; */
}