/* $Id:layout-fixed.css,v 1.1.2.7 2008/01/28 17:41:35 johnalbin Exp $ */
/*
* LAYOUT STYLES
*
* Only CSS that affects the layout (positioning) of major elements should be
* listed here.  Such as:
*   display,position,float,clear,width,height,min-width,min-height
*   margin,border,padding,overflow
*/
/** body **/
body{
margin:0;
padding:0;
background:url(images/bg-tile.png)
}
#block-views-container_book{
border-bottom:1px solid #cccccc
}
#block-views-container_book .block-inner,
#block-views-container_video .block-inner{
height:98px
}
#block-views-container_book,
#block-views-container_video{
width:310px;
height:102px
}
#block-views-container_podcast{
width:309px;
border-right:solid 1px #cccccc;
height:205px
}
#block-views-container_podcast .block-inner{
height:201px
}
/** compartments **/
#compartments{
float:left;
margin-bottom:15px;
margin-left:-15px;
border-bottom:solid 1px #cccccc;
width:620px
}
#compartments .block{
float:left;
background:transparent url(images/page-compartment-bg.png) repeat-x bottom
}
#compartments .block-inner{
border:#ffffff 2px solid;
overflow:hidden
}
#compartments table{
margin:0
}
/** content **/
#content{
float:left;
margin-right:-620px;
padding:0;
width:620px
}
#content-inner{
margin:0;
padding:0 15px
}
/** footer **/
#footer{
background:url(images/page-border.png)
}
#footer-inner{
margin:0 15px;
padding:15px
}
#footer-shadow{
width:100%;
background:url(images/page-bottom.png) no-repeat;
height:15px;
overflow:hidden
}
/** header **/
#header{
background:url(images/page-banner.png);
height:250px;
position:relative
}
#flash-banner{
	margin-left:auto;
	 margin-right:auto;
	  width:960px;
	   margin-top:45px;
}
/** Prevent overflowing content **/
#header,
#content,
#navbar,
#sidebar-right,
#footer,
#closure-blocks,
#navbar{
overflow:visible;
word-wrap:break-word/* A very nice CSS3 property */
}
#logo{
margin-top:10px;
padding:0;
float:left;
}
/** main (container for everything else) **/
#main{
background:url(images/page-border.png);
position:relative
}
#main-inner{
margin:0 15px;
border-top:1px solid #cccccc
}
/** navbar **/
#navbar{
float:right;
width:680px;
margin:0;
padding:0;
height:3.6em
}
#navbar li{
float:left;
padding:0 12px 0 0
}
#navbar ul{
margin:0;
padding:0;
text-align:left
}
#navbar-inner{
padding-top:16px
}
#page{
margin-left:auto;
margin-right:auto;
width:960px
}
#page-banner{
width:100%;
background:url(images/bg-banner.png) left;
height:250px;
position:absolute;
top:0px;
left:0px;
}
#primary{
float:right
}
#search-box{
float:right
}
#sidebar-login-inner{
border:#ffffff 2px solid;
padding:0 10px;
height:201px
}
/** sidebar-login **/
#sidebar-login-outer{
border-bottom:solid 1px #cccccc;
background:url(images/page-compartment-bg.png);
height:205px
}
/** sidebar-right **/
#sidebar-right{
float:left;
width:309px;
padding:0;
margin:0px -930px 0 620px;
border-left:1px #cccccc solid
}
#sidebar-right-inner{
padding:0 10px
}