/* $Id: layout.css,v 1.5.2.1 2007/01/17 05:28:41 jjeff Exp $ */

/*********************
  LAYOUT
**********************/

body {
  direction: ltr;
  margin: 0;
  min-width: 960px;
 /* padding: 10px; */
  text-align: center;         /* center #page element for IE */
  /* 2x (left-side fullwidth + main padding) + right-side fullwidth */
}

body.rtl {
  direction: rtl;
}

#page {
  min-width: 960px;               /* page width - optional */
  max-width: 960px;
  margin: 0 auto;             /* center the page - optional */
  padding: 0;
  text-align: left;           /* return text alignment after centering for IE */
  /*border-left: 2px solid #AAA;*/
  /*border-right: 2px solid #AAA;*/
}

/* IE min-width, max-width emulation */
* html #page {
  width: 960px; /* in case JS is off, set a fallback width. default is auto */
  width: expression(Math.max(Math.min((document.documentElement ? document.documentElement.clientWidth : document.body.clientWidth) - 20, 980), 740)+'px');
  
  /* Orizu hack for Amnesty - the above isnt working maybe because ie7 blocks the js? when page first loads
  so it keeps to 740? Anyway...
  */
    width: 960px;
}

#container {
  margin: 0 auto;
  /*padding: 0 20px;*/
  max-width: 960px;
  position: relative;
}

#squeeze {
  position: relative;
  padding: 0 2%;
}

/*********************
  FRONT PAGE
**********************/

body.front .column {
  margin:0 .5em;
  width: 46%;
}

#content-top {
  margin: 0px;
}

#content-top-first {
  float: left;
/*
  margin: 0 1% 0 0;
*/
  width: 66%;
}
.rtl #content-top-first {
  float: right;
/*
  margin: 0 1% 0 0;
*/
  width: 67%;
}

#content-top-last {
  float: left;
  width: 32%;
}

body.rtl #content-top-first {
  float: right;
}

body.rtl #content-top-last {
  float: left;
}

#front-column-first {
  float: left;
}

#front-column-middle {
  float: right;
}

#front-column-last {
  float: left;
  width: 32%;
}

body.rtl #front-column-first {
  float: right;
}

body.rtl #front-column-middle {
  float: right;
}

body.rtl #front-column-last {
  float: right;
}

/* And add blanks left and right for the sidebars to fill */

/* With 3 columns, require a minimum width of 1000px to ensure there is enough horizontal space. */
body.both-sidebars {
  /*min-width: 980px;*/
}
/* With 2 columsn, require a minimum width of 800px. */
body.sidebar-first,
body.sidebar-last {
  /*min-width: 780px;*/
}

body.hide-last #sidebar-last {
  display: none;
}

body.sidebar-first #squeeze {
  border-left: 1px solid #D8D8D8;
  margin-left: 175px;
}
body.sidebar-last #squeeze {
  margin-right: 210px;
}
body.both-sidebars #squeeze {
  border-left: 1px solid #D8D8D8;
  border-right: 0;
  margin: 0 210px 0 175px;
}

/* RTL squeeze format for all # of sidebars */
body.rtl #squeeze {
  border-left: 0;
  border-right: 1px solid #D8D8D8;
  margin: 0 175px 0 210px;
}

/* Disabled due to IE6 multi-class bug
body.rtl.sidebar-first #squeeze {
  border-left: 0;
  border-right: 1px solid #D8D8D8;
  margin-right: 175px;
  margin-left: 0;
}

body.rtl.sidebar-last #squeeze {
  margin: 0 0 0 200px;
}

body.rtl.both-sidebars #squeeze {
  border-left: 0;
  border-right: 1px solid #D8D8D8;
  margin: 0 175px 0 200px;
}
*/

/* RTL squeeze format for sidebar last.
   WARNING: May cause layout issues for LTR in IE6.
   IE6 does not recognize middle elements in 
   chained class selectors.  So, for IE6:
   body.rtl.sidebar-last = body.sidebar-last */
body.rtl.sidebar-last #squeeze {
  margin: 0 0 0 210px;
}

body.front #squeeze {
  border-left: 0;
}

/* We must define 100% width to avoid the body being too narrow for near-empty pages */
#main {
  float: left;
  width: 100%;
}

body.rtl #main {
  float: right;
}

/* So we move the #main container over the sidebars to compensate */
body.sidebar-first #main {
  margin-left: -175px;
}
body.sidebar-last #main {
  margin-right: -210px;
}
body.both-sidebars #main {
  margin: 0 -210px 0 -175px;
}

/* RTL main format for all # of sidebars */
body.rtl #main {
  margin: 0 -175px 0 -210px;
}

/* RTL main format for sidebar last.  
   WARNING: May cause layout issues for LTR in IE6.
   IE6 does not recognize middle elements in 
   chained class selectors.  So, for IE6:
   body.rtl.sidebar-last = body.sidebar-last */
body.rtl.sidebar-last #main {
  margin: 0 0 0 -210px;
}

body.search-results-rtl #main {
  margin: 0;
}

body.search-results-rtl-sidebar-first #main {
  margin-right: -175px;
}


/* Disabled due to IE6 multi-class bug
body.rtl.sidebar-first #main {
  margin-right: -175px;
}
body.rtl.sidebar-last #main {
  margin-left: -200px;
}
body.rtl.both-sidebars #main {
  margin: 0 -175px 0 -200px;
}
*/

/* We ensure the sidebars are still clickable using z-index */
#container .sidebar {
  margin: 0 0 5em;
  float: left;
  z-index: 2;
  position: relative;
}

body.rtl #container .sidebar {
  margin: 0 0 5em;
  float: right;
  z-index: 2;
  position: relative;
}

#container #sidebar-first {
  width: 175px;
}

#container #sidebar-last {
  width: 180px;
  margin: 0px 15px;
}

.column .block {
  margin: 0 0 10px 0;
}

#sidebar-first .block {
  padding: 0;
}

#sidebar-last .block {
  padding: 0;
}

.block .content {
  margin: 0.5em 0;
}

#footer {
  float: none;
  clear: both;
  margin: 4em 0 -3em;
}

#logo-print-only img{
  display: none;
}

@media print {
  #logo-print-only img{
    display: block;
  }

  body,
  #squeeze,
  body.both-sidebars #squeeze,
  .content,
  p {
    padding: 0;
    position: static;
  }

  body #squeeze {
    font-size: 11pt;
    width: 6.75in;
  }
    
  body.both-sidebars #squeeze {
    border: none;
  }

  #squeeze #breadcrumb {
    border-bottom: none;
  }

  #simplemenu,
  #secondary,
  #header-top,
  #header-last-menus,
  .tabs,
  #navigation *,
  #sidebar-first,
  #sidebar-last,
  .service-links,
  #footer {
    display: none;
  }

}