﻿/*
layout specific info goes here, actual styling should go in the skin css file
*/

body
{
	height: 100%; /*gives child divs something to inherit*/
	margin: 25px 1px 1px 1px;
	padding: 0;
}
#Layout_Main
{
	/*centered layout*/
	position: relative;
	margin: 0 auto;
	
	/*left justified layout
	position: absolute;
	*/
	
	width: 800px; /* 802 - border width */
	
	/*
	only the size is specified here since it affects the layout
	color and style of the border will be in the main style sheet;
	*/
	border-width:1px;
}

#Layout_Header, tr.Layout_HeaderPlaceHolder, #Header
{
	width:800px;
	height:258px;
	max-height:258px;
	min-height:258px;
}

#Layout_Header
{
	position:absolute;
	left:0px;
	top:0px;
	z-index:100;
}

#Footer, #Layout_Footer
{
	height:34px;
	width:800px;


}
#Layout_Footer
{
	position:absolute;
	left:0px;
	margin-top:-34px;
	 /* height of left nav */
	z-index:101;
}

#Layout_LeftNavPlaceHolder, #Layout_LeftNav, .Layout_LeftNavBrace
{
	width: 154px;
	
}
#LeftNav
{
	width:144px;
	padding-left:134px;
}
#Layout_LeftNavPlaceHolder
{

	/*width: 149px;
	max-width:149px;
	min-width:149px;*/
}
#Layout_LeftNavPlaceHolder, #Layout_LeftNav
{
	background-color:Black;
	background-image:none;
}
#LeftNav
{
	
}

#Layout_Content
{
	padding-right:0px;
}

#Layout_LeftNav
{
	position:absolute;
	left:0px;
	top:258px; /* height of left nav */
	z-index:100;
	
}


#Layout_Middle
{
	min-height:400px;
	height:400px;
}

/* for visualization only, can be deleted */

td.Layout_HeaderPlaceHolder
{
}

#Layout_LeftNavPlaceHolder
{
	
}

#Layout_Main
{
	
}

#Layout_LeftNav
{
	
}
#Layout_Footer
{
	
}


