/* content disposition with some formatting */

body,html{
	margin:0px;
	padding:0px;
	}

#top{ /* top website */
	margin:0px;
	width:100%;
	float:left;
	position:relative;
	display:none;
	}
	
div.openregion{
	text-align:center;
	float:left;
	width:100%;
	margin-bottom:25px;
	position:relative;
	z-index:1000;
	}
	
.top{
	width:33.3%;
	float:left;
	}
	
#site-information{
	float:left;
	width:100%;
	color:white;
	position:relative;
	height:3.5em;
	line-height:3.5em;
	text-indent:10px;
	}

body.full-liquid #site-information{
	border-bottom:10px solid white;
	}
	
#site-information .utility-menu{
	position:absolute;
	right:0px;
	top:0px;
	}
	
.site-content{
	float:left;
	margin-right:10px;
	}
	
#bottom{ /* under website */
	float:left;
	width:100%;
	margin-top:15px;
	display:none;
	}
	
.bottom{ /* under website */
	float:left;
	width:33.3%;
	}
	
body.full-liquid #mainWrapper{
	border:10px solid white;
	}

#wrapper{
	width:1024px; /* 1024px */
	margin:0px auto;
	clear:left;
	}
	
#site-search{
	text-align:right;
	margin:20px 0 30px 0;
	}
	
body.full-liquid #site-search,
body.full-liquid #topUtility{
	margin:0px;
	padding:10px 0 0px 0;
	}
	
#totalWrapper{ /* makes the border */
	float:left;
	border:10px solid white;
	}
	
body.full-liquid #totalWrapper{ /* makes the border */
	border:0px;
	}

#contentWrapper{
	width:100%;
	background:white;
	float:left;
	padding:0px;
	}
	
#beforeContent{
	float:left;
	width:100%;
	}
	
#afterContent{
	float:left;
	width:100%;
	}
	
#overContent{
	float:left;
	width:100%;
	}
	
#underContent{
	float:left;
	width:100%;
	margin-top:10px;
	}
	
#sidebarWrapper{ 
	float:left;
	width:44%;
	}

	
#sidebarWrapper .sidebars{ 
	float:left;
	width:100%;
	}
	
body#rightContent #sidebarWrapper{ /* sidebar wrapper with content on the right */
	float:left;
	width:44%;
	margin-left:-100%;
	}


#content,
.sidebar{
	float:left;
	}

	
body.bothsidebars #content{
	width:56%;
	}
	
body.onesidebar #content{
	width:70%;
	}
	
body.bothsidebars #sidebarWrapper .sidebar{ /* 50% of 100% sidebarWrapper */
	width:50%;
	}
	
body.bothsidebars .sidebar{
	width:22%;
	}
		
body.onesidebar .sidebar{
	width:30%;
	}

/* 1) no sidebar -> OK */


body#full #content{
	width:100%;
	}
	
body#full .site-content{
	margin:0px;
	}
	
body#full #sidebarWrapper,
body#full .sidebar{
	display:none;
	}
	
/* 2) center content both sidebars -> OK */

body#centerContent #content{
	margin:0 22% 0 22%;
	}
	
body#centerContent .site-content{
	margin:0px 10px 0px 10px;
	}

body#centerContent #sidebar-first{
	margin-left:-100%;
	}
	
body#centerContent #sidebar-second{
	margin-left:-22%;
	}
	
/* 3) right content  both sidebars ->OK */

body#rightContent #content{
	margin-left:44%;
	}
	
body#rightContent .site-content{
	margin:0px 0px 0px 10px;
	}
	
/* 4) one sidebar on the left */

body.left #content{
	margin-left:30%;
	}

body.left #sidebar-first{
	margin-left:-100%;
	}
	
body.left #sidebar-second{
	display:none;
	}
	
/* 5) one sidebar on the right */

body.right #sidebar-first{
	margin-right:-100%;
	}
	
body.right #sidebar-second{
	display:none;
	}


/* 6) liquid layout */


body.liquid #mainWrapper{
	margin:15px;
	}
	
body.liquid #wrapper{
	width:100%;
	margin:0px auto;
	}
	
body.liquid.short #wrapper{
	max-width:1280px;
	}
	
body.liquid.medium #wrapper{
	max-width:1440px;
	}	
	
body.liquid.long#wrapper{
	max-width:1680px;
	}	

body.liquid.full-liquid #mainWrapper{
	margin:0px;
	}
	
body.liquid.full-liquid div.openregion{
	text-align:right;
	padding-right:20px;
	position:fixed;
	top:0px;
	right:0px;
	z-index:1000;
	}