/* 
* This file is for creating Administration layout
* It should not be used for creating public layouts
* Use Main.css instead 
*/

/*  [Layout] */

#wrapper 
{
	width: auto;
	width: 850px;
}

#headerWrapper
{
	width: 100%;
}

#headerWrapper #mainHeader
{
	width: 100%;
}

#headerWrapper #headerLeft
{
	width: 33%;
	float: left;
}

#headerWrapper #headerRight
{
	width: 67%;
	float: left;
}

#headerWrapper #headerSubNavi
{
	float: left;
	clear: both;
	width: 100%;
}

#contentWrapper
{
	position: relative;
	display: block;
	float: left;
	width: 100%;
}

#contentWrapper #contentExtra
{
	width: 33%;
	float: left;
}

#contentWrapper #contentMain
{
	width: 67%;
	float: left;
}

div.frontpage #contentWrapper #contentMain, div.contentWide #contentWrapper #contentMain, div.contentWide #contentWrapper #contentBottomDevider
{
	clear:both;
	width: 100%;
}

#contentWrapper #contentWideLeft
{
	clear: both;
	width: 50%;
	float: left;
}

#contentWrapper #contentWideRight
{
	width: 50%;
	float: left;
}


#contentWrapper #contentBottom1
{
	clear: both;
	width: 33%;
	float: left;
}

#contentWrapper #contentBottom2
{
	width: 34%;
	float: left;
}

#contentWrapper #contentBottom3
{
	width: 33%;
	float: left;
}

div.frontpage #contentWrapper #contentBottom1
{
	clear: both;
	width: 25%;
	float: left;
}

div.frontpage #contentWrapper #contentBottom2
{
	width: 50%;
	float: left;
}

div.frontpage #contentWrapper #contentBottom3
{
	width: 25%;
	float: left;
}

#footerWrapper
{
	float: left;
	clear: both;
	width: 100%;
}

/*  [/Layout] */