/*
layout specific info goes here, actual styling should go in the skin css file
*/

body
{
	height: 100%; /*gives child divs something to inherit*/
	margin: 20px 1px 1px 1px;
	
	padding: 0;
}
#Layout_Main
{
	/*centered layout*/
	position: relative;
	margin: 0 auto;
	
	/*left justified layout
	position: absolute;
	*/
	
	width: 779px; /* 800 - 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;
	border-color:#B9B9B9;
}

#Layout_Header, #Header
{
	height:140px;
	
}

#Layout_Header
{
	position:relative;
	left:0px;
	top:0px;
	z-index:100;
}

#Footer, #Layout_Footer
{
	min-height:25px;
}

#Layout_LeftNav, #LeftNav
{
	width: 150px;
}
#Layout_LeftNav
{
	position:absolute;
	top:160px;
	left:10px;
}

#Layout_Content
{
	width:100%;
	text-align:center;

}


#Layout_Middle
{
	background-color:White;
	background-image:url("../images/main-bg.jpg");
	background-repeat:repeat-x;
	min-height:333px;
	height:333px;
}

.ImageArea
{
	width:758px;
	max-width:758px;
	background-color:White;
	/*background-image:url("../images/main-image1.jpg");*/
	background-repeat:no-repeat;
	min-height:297px;
	
	margin-left:25px;
	margin-bottom:0;
}



.BottomBar
{
	margin-left:25px;
	margin-top:0;
	height:34px;
	min-height:34px;
	max-height:34px;
	background-image:url("../images/main-image-bottom.jpg");

}

/* for visualization only, can be deleted */

td.Layout_HeaderPlaceHolder
{
	background-color:White;
}
#Layout_Main
{
	background-color:White;
}