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

body
{
	height: 100%; /*gives child divs something to inherit*/
	margin: 15px 0px 0px 0px;
	padding: 0px;
	
}

#Layout_Main
{
	/*centered layout*/
	position: relative;
	margin: 0 auto;
	
	/*left justified layout
	position: absolute;
	*/
	
	width: 900px; /* 760 - 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:0px;
}

#Layout_Header, div.Layout_HeaderPlaceHolder, #Header
{
	height:140px;
}

#Layout_Featured, div.Layout_FeaturedPlaceHolder, #Featured
{
	width:330px;
	height:220px;
	padding-right:10px;
}

#Layout_Featured
{
	position:absolute;
	right:0px;
	top:142px;
	z-index:100;
}

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

#Footer, #Layout_Footer
{
	height:46px;
	width:885px;
	float:left;
}

#Layout_Content
{
  padding-right:5px;	
}

/*#Layout_LeftNav
{
	float:left;
	vertical-align:top;
	width: 173px;	
}*/

#Layout_Middle
{
	overflow:hidden;
	width:900px;
	padding-left: 10px;	
	
}

/* for visualization only, can be deleted 

div.Layout_HeaderPlaceHolder
{
	background-color:Gray;
}

#Layout_LeftNavPlaceHolder
{
	background-color:White;
}

#Layout_Main
{
	background-color:White;
}

#Layout_LeftNav
{
	background-color:White;
}
#Layout_Footer
{
	background-color:White;
}*/