/* Define the layout variables.  Not used at the moment because IE does not support it. */

:root {
	--sl-banner-height: 70px;
	--sl-nav-width: 230px;
	--sl-tab-top: calc(var(--sl-banner-height) + 15px);  	/* 85 */
	--sl-date-top: calc(var(--sl-tab-top) + 25px); 			/* 110 */
	--sl-trail-top: calc(var(--sl-tab-top) + 35px);			/* 120 */
	--sl-nav-top: calc(var(--sl-trail-top) + 40px);			/* 160 */
}


#banner {
    position: absolute;
    width: 98%;
    height: 70px; /* var(--sl-banner-height); */
}

#date {
 	position: absolute;	
	right: 50px;
	margin-top: 210px; /* var(--sl-date-top); */
	font-style: italic;
	color: #808080;
	font-size: 14px;
}

#trail {
    position: absolute;
    width: 98%;
    margin-top: 120px; /* var(--sl-trail-top); */
}

#tabs {
	position: absolute;
	width: 98%;
	margin-top: 85px; /* var(--sl-tab-top); */
	height: 19px;
	padding: 0px;
	border-bottom: 1px solid #0000FF; 
}

#navigation {		/* see: -sl-book-box in the slStyle class for styling the navigation panel border and background in book mode. */
    	position: absolute;
    	width: 230px; /* var(--sl-nav-width); */
    	margin-top: 160px; /* var(--sl-nav-top);     */  
    	padding-right: 0px;
    	font-weight: normal;  
	top: 0pt;
	bottom: 0pt;
	border-top: 1px solid #8080FF;
 	border-right: 1px solid #8080FF;
}

#main {
    position: absolute;
    padding: 0px 10px 0px 10px; /*top right bottom left*/
    margin-top: 135px; /* calc(var(--sl-trail-top) + 15px); */
    margin-left: 250px; /* calc(var(--sl-nav-width) + 20px); */
    margin-right: 20px;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    overflow: auto;
}

#next {
	position: fixed;
	bottom: 0;
	width: 220px; /* calc(var(--sl-nav-width) - 10px); */
	margin-bottom: 15px; 	
	margin-left: 5px;
	z-index: 5;    
}