/*
 body{
  margin:0;
  padding: 125px 0 0 130px;
 }
 div#header{
  position:absolute;
  top:0;
  left:0;
  width:500%;
  height: 125px;

 }
 
 div#leftbar{
  position:absolute;
  top:125px;
  left:0;
  width:130px;
  height:100%;
 }
 
 @media screen{
  body>div#header{
   position:fixed;
  }
  body>div#leftbar{
   position:fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#content{
  height:100%;
  overflow: auto;
}
*/  

body
{
	background-color: #000;
	margin: 0;
	padding: 125px 0 0 130px;
}

div#header
{
	width:	700px;
	
	height: 125px;
	background: url(/images/inside-header.jpg) no-repeat top left #030;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

div#headcover
{
	width:	100%;
	
	height: 125px;
	background-color: #000;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
}

div#logo
{
	position:	absolute;
	top:	20px;
	left:	620px;
	text-indent:-3000px;
}

#logo a
{
	display: block;
	background: url(/images/inside-sa-logo.png) !important;
	background:url(/images/inside-sa-logo.gif);
	height: 60px;
	width: 59px;
}

#logo a:hover
{
	background: url(/images/inside-sa-logo.png) !important;
	background:url(/images/inside-sa-logo.gif);
}

div#booktop
{
	position:	absolute;
	top:	47px;
	left:	22px;
	text-indent:-3000px;	
}

#booktop a
{
	display: block;
	background:url(/images/inside-book-top.gif);
	height: 78px;
	width: 103px;
}

#booktop a:hover
{
	background:url(/images/inside-book-top.gif);
}

div#bookbottom
{
	position:	relative;
	top:	0px;
	left:	22px;
	text-indent:-3000px;	
}

#bookbottom a
{
	display: block;
	background:url(/images/inside-book-bottom.gif);
	height: 187px;
	width: 103px;
}

#bookbottom a:hover
{
	background:url(/images/inside-book-bottom.gif);
}


#small-links
{
	padding: 15px 15px 0px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 60%;
	text-align: right;
	line-height: 180%;
}

#small-links a
{
	color: blue;
}

div#mainbar
{
	position:	absolute;
	/*left:	250px;*/
	z-index: 100;
	right: 0px;
	top:	99px;
	height:	25px;
	padding: 1px 3px 0px 3px;
	text-align: right; 
/*	width:	450px;*/
	background-color:	black;
}

div#mainbar a, div#mainbar a:visited
{
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:	70%;
	text-decoration: none;
	font-weight: bold;
}

div#mainbar a:active, div#mainbar a:hover
{
	color: #B0F637;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:	70%;	
	text-decoration: none;
	font-weight:bold;
}


div#leftbar
{
	width: 130px;
	background-color: #FFF;
	top: 125px;
	left: 0;
	position: absolute;
	height: 100%;
	z-index: 10;
	
}

 @media screen{
  body>div#header{
   position:fixed;
  }
  
  body>div#headcover{
   position:fixed;
  }
  
  body>div#leftbar{
   position:fixed;
  }
 }

#content
{
	width: 568px;
	background-color: white;
	margin: 0px;
	padding: 0px;
	border: 1px solid white;
	z-index: 10;
	position: absolute; 

	
}
/*
html
{
	height: 100%;
	max-height: 100%;
	overflow: auto;
}
*/


 * html body{
	overflow:hidden; 

 } 
 
 * html div#content{
  height:100%;
  overflow: auto;
  position: relative;
 }
 

#chapbar
{
	height: 25px;
	/*background-color: blue;*/

}


#article
{
	background-color: white;
	padding: 10px 15px 0px 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 80%;
}


.tiny
{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 75%;
}

.caption
{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 75%;
}

/* IE needs the whole size specified manually, rather then a percent of a percent */
* html .tiny
{
	font-size: 60%;
}

* html .caption
{
	font-size: 60%;
}

 #PNATTMBTC /*Pay no attention to the man behind the curtain*/
 {
  /* This will fix the black space showing up under articles when the text isn't long enough
  to fill the viewport.  I'll revisit this problem later */
 	width:	700px;
	height: 100%;
    background: white;
	position: absolute;
	top: 0;
	left: 0;
	/*z-index: -10;*/
	float: left;
 
 }

 @media print{
 	/*
 		Remove everything but article text.
 		Why would anyone ever want to print something besides the article? 
 	*/
 	div#header{	display: none;}
 	div#headcover{	display: none;}
 	div#leftbar{display: none;}
 	div#chapbar{display: none;}
 	div#PNATTMBTC{display: none;}
 	body{padding: 0; background-color: white; }
 	div#content {position: relative;}
 	 * html body{ overflow:visible;}
     * html div#content{ overflow:visible;}
 } 

 }