/*
DIMENSIONS
=============
*/


#wrapper
{
	
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	margin-bottom: 20px;
}

#primarynav
{
	float: left;
	width: 980px;
	margin-top: 8px;
	
}

#header
{
	height: 154px;
	background: url('../images/layout/header.jpg') no-repeat;
}

#middle
{
	float: left;
}

#content
{
	float: left;	
}

#contentmain
{
	float: left;
	width: 735px;
	padding-left: 35px;
	padding-top: 25px;
	padding-right: 50px;
	padding-bottom: 20px;
}

body.ninja #contentmain
{
	float: left;
	width: 785px;
	padding-left: 35px;
	padding-right: 0px;
	padding-top: 0px;
}

body.iframe #contentmain
{
	float: left;
	width: 820px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

#contentmainbanner
{
	width: 785px;
	height: 135px;
	background: url('../images/layout/contentmainbannerbground.jpg') no-repeat;
	padding-top: 20px;
	float: left;
}


#blocks
{
	float: left;
	width: 180px;
	height: 190px;
	margin-bottom: 10px;
	background: url('../images/layout/blocksbackground.jpg') no-repeat;
	margin-right: 15px;
	padding-top: 25px;
	padding-left: 10px;
	padding-right: 10px;
	
}

#blocks.ninja
{
	float: left;
	width: 180px;
	height: 190px;
	margin-bottom: 10px;
	background: url('../images/layout/blocksbackground.jpg') no-repeat;
	margin-right: 15px;
	padding-top: 18px;
	padding-left: 10px;
	padding-right: 10px;
	
}

#sidebar
{
	float: left;
	width: 160px;
	padding-top: 10px;
	padding-bottom: 32767px; /*hack to create the left column as the full length of the page */
	margin-bottom: -32767px; /*hack to create the left column as the full length of the page */
}

#contentmainleft
{
	float: left;
	width: 320px;
	padding-top: 10px;
	padding-bottom: 50px;
}

#contentmainleft.long
{
	float: left;
	width: 320px;
	height: 1050px;
	padding-top: 10px;
	padding-bottom: 50px;
}


#contentmainright
{
	float: right;
	width: 375px;
	padding-top: 10px;
	padding-left: 30px;
}

#resourcescontent
{
	width: 310px;
	float: left;
	margin-right: 30px;
	_margin-right: 20px;
	margin-top: 20px;
}

#contentmain #linksdiv
{
	float: left;
	width: 680px;
	margin-top: 30px;
}

body.trader #resourcescontent
{
	width: 650px;
	_width: 620px;
	float: left;
	margin-bottom: 5px;
}


/*prop and clear create a minimum height for #middle */
.prop
{
	height: 400px;
	float: right;
	width: 1px;
}

.clear
{
	clear: both;
	height: 1px;
	overflow: hidden;
}