/*#container > div {border:1px solid}*/

body		{position:absolute; top:   0px; right:   0px; bottom:   0px; left:   0px; width:  auto; height:  auto;}
#container	{position:absolute; top:   0px; right:   0px; bottom:   0px; left:   50%; width:  auto; height:  auto; z-index:1;}
#header		{position:absolute; top:   6px; right:   0px; bottom:  auto; left:   0px; width:  auto; height:  31px; z-index:4;}
#threepanes	{position:absolute; top:  50px; right:   0px; bottom:   6px; left:   0px; width:  auto; height:  auto; z-index:0;}
#outline	{position:absolute; top:   0px; right:  auto; bottom:   0px; left:   0px; width: 260px; height:  auto; z-index:3;}
#article	{position:absolute; top:   0px; right:  auto; bottom:   0px; left: 260px; width: 700px; height:  auto; z-index:0;}
#sidebar	{position:absolute; top:   0px; right:   0px; bottom:   0px; left: 960px; width:  auto; height:  auto; z-index:1;}

/* ------------------------------------------------------- */
/* CONTAINER */
/* ------------------------------------------------------- */

body {
	overflow: hidden;
}
#container {
	margin-left:-630px;
	width:1260px;
	overflow: hidden;
}

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

#header {
	overflow:visible;
	z-index:3;
}

/* ------------------------------------------------------- */
/* OUTLINE */
/* ------------------------------------------------------- */

#outline { overflow: hidden; }
#outline .inner    	{position:absolute; top:   0px; right:  auto; bottom:   0px; left: -19px; width: 298px; height:  auto;}
#outline .barleft	{position:absolute; top:   0px; right:  auto; bottom:   0px; left:   0px; width:  19px; height:  auto;}
#outline .barright	{position:absolute; top:   0px; right:   0px; bottom:   0px; left:  auto; width:  19px; height:  auto;}
#outline .frameset	{position:absolute; top:   0px; right:  19px; bottom:   0px; left:  19px; width:  auto; height:  auto;}
#outline .toolbar	{position:absolute; top:   0px; right:   0px; bottom:  auto; left:   0px; width:  auto; height:  23px;}
#outline .content	{position:absolute; top:  36px; right:   0px; bottom:   0px; left:   0px; width:  auto; height:  auto;}
#outline .scrollbar	{position:absolute; top:  36px; right:   0px; bottom:   0px; left:  auto; width:  20px; height:  auto;}

#outline .frameset {
	border: 1px solid;
}

#outline div.content {
	overflow-x:hidden;
	overflow-y:scroll;
}

#outline .scrollbar {
	display: none;
	z-index: 3;
}

/* The collapse/expand bars */

#outline div.barleft, #outline div.barright {
	background-color:transparent;
	background-image:url(../images/expandSprites.png);
	background-repeat:no-repeat;
}

#outline.collapsed div.barleft        { background-position:-62px center;}
#outline.collapsed div.barleft:hover  { background-position:-84px center;}
#outline.expanded  div.barleft        { background-position:  0px center;}
#outline.expanded  div.barleft:hover  { background-position:-22px center;}

#outline.collapsed div.barright       {background-position:   0px center;}
#outline.collapsed div.barright:hover {background-position: -22px center;}
#outline.expanded  div.barright       {background-position:/*-62px*/   0px center;}
#outline.expanded  div.barright:hover {background-position:/*-84px*/ -22px center;}

/* ------------------------------------------------------- */
/* ARTICLE */
/* ------------------------------------------------------- */

#article { overflow: hidden; }
#article .inner    	{position:absolute; top:   0px; right:   0px; bottom:   0px; left:   0px; width:  auto; height:  auto;}
#article .content	{position:absolute; top:   0px; right:   0px; bottom:   0px; left:   0px; width:  auto; height:  auto;}

#article .content {
	overflow-x:hidden;
	overflow-y:scroll;
}

/* ------------------------------------------------------- */
/* SIDEBAR */
/* ------------------------------------------------------- */

#sidebar { overflow: hidden; }
#sidebar .inner    	{position:absolute; top:   0px; right:  auto; bottom:   0px; left: -19px; width: 338px; height:  auto;}
#sidebar .barleft	{position:absolute; top:   0px; right:  auto; bottom:   0px; left:   0px; width:  19px; height:  auto;}
#sidebar .barright	{position:absolute; top:   0px; right:   0px; bottom:   0px; left:  auto; width:  19px; height:  auto;}
#sidebar .frameset	{position:absolute; top:   0px; right:  19px; bottom:   0px; left:  19px; width:  auto; height:  auto;}
#sidebar .toolbar	{position:absolute; top:   0px; right:   0px; bottom:  auto; left:   0px; width:  auto; height:  23px;}
#sidebar .content	{position:absolute; top:  36px; right:   0px; bottom:   0px; left:   0px; width:  auto; height:  auto;}
#sidebar .scrollbar	{position:absolute; top:  36px; right:   0px; bottom:   0px; left:  auto; width:  20px; height:  auto;}

#sidebar .frameset {
	border: 1px solid;
}

#sidebar .content {
	overflow-x:hidden;
	overflow-y:scroll;
}

#sidebar .scrollbar {
	display: none;
	z-index: 1;
}

/* The collapse/expand bars */

#sidebar div.barleft, #sidebar div.barright {
	background-color:transparent;
	background-image:url(../images/expandSprites.png);
	background-repeat:no-repeat;
}

#sidebar.collapsed div.barleft        { background-position: -62px center;}
#sidebar.collapsed div.barleft:hover  { background-position: -84px center;}
#sidebar.expanded  div.barleft        { background-position:-124px center;}
#sidebar.expanded  div.barleft:hover  { background-position:-144px center;}

#sidebar.collapsed div.barright       { background-position:   0px center;}
#sidebar.collapsed div.barright:hover { background-position: -22px center;}
#sidebar.expanded  div.barright       { background-position:-165px center;}
#sidebar.expanded  div.barright:hover { background-position:-187px center;}